#header {background-image:url('http://www.hartlearn.org.uk/images/1headland.jpg');min-width:800px;height:150px;}
#headerbar a {color:#fff;font-weight:bold;}

#navcontainer { padding-top:10px;float:left; width: 200px; font-family: Verdana,Helvetica,Arial,sans-serif;font-style: normal;font-variant: normal;font-weight: bold;}
#navcontainer ul{margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
#navcontainer a{display: block;padding: 3px;width: 160px;background-color: #094699;color:#fff;border-bottom: 1px solid #eee;}
#navcontainer a:link, #navlist a:visited{color: #fff;text-decoration: none;}
#navcontainer a:hover{background-color: #57943A;color: #094699;}

/* Clearfix methods*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clearfix {display: block;} /* End hide from IE-mac */