/* Ormesby School by Glen Grout */
/* For more work by the author, see http://www.gggdesign.com */

/* CSS released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright,  Glen Grout */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. */
/* What you may not use - .jpg, .gif, and .png files. */

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; background-color: #E3E3E3;
	}

#wrapper {
	width: 800px;
	margin: 0 auto; background-color: #ffffff; text-align: center; border-right: 1px solid #37345E;  border-left: 1px solid #37345E; border-bottom: 1px solid #37345E;
}



#header {
	width: 800px; height: 140px; text-align: center; margin: 0px; padding: 0px;
}

#header-btm {
	width: 798px; height: 22px; color: #ffffff; background-color: #37345E;
	border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%;
font-weight: bold;margin-bottom:5px;
}
		#layoutdims {
		border-bottom:2px solid #861600;
		margin:0;
		padding:6px 15px !important;
		text-align:left; background-color: #37345E;
	}
	#layoutdims a {
		color: #ffffff; padding:6px;
		border-bottom: 2px solid #861600;text-decoration:none; border-right: 1px solid #ffffff;
	}
		#layoutdims a:hover {
		color: #ffffff; padding:6px;
		border-bottom: 2px solid #FEC93B;
		background-color: #7572A5;text-decoration:none;
	}
	
#hdr-r {
	float: right; margin-right: 5px;
}

#menu {
	float: left;
	width:160px; 
	padding-right:0px;  margin: 0px;
	color: #ffffff; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\""; voice-family:inherit;
	text-align: left; line-height: 20px;  background-color: #ffffff; 
	padding-left:0px;
	margin-left:5px;
	margin-top: 10px;  margin-bottom: 10px;
	background-color: #7572A5; border: double #37345E;
	}

#menu UL {
	margin-left: 5px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;padding-left: 0px;
}

#menu LI {	
	MARGIN: 0px; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	LIST-STYLE-TYPE: none; 
	padding-left: 0px;
}

#menu ul li ul li a {
background: #928FC0;
}

#menu ul li a.current {
color: #fff;
background: #2A2748;
color: #fff;
border-right: #B21A26 3px solid;

}

#menu ul li ul li a.current {
color: #fff;
background: #58789E;
color: #fff;
border-right: #B21A26 3px solid;

}

#menu ul li ul li a.active {
background: #446994;
border-right: 3px solid #2A2748;
cursor: default;
text-decoration: none;
}

#menu A { 
	DISPLAY: block;
	PADDING-LEFT: 5px; margin:0px;
	BACKGROUND-color: #7572A5;  
	COLOR: #ffffff; TEXT-DECORATION: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; 
	height: 20px;
} 

#menu A.sub { 
	DISPLAY: block;
	PADDING-LEFT: 5px; margin:0px;
	BACKGROUND-color: #928FC0;  
	COLOR: #ffffff; TEXT-DECORATION: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; 
	height: 20px;
} 

#menu A:hover {
	BACKGROUND: #37345E; 
	COLOR: #ffffff; 
	TEXT-DECORATION: underline; 
	border-right: #B21A26 3px solid;height: 20px;
} 

#content {
	FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 600px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff;
	font-size: 80%; color: #666666;  margin-top:10px; margin-right:5px; margin-bottom:5px; margin-left:5px; text-align: left; 
	}	
	
#contentv2 {
	PADDING-BOTTOM: 0px; WIDTH: 96%; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff;
	font-size: 80%; color: #666666;  margin-top:10px; margin-right:5px; margin-bottom:5px;  text-align: left; 
	}
	
	#content-science-lp {
	LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff;
	font-size: 80%; color: #666666;  margin-top:10px; margin-right:5px; margin-bottom:5px; margin-left:5px; text-align: left; 
	}	
	
#content-index {
	FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 780px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff;
	font-size: 80%; color: #666666;  margin-top:10px; margin-right:5px; margin-bottom:5px; margin-left:5px; text-align: left; 
	}	

#breadcrumb {
	font-size: 80%;
}
	
#content-text {
	padding: 5px;
}

		#footer
		{
			border-top: 2px dotted #666666;
			width: 800px; height: 142px;
			font-family: Verdana; color: #666666; font-size: 80%; text-align: center; clear: both; 
			margin-top: 10px; background-image: url(../images/footerv3.jpg);
		}

h1 {
	font-size: 110%; font-weight: bold;
	color: #666666;
	letter-spacing: 0.2em; font-weight: bold;
	width: 100%; margin: 0px; padding: 0px;
	}

