@charset "utf-8";
/* CSS Document */


/* Global Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* Global Styles */

body {
	font-size: 13px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background: #003D62 url(../images/bg.gif) center -150px repeat-x;
	color: #666666;
}

h1 {
	color: #003D62;
	font-size: 25px;
	margin: 0 0 15px 0;
	font-weight: normal;
}

h2 {
	color: #003D62;
	font-size: 20px;
	margin: 0 0 15px 0;
	font-weight: normal;
	line-height: 20px;
}

h3 {
	color: #003D62;
	font-size: 15px;
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 15px;
}

strong {
	font-weight: bold;
}

p {
	margin: 0px 0px 10px 0px;
	line-height: 14px;
}

img {
	margin-bottom: 10px;
}

em {
	font-style: italic;
}

.clearing {
	height: 1px;
	margin-top: -1px;
	clear: both;
	overflow: hidden;	
	font-size: 1px;
}

.hr {
	border-top: solid 1px #DBECE1;
	height: 2px;
	margin: 1px 0 10px 0;
	clear: both;
	overflow: hidden;	
	font-size: 1px;
}

ul {
	margin: 0px 0px 10px 0px;
	list-style-type: square;
	padding-left: 15px;
}

ol {
	margin: 0px 0px 10px 0px;
	list-style-type:decimal;
	padding-left: 20px;
}

a, a:hover {
	color: #333333;
}

a:hover {
	text-decoration: underline;
}


/* Layout */



#header {
	width: 930px;
	margin: 0 auto;
	height: 275px;
}

#content_container {
	width: 930px;
	margin: 0 auto 12px auto;
	background: transparent url(../images/content_bg.gif) top left repeat-y;
}

#content_left {
	width: 230px;
	float: left;
}

#content_left_padding {
	padding: 10px 20px 20px 20px;
}

#content, #content_homepage {
	width: 690px;
	float: right;
}

#content_padding {
	padding: 10px 20px 20px 20px;
}

#footer {
	width: 906px;
	margin: 0 auto;
	height: 120px;
	background: #003352 url(../images/footer_logo.gif) bottom right no-repeat;
}

/*Homepage Layout */

#content_homepage_infoleft {
	width: 379px;
	margin: 0 0 20px 20px;
	float: left;
	padding-right: 20px;	
	border-right: solid 1px #DBECE1;
}

#content_homepage_inforight {
	width: 220px;
	float: left;
	margin: 0 0 20px 20px;
}

/* Header */

#header h1 {
	display: none;
}

#header img {
	margin-top: 12px;
}

/* Content Header */

#content_header {
	margin: 5px 5px 0px 5px;
}

#content_homepage #content_header {
	height:220px;
	position:relative;
}

#content_header img{
	margin: 0px;
}

#content_homepage #header_note {
	margin:0px;
	position:relative;
	z-index:8;
	top:-47px;
	left:0px;
	margin-bottom:-37px;
}

#content_homepage_infoleft {
	display:inline;
}


/* Footer */

#footer {
	color:#8099A9;
	padding: 12px;
	font-size: 12px;
}

#footer ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	color:#8099A9;
}

#footer_leftlinks {
	float: left;
}

#footer_leftlinks li{
	float: left;
}

#footer_rightlinks {
	float: right;
}

#footer_rightlinks li{
	float: left;
}

#footer ul a{
	color:#8099A9;
	text-decoration: none;
}

#footer ul a:hover{
	text-decoration: underline;
}

#footer #footer_leftlinks a{
	margin-right: 10px;
	padding-right: 10px;
	background: transparent url(../images/footer_menu_border.gif) right 4px no-repeat;	
}

#footer #footer_rightlinks a{
	margin-left: 10px;
	padding-left: 10px;
	background: transparent url(../images/footer_menu_border.gif) left 4px no-repeat;	
}

/* Menu */

#menu {
	width: 220px;
	margin: 5px;
	font-size: 14px;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 220px;
	position:relative;
	z-index:11;
}

#menu ul li {
	position:relative;
	_float:left;
}

#menu ul li a {
	display: block;
	width: 206px;
	height: 16px;
	padding: 4px 0px 8px 14px;
	background-color: #75B493;
	color: #ffffff;
	text-decoration: none;
}

#menu #nav a:hover{
	background-color: #004A76;
}

#menu ul #menu_login a{
	background: #E4E4E4 url(/images/menu_lock.gif) 196px 6px no-repeat;	
	color: #333333;
}

#menu ul #menu_login a:hover{
	background: #004A76 url(/images/menu_lock_over.gif) 196px 6px no-repeat;	
	color: #ffffff;
}

	/* secondary navigation */
	#menu ul ul li a { /* first level  */
		background:#56ac7f;
	}
	
	#menu #nav ul ul li a { /* second level */
		background:#75B493;
	}
	
	#menu #nav ul ul ul li a { /* third level  */
		background:#56ac7f;
	}
	
	#menu #nav ul {
		position:absolute;
		left:-999em; /* Hide UL from screen */
	}
	
	#menu #nav .sfhover ul, #menu #nav li:hover ul {
		left:220px; /* Hover or JS action */
		top:0px;
		z-index:12;
	}
	
		#menu #nav .sfhover ul ul, #menu #nav li:hover ul ul {
			left:-999em; /* Hide 2nd level UL from screen */	
		}
		
		#menu #nav ul .sfhover ul , #menu #nav ul li:hover ul {
			left:220px; /* Hover or JS action to see 2nd level */
			top:0px;
			z-index:12;
		}	
		
			#menu #nav .sfhover ul ul ul, #menu #nav li:hover ul ul ul {
				left:-999em; /* Hide 3rd level UL from screen */	
			}
			
			#menu #nav ul ul .sfhover ul , #menu #nav ul ul li:hover ul {
				left:220px; /* Hover or JS action to see 3rd level */
				top:0px;
				z-index:12;
			}	
		



#catalogue #dropdown ul {
	position:absolute;
	width:250px;
	z-index:10;
}

#catalogue #dropdown ul {
	left:-999em; /* Hide UL from screen */
	z-index:10;
}

#catalogue #dropdown .sfhover ul, #catalogue #dropdown li:hover ul {
	left:auto; /* Hover or JS action */
	margin-left: 178px;
	margin-top: -37px;
	z-index:10;
}

#catalogue #dropdown .sfhover ul ul, #catalogue #dropdown li:hover ul ul {
	left:-999em;
	z-index:10;
}

#catalogue #dropdown ul .sfhover ul, #catalogue #dropdown ul li:hover ul {
	left:250px;
	z-index:10;
}	

#catalogue #dropdown ul a {
	text-decoration:none;
	padding:5px;
	display:block;
	width:150px;
	height:auto;
	background-image:none !important;
	background-color:#670000 !important;
	margin:0px 0px -1px 0px;
	border:1px solid black;
	color: #FFFFFF;
	z-index:10;
}	

#catalogue #dropdown ul a:hover {
	background-color:#000 !important;
	z-index:10;
}	



/* Homepage Chairman Photo */

#chairman_name {
	text-align: right;
}

/* Homepage Our Schools */

#content_homepage_infoleft h2 {
	background: transparent url(../images/our_schools_logos.gif) top right no-repeat;
	height: 23px;
}

.ourschoolinfo {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #DBECE1;
}

.ourschoolinfo img{
	float: left;
	margin: 0 10px 0 0;
}

.orange_link a{ 
	color:#FF9900;
}

/* Homepage News */

.newsitem {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #DBECE1;
}

.newsitem h2 {
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: bold;
}

.newsitem h3 {
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
}



.docobox {
	border: 1px solid #333333;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	line-height:18px;
}
.docobox a{
	color: #000000;
}
.docobox a:hover{
	color: #003656;
}