/* ========================*/
/*         Layout          */
/* ========================*/

* {
	padding: 0;
	margin: 0;
	}

body {
	font: normal 90%/140% Arial, Verdana, Helvetica, sans-serif;
	background: #fff url(/graphics/page-bg.gif) 0 0 repeat-x;
	text-align:center;
	}

#container {
	font: normal 80%/140% Arial, Verdana, Helvetica, sans-serif;
	color: #7b7b7b;
	margin: 0 auto;
	width: 660px;
	text-align: left;
	background: #fff url(/graphics/container-bg.gif) top left repeat-y;
	}
	
#container2 {
	text-align: left;
	background: transparent url(/graphics/header-bg.gif) 0 -40px no-repeat;
	padding: 0 14px 0 0;
	}
	
#header {
	width: 159px;
	float: right;
	}
	
#header ul {
	padding: 0 6px 0 6px;
	}
	
#header ul li{
	text-align: center;
	list-style-type: none;
	border-bottom: 1px dotted white;
	}
	
#header ul li a{
	padding: 4px 4px 5px;
	display: block;
	text-decoration: none;
	color: #96989b;
	font-weight: bold;
	text-decoration: none;
	}
	
#header ul li a:hover,
#header ul li a.on {
	background: #e1e5eb;
	}
	
#header ul li a:hover {
	text-decoration: underline;
	}
	
h1 {
	width: 159px;
	height: 179px;
	text-indent: -20000em;
	background: #fff url(/graphics/h1.gif) bottom left no-repeat;
	}
	
h1 a {
	text-decoration: none;
	width: 159px;
	height: 189px;
	display: block;
	}
	
* html h1 a {
	width: 159px;
	height: 179px;
	display: block;
	}
	
h2 {
	width: 473px;
	height: 60px;
	text-indent: -20000em;
	}
	
h2.lbj {
	background: #f5f7fc url(/graphics/quote1.gif) top left no-repeat;
	}
	
h2.jd {
	background: #f5f7fc url(/graphics/quote2.gif) top left no-repeat;
	}
	
h2.choose {
	background: #f5f7fc url(/graphics/quote3.gif) top left no-repeat;
	}
	
	
h2.west {
	background: #f5f7fc url(/graphics/school_west.gif) top left no-repeat;
	}
	
h2.anse {
	background: #f5f7fc url(/graphics/school_ansel.gif) top left no-repeat;
	}
	
h2.ruds {
	background: #f5f7fc url(/graphics/school_rudston.gif) top left no-repeat;
	}
	
h2.pete {
	background: #f5f7fc url(/graphics/school_peter.gif) top left no-repeat;
	}
	
h2.shef {
	background: #f5f7fc url(/graphics/school_sheffield.gif) top left no-repeat;
	}
	
h2.myln {
	background: #f5f7fc url(/graphics/school_mylnhurst.gif) top left no-repeat;
	}
	
h2.mary {
	background: #f5f7fc url(/graphics/school_stmarys.gif) top left no-repeat;
	}

h2.birk {
	background: #f5f7fc url(/graphics/school_birkdale.gif) top left no-repeat;
	}
	
h2.ashd {
	background: #f5f7fc url(/graphics/school_ashdell.gif) top left no-repeat;
	}
	
h2.bran {
	background: #f5f7fc url(/graphics/school_brantwood.gif) top left no-repeat;
	}
	
h2.barl {
	background: #f5f7fc url(/graphics/school_barlbor.gif) top left no-repeat;
	}
	
img.image1 {
	margin: 7px 0 16px 14px ;
	}


*:first-child+html h2 {
	width: 463px;
	}
	
* html h2 {
	width: 473px;
	height: 60px;
	text-indent: -20000em;
	position: relative;
	top: 0;
	left: 8px
	}
	
* html h2 {
	width: 473px;
	height: 60px;
	text-indent: -20000em;
	position: relative;
	top: 0;
	left: 8px
	}

#content {
	margin: 0 159px 0 0;
	padding: 12px 10px 0 10px;
	}
	
* html #content {
	margin: 0 168px 0 0;
	padding: 12px 0 0 0;
	}
	
* html h3 {
	font: bold 120%/140% Arial, Verdana, Helvetica, sans-serif;
	margin: 0 10px 10px 10px;
	}
	
h3 {
	color: #557282;
	}
	
h4 {
	font: bold 100%/140% Arial, Verdana, Helvetica, sans-serif;
	margin: 5px 0 -10px;
	border-bottom: 1px solid #ededed;
	color: #6992a4;
	}
	
* html h4 {
	font: bold 100%/140% Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 10px -10px 10px;
	}

#content a {
	color: #378eb6;
	}
	
#content a:hover {
	color: #378eb6;
	text-decoration: none;
	}
	
#content a:visited {
	color: #32b657;
	}

#content p {
	margin: 10px 0 !important;
	margin: 10px 0 0 10px;
	line-height: 180%;
	}
	
#content p.blue {
	background: #e3e8f2;
	padding: 5px;
	margin: 0 0 0 -5px !important;
	margin: 5px 0 0 5px;
	}
	
#content ul {
	margin: -5px 0 0 0;
	}
	
#content ul li{
	margin: 6px 0 6px 15px;
	}
	
.miniaddress {
	margin: 5px 7px;
	width: 46%;
	float: left;
	/*height: 150px;
	overflow: hidden;*/
	}
	
img.map {
	border: 1px solid #e3e3e3;
	}

#footer {
	clear: both;
	width: 470px;
	text-align: center;
	background: transparent url(/graphics/footer-bg.gif) bottom left no-repeat;
	padding: 0 180px 35px 10px;
	color: #a0a0a0;
	}
	
#footer p.first {
	padding: 10px 0 0 0;
	border-top: 1px solid #e5e5e5;
	}
	
#footer a {
	color: #abb9d3;
	}
	
#footer a:hover {
	color: #8092b5;
	text-decoration: none;
	}

/* ========================*/
/*         Styling         */
/* ========================*/


/* ========================*/
/*          Hacks          */
/* ========================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */