/* CSS Document */

body {color:#999;font:101% Arial, Helvetica, sans-serif;margin: 20px 0;background-color: #121212;background-image: url(images/bgLines.jpg);
	background-repeat: repeat-x;}
	   
#wrapper { position:relative; text-align: left;width:790px;margin: 0 auto;border-top: none;border-right: none;border-bottom: none;border-left: none;}

/* 
-------------------------------------------------------------- 
Navigation
-------------------------------------------------------------- 
*/
#navigation {height:20px; font-size:74%; text-transform:uppercase; font-weight:bold; text-align: center; }

#navigation a {color:#fff; text-decoration:none; padding-left:8px; }
#navigation a span {padding-right:9px}
#navigation a, #navigation a span {display:block;}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */
#navigation a:hover {color:#000000; background:#99cc33 url(images/left-tab-hover.gif) left top no-repeat; padding-left:8px}
#navigation a:hover span {background:url(images/right-tab-hover.gif) right top no-repeat; padding-right:9px}
#navigation ul { list-style:none; padding:0; margin:0}
#navigation li { float: left; margin:0; list-style-type: none; list-style-image: none; line-height:1.2em }

#navigation li.aboutUs { width:9em; }
#navigation li.teaching { width:14em; }
#navigation li.ofsted { width:10em; }
#navigation li.timetable { width:8em; }
#navigation li.contact { width:11em; }
#navigation li.news { width:11em; }


/* 
-------------------------------------------------------------- 
Content
-------------------------------------------------------------- 
*/
#polaroid{height:290px; width:290px;position:absolute; top:40px;right: 0px; z-index: 1;  }
.pic_01{background-image:url(images/polaroid_01.png);background-repeat:no-repeat;height:290px;width: 290px;}
.pic_02{background-image:url(images/polaroid_02.png);background-repeat:no-repeat;height:290px;width: 290px;}
.pic_03{background-image:url(images/polaroid_03.png);background-repeat:no-repeat;height:290px;width: 290px;}
.pic_04{background-image:url(images/polaroid_04.png);background-repeat:no-repeat;height:290px;width: 290px;}
.pic_05{background-image:url(images/polaroid_05.png);background-repeat:no-repeat;height:290px;width: 290px;}
.pic_06{background-image:url(images/polaroid_06.png);background-repeat:no-repeat;height:290px;width: 290px;}
.pic_07{background-image:url(images/polaroid_07.png);background-repeat:no-repeat;height:290px;width: 290px;}
.pic_08{background-image:url(images/polaroid_08.png);background-repeat:no-repeat;height:290px;width: 290px;}
.pic_09{background-image:url(images/polaroid_09.png);background-repeat:no-repeat;height:290px;width: 290px;}


#header,
#footer,
.pic_01,
.pic_02,
.pic_03,
.pic_04,
.pic_05,
.pic_06,
.pic_07,
.pic_08 { behavior:url(iepngfix.htc); }
		
#header{height:146px;background-image:url(images/header.png);background-repeat: no-repeat}

#content{width:760px;background-repeat: repeat-y;background-color:#FFF}

#left {float:left; width:500px;	background-color: #FFFFFF}
#address{height:32px;background-image:url(images/addressBG.png);background-repeat: no-repeat}
#address p{color:#FFFFFF;padding:8px 0px 0px 20px;font-size:75%;font-weight:bold;margin: 0px;line-height: 18px}
#main{background-color:#FFFFFF}
.emph {
	font-weight: lighter;
}
#main p{font-size:80%;	color:#666;	line-height:1.5em;	margin-left: 20px}
#main ul{color:#333333;padding:0;margin:0;font-size: 80%;}
#main li{list-style-image:url(images/orange.gif);margin-top: 3px;margin-left: 35px}

#right {float:right; width:260px; color:#333333}
#right p {font-size:100%; color:#666;line-height:1.2em}

#quoteBox{height:580px; background-image:url(images/quoteBox.jpg)}
#quoteBoxB{height:580px; background-image:url(images/quoteBoxB.jpg)}
#quoteBoxC{height:580px; background-image:url(images/quoteBoxC.jpg)}
#quoteBoxD{height:580px; background-image:url(images/quoteBoxD.jpg)}
#quoteBoxE{height:580px; background-image:url(images/quoteBoxE.jpg)}
#quoteBoxF{height:580px; background-image:url(images/quoteBoxF.jpg)}





#footer{clear:both; margin:0; text-align:left; height:30px; background-image:url(images/footer.png); background-repeat:no-repeat}
#footer p {margin-top:10px;	font-size:65%; color:#CCCCCC; padding-top: 20px}	
#footer a {color: #CCCCCC;text-decoration:none;}
#footer a:hover {color:#333333;background-color:#CCCCCC; text-decoration:none;}
#copyright { margin:0 auto; width:760px; font-size:80%; }



h1{ color: #000000;font-size: 150%;text-transform: uppercase;margin-left: 20px;margin-top: 30px}
h2 {font-size: 105%; color: #CC6666;margin: 12px}
h3{font-size: 90%; color: #90BF2F; margin-top: 20px; margin-left: 20px;	border-top: 1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
h4 {
	color: #333333;
	font-size: 75%;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

a {color:#FF6600; text-decoration:none}
a:hover{color:#666666;}
/* 
-------------------------------------------------------------- 
Clear Floats
-------------------------------------------------------------- 
*/

.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 */
/*** end clearing hack  ***/