h2 {
	border-bottom: 1px solid #861600;
	font-size: 100%; font-weight: bold;
	color: #666666;
	letter-spacing: 0.2em; font-weight: bold;
	width: 100%; margin: 0px; padding: 0px;
	}
	
	.pageheader {
	font-size: 90%;
	color: #ffffff;
	border-bottom: double 6px #37345E; letter-spacing: 0.3em; font-weight: bold;
	width: 100%; background-color: #37345E; text-align:center; margin: 0px; padding: 0px;
	}
	
		.pageheader-slp1 {
	font-size: 90%;
	color: #ffffff;
	border-bottom: double 6px #37345E; letter-spacing: 0.2em; font-weight: bold;
	background-color: #37345E; text-align:center; margin: 0px; padding: 0px;
	}
	
		.pageheader-slp {
	color: #ffffff;
	border-bottom: double 6px #7572A5;  
	background-color: #7572A5; text-align:left; margin: 0px; padding: 2px;
	}
	
	#top-border {
	
	border-top: 5px solid #37345E;
	border-bottom: 4px solid #ffffff;
}

#bottom-border {
	
	border-top: 4px solid #ffffff;
	border-bottom: 5px solid #37345E;
}

#text {
	background-color: #37345E; 
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 8px;
	height:25px;
}



h3 {
	border-bottom: 1px solid #861600;
	color: #666666;
	letter-spacing: -0.05em;
	margin: 0px 0px 2px;
	font: normal 140% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 2px;
	}
	
.nav-hdr {
	font-size: 70%; font-weight: bold;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	width: 100%; background-color: #37345E; text-align:center;
	}
	
	#eng-logo {
	float: left; width: 160px;
		border: double #37345E;
		text-align: center;margin-left:5px; margin-top: 10px; margin-bottom: 10px; background-color: #ffffff
	}
	
	.content-img {
	border: 1px solid #7572A5;
	margin: 5px;
	}
	
	
	

			
a:link		{	
        		text-decoration : none; 
			}
			
a:visited	{	
        		text-decoration : none; 
			}
			
a:active	{	 
        		text-decoration : none; 
			}
			
a:hover		{	
        		text-decoration : underline; 
			}
			
.current {
color: #fff;
background: #2A2748;
color: #fff;
border-right: #B21A26 3px solid;
}			

#dep-head {
	width: 300px;
	background-color: #EBEAEA;
	border: 1px solid #ADC4DF; margin: 5px; padding: 2px;
}

#summary-box {
	background-color: #EBEAEA;
	border: 1px solid #ADC4DF; margin: 5px; padding: 2px;
}

.summary-images {
	text-align: center; margin-bottom: 5px;
}


.split-image {
	border: 1px solid #000000;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 2px;
}

.split {
	margin-left: 120px;
	padding-left: 10px;
	border-left: 1px solid #000000;
	height: 100px;
}

#star-archive {
width:110px;
padding:0px;
float:left;
background:#fff;

}

#star {
		padding:0px;
		float:left;
}

#star-info {
		width:160px;
		padding:0px;
		float:left;
		background:#fff;
		margin-left: 5px;
}

#star-wrap {
		width:600px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
}


#gal-col1 {
	width:200px;
	padding:0px;
	float:left;
	background:#fff;
	text-align: center;

}

#gal-col2 {
	width:200px;
	padding:0px;
	float:left;
	text-align: center;
}

#gal-col3 {
	width:200px;
	padding:0px;
	float:left;
	background:#fff;
	text-align: center;
}

#ks3-left {
	width:200px;
	padding:0px;
	float:left;
	background:#fff;
	text-align: center;
	
}

#ks3-right {
	width:350px;
	padding:0px;
	float:left;
	text-align: center;
}

#english {
		width: 100%;
		text-align: center;
}

#english-left {
	float: left;
	width: 12%; margin: 2px;
}

#english-mid {
	width: 65%; 
	float: left;
	margin: 2px; padding: 0px;
}

#english-right{
	float: right;
	width: 21%; 
	margin: 2px;padding: 0px;
}

#science-left {
	float: left;
	width: 22%; margin: 2px;
}

#science-mid {
	width: 54%; 
	float: left;
	margin: 2px; padding: 0px;
}

#science-right{
	float: right;
	width: 22%; 
	margin: 2px;padding: 0px;
}