﻿
/*containers*/

#wrapper {
	position:relative;
	width:940px;
	margin: 0 auto;
	margin-top: 7px;
	background: #000000 url('../images/page_bg.gif') repeat-y;
	text-align:left;
}

#header {
	width: 940px;
	height: 84px;
	background: #003366 url('../images/banner_top.jpg') repeat-x;
	background-color: #003366;
}

#headerfoundation {
	width: 940px;
	height: 84px;
	background: #003366 url('../images/Foundation_top.jpg') repeat-x;
	background-color: #003366;
}

#headerpocklington {
	width: 940px;
	height: 84px;
	background: #003366 url('../images/Pocklington_top.jpg') repeat-x;
	background-color: #003366;
}

#headerlyndhurst {
	width: 940px;
	height: 84px;
	background: #003366 url('../images/Lyndhurst_top.jpg') repeat-x;
	background-color: #003366;
}

#headeroldpocklingtonians {
	width: 940px;
	height: 84px;
	background: #003366 url('../images/OldPocklingtonians_top.jpg') repeat-x;
	background-color: #003366;
}

#topheading {
	position: relative;
	left: 300px;
	top: 5px;
}

#schoolheading {
	position: relative;
	left: 600px;
	top: 30px;
}



#mainimage {
	width: 940px;
	height: 96px;
	background: #FFFFFF url('../images/banner_bottom_2.jpg');
	border-bottom: 3px #000066 solid;
}

#mainimage2 {
	width: 940px;
	height: 96px;
	background: #FFFFFF url('../images/banner_bottom_2.jpg');
	border-bottom: 3px #000066 solid;
}

#mainimage3 {
	width: 940px;
	height: 96px;
	background: #FFFFFF url('../images/banner_bottom_3.jpg');
	border-bottom: 3px #000066 solid;
}

#mainimage4 {
	width: 940px;
	height: 96px;
	background: #FFFFFF url('../images/banner_bottom_4.jpg');
	border-bottom: 3px #000066 solid;
}

#mainimage5 {
	width: 940px;
	height: 96px;
	background: #FFFFFF url('../images/banner_bottom_5.jpg');
	border-bottom: 3px #000066 solid;
}

#navigation {
	position: relative;
	float: left;
	width: 220px;
	text-align:left;	
/*	background-color: #003366;
	background: url('../images/menu_bg.jpg') repeat-x;
*/
}

#content {
	float: right;
	width: 720px;
}

#navfooter {
	clear: both;
	width: 940px;
	height: 25px;
	text-align: center;
	background-color: #FFFFFF;
	border-top: 2px #000066 solid;
}

#pockfooter {
	width: 940px;
	height: 35px;
	background-color: #EEEEEE;
	border-top: 1px #000066 solid;
	border-bottom: 2px #000066 solid;
}

#pockfooter h1 {
	font-family: Verdana;
	font-size: 9px;
	padding-top: 5px;
	color: #003366;
	font-weight: normal;
	text-align: center;
}

#navfooter a {
	font-family: Verdana;
	font-size: 9px;
	padding-top: 5px;
	color: #003366;
	text-align: center;
	text-decoration: none;
}

#navfooter a:hover {
	text-decoration: underline;
	color: #000000;
}



/* Navigation Styles */

#navcontainer {
margin-left: 0px;
width: auto;
border-right: 0px solid #000;
padding: 0;
margin-bottom: 1em;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
background-color: #003366;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
margin: 0;
padding: 0;
border: none;

}

#navcontainer ul li a
{

vertical-align: bottom;
display: block;
padding: 7px 5px 2px 5px;
border-left: 6px solid #1958b7;
border-right: 0px solid #508fc4;
background-color: #003366; /*#2175bc*/
color: #fff;
text-decoration: none;
font-size:11px;
width: 203px;
height: 18px;
border-bottom: 1px solid #1958b7;
}



#navcontainer ul li a:hover
{
border-left: 6px solid #1c64d1;
border-right: 0px solid #5ba3e0;
background-color: #6699cc; /*#2586d7;*/
color: #fff;
}

#navcontainer ul li a.headingsection
{
background-color: #2586d7;
}

#navcontainer ul li a.headingsection:hover
{
background-color: #6699FF;
}

#navcontainer ul li a.redemphasis
{
background-color: #a00000;
}

#navcontainer ul li a.redemphasis:hover
{
background-color: #d00000;
}

/* level 2*/
#navcontainer ul li ul li a
{
display: block;
padding: 8px 5px 2px 5px;
border-left: 6px solid #1958b7;
background-color: #3366cc;
color: #fff;
text-decoration: none;
width: 203px;
height:18px;
font-size:10px;
}

.nonactive2 {
display: block;
padding: 8px 5px 2px 5px;
border-left: 6px solid #1958b7;
background-color: #3366cc;
color: #fff;
text-decoration: none;
width: 203px;
height:18px;
font-size:10px;	
}


/*Level 3*/
#navcontainer ul li ul li ul li a {
display: block;
padding: 5px 1px 3px 12px;
border-left: 6px solid #1958b7;
background-color: #6699ff;
color: #fff;
text-decoration: none;
width: 201px;
height:16px;
font-size:10px;
}
#navcontainer ul li ul li ul li a:hover {
background-color: #3366bb;
}

/*/* End Navs */

/*Content Styles */

a:active {
	color: #003366;	
	text-decoration: none;	
}

a:visited {
	color: #003366;	
	text-decoration: none;	
}

.paragraphtext a {
	color: #003366;	
	text-decoration: none;	
}

.paragraphtext a:hover {
	color: #003366;	
	text-decoration: underline;	
}

.pagetitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 30px 20px 10px 30px;
	font-size: 24px;
	color: #003366;	
}

.subheading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 15px 20px 6px 30px;
	font-size: 14px;
	font-weight:bold;
	color: #003366;	

}


.subheading a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 15px 20px 6px 30px;
	font-size: 14px;
	font-weight:bold;
	color: #003366;	

}

.paragraphtext{
	padding: 10px 20px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:1.5em;

}

.paragraphsubtext{
	padding: 0px 20px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:1.5em;

}

.paragraphindenttext{
	padding: 10px 80px 0px 80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:1.5em;

}

.heavytext{
	padding: 5px 20px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	font-weight: bold;
	line-height:1.5em;

}

.tabletext{
	padding: 10px 20px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	font-size: 11px;
	color: #000000;
	line-height:1.5em;

}

.tablecentretext{
	padding: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:1.5em;
	text-align:center;
}


.tabletext a {
	color: #003366;	
	text-decoration: none;	
}

.tabletext a:hover {
	color: #003366;	
	text-decoration: underline;	
}

.emphasistext{
	padding: 10px 20px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #003366;
	line-height:1.5em;
}

.quotetext{
	padding: 10px 20px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	line-height:1.5em;
}

.quotegivertext{
	padding: 0px 20px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	line-height:1.5em;
}

.newsstory{
	padding: 00px 10px 0px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #80BBE2;
	line-height:1.5em;
}
.newsstory a{
	text-decoration:none;
	color: #80BBE2;
}

.frontteaser{
	padding: 00px 10px 0px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
	text-align:center;
	line-height:1.5em;
}
.redteaser a {
	padding: 10px 10px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	background-color:#FF0000;
	color: #FFFFFF;
	border-left:thick;
	text-align:center;
	line-height:1.5em;
	margin-left:20px;
	text-decoration:none;
}
.redteaser a:visited {
	color: #FFFFFF;

}

.frontteaser a{
	text-decoration:none;
	color: #003366;
}
.frontteaser a:hover{
	text-decoration:none;
	color: #003333;
}


a:active{
	color: #003366;
}

.newsstory a:hover{
	color: #003366;
}
.newsteaser{
	padding: 0px 0px 15px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	line-height:1.5em;
}

.pictureleft {
	float: left;
	border-top:15px #ffffff solid;
	border-right:25px #ffffff solid;
	border-bottom:25px #ffffff solid;
}

.newstable {
	vertical-align:middle;
}

#breadcrumb{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;	
}

.bulletedlist {
	padding: 10px 20px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:1.5em;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:50px;
}

#breadcrumb a {
}

#breadcrumb a:hover {
	text-decoration: underline;
}


.infotableheader{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #003366;
	text-align:center;
	padding: 5px 5px 5px 5px;
}

.infotabledata {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-align:center;
	padding: 5px 5px 5px 5px;
}
.infotablerows {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-align:left;
	padding: 5px 5px 5px 5px;
}

.curriculumtablerows {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-align:left;
	vertical-align:top;
	padding: 5px 5px 5px 5px;
	line-height:1.2em;
}

.feetable {
	margin-left: auto;
	margin-right: auto;
}

.rightpicture {
	float: right;
	margin-left:20px;
	margin-bottom:10px;
}

.rightpictureborder {
	float: right;
	border:2px #003366 solid;
	margin-left:20px;
	margin-bottom:10px;
}

.rightpicturenoborder {
	float: right;
	border:0px #003366 solid;
	margin-left:20px;
	margin-bottom:10px;
}

.pictureborder {
	border:2px #003366 solid;
}
