html,body{ 
	margin:0; 
	padding:0; 
	background-color:#7ba3c0;
	overflow-x: hidden;
		overflow-y: auto;
}

	a {border: 0; font:verdana;}
	a:link { color:#7ba3c0 }
	a:active { color:#7ba3c0}
	a:visited { color:#7ba3c0 }
	a:hover { color:#95b5cd}
	a { text-decoration:none; }


	
	a.buttons {border: 0; font:verdana;}
	a.buttons:link { color:#ffffff }
	a.buttons:active { color:#000000}
	a.buttons:visited { color:#ffffff }
	a.buttons:hover { color:#000000}
	a.buttons { text-decoration:none; }

p {
font: arial;
color: #2a4b69;
text-decoration:none;
font: arial;
font-size:11px;
line-height:16.5px;
}



h3 {
font: arial;
color: #2a4b69;
text-decoration:bold;
font: arial;
font-size:16px;
line-height:16.5px;
}



#main > table {
width:60%;
border-spacing: 25px;
vertical-align:top;
}

#main > td {
width:250px;
vertical-align:top;
}



#cms{
	background-color:white;
	position: absolute;
	left: 50%;
	top: 0px;
	width: 750px;
	margin-left: -380px; /* half of width */
	display: inline;
	text-align:center;
	height:30px;
	overflow:hidden;
	z-index:100;
} 

#contact{
	background-color:transparent;
	position: absolute;
	left: 50%;
	top: 0px;
	width: 750px;
	margin-left: -335px; /* half of width */
	display: inline;
	text-align:left;
	height:30px;
	overflow:hidden;
	z-index:100;
	font-family:verdana, sans-serif;
	color:white;
	font-size:16px;
} 


#header{
	background-color:#7ba3c0;
	position: absolute;
	left: 50%;
	top: 35px;
	width: 750px;
	height: 159px;
	margin-left: -400px; /* half of width */
	overflow: hidden;
	float:left;
	z-index:90;

} 


#logo {
	background-color:#7ba3c0;
	position: absolute;
	left: 50%;
	top: 30px;
	width: 750px;
	margin-left: -375px; /* half of width */
	overflow: hidden;
	z-index:90;

} 

#captivated {
	background-color:#7ba3c0;
	position: absolute;
	left: 50%;
	top: 60px;
	width: 750px;
	margin-left: -100px; /* half of width */
	overflow: hidden;
	z-index:90;

} 


#logo2 {
	background-color:#7ba3c0;
	position: absolute;
	left: 50%;
	top: 30px;
	width: 750px;
	margin-left: -300px; /* half of width */
	overflow: hidden;
	z-index:90;

} 

#captivated2 {
	background-color:#7ba3c0;
	position: absolute;
	left: 50%;
	top: 60px;
	width: 750px;
	margin-left: 75px; /* half of width */
	overflow: hidden;
	z-index:90;

} 

#headerbuttons{
	background-color:transparent;
	position: absolute;
	left: 50%;
	top: 25px;
	width: 150px;
	margin-left: 175px; /* half of width */
	overflow: visible;
	float:left;
	z-index:90;
	font-family:verdana, sans-serif;
	font-size:12px;

} 

li.buttons > a {background: #7ba3c0; color:#ffffff; width:150px; border: solid white; border-width: 1px 1px 1px 1px; margin-bottom:5px; text-align:center; font-size:10px; font-family:verdana, sans-serif;}
ul.buttons li.buttons a:hover {background: #95b5cd; color:#2a4b69; font-size:10px; font-family:verdana, sans-serif; position: relative;}
ul.buttons li.buttons:hover > ul {display: block; position: relative;}
ul.buttons li.buttons:hover > ul {display: block; position: relative;}


li.buttons2 > a {background: #7ba3c0; color:#ffffff; width:150px; border: solid #b0c8d9; border-width: 1px 1px 1px 1px; margin-bottom:5px; text-align:center; color:#b0c8d9; font-size:10px; font-family:verdana, sans-serif;}
ul.buttons li.buttons2  span {display: none; position: relative; color:#b0c8d9;}
ul.buttons li.buttons2 a:hover span {display: block; position: relative; font-size:9px; color:#b0c8d9;}






#homepenguin{
	background-color:transparent;
	position: absolute;
	top: 355px;
	left: 50%;
	margin-left:75px;
	display: inline;
	z-index:95;
} 

#homelogos{
	background-color:transparent;
	position: absolute;
	top: 555px;
	left: 50%;
	margin-left:150px;
	display: inline;
	z-index:95;
} 





#content{

	background-color:white;
	position: absolute;
	left: 50%;
	top: 204px;
	width: 750px;
	margin-left: -375px; /* half of width */
	display: inline;
	text-align:center;
	font: 16px arial; color:#b2b2b2;
	z-index:50;

} 

#content7{

	background-color:white;
	position: absolute;
	left: 50%;
	top: 194px;
	width: 750px;
	margin-left: -375px; /* half of width */
	display: inline;
	text-align:center;
	font: 16px arial; color:#b2b2b2;
	z-index:50;

} 


#content_schools{

	background-color:white;
	position: absolute;
	left: 50%;
	top: 44px;
	width: 750px;
	margin-left: -375px; /* half of width */
	display: inline;
	text-align:left;
	font: 16px arial; color:#b2b2b2;
	z-index:50;
	border-top;3px white solid;

} 

#content7_schools{

	background-color:white;
	position: absolute;
	left: 50%;
	top: 34px;
	width: 750px;
	margin-left: -375px; /* half of width */
	display: inline;
	text-align:left;
	font: 16px arial; color:#b2b2b2;
	z-index:50;
	border-top;3px white solid;

} 





#main	{
		
	position:relative;
	width:750px;
	text-align:left;

		
		}


#contentleft {
	left: 50%;
	width: 315px;
	margin-left: -335px; /* half of width */
	position: relative;
	float:left;
	margin-bottom:50px;
	margin-top:25px;
	margin-right:10px;

}

#contentright {
	left: 50%;
	width: 315px;
	position: relative;
	float:left;
	margin-bottom:50px;
	margin-left:15px;
	margin-top:25px;


}

#contentleft2 {
	margin-bottom:50px;
	margin-top:25px;
	margin-left:30px;
		display: inline;
}

#contentright2 {
	margin-bottom:50px;
	margin-right:30px;
	margin-top:25px;
		display: inline;
}



#banner{
	position:relative;
	display: inline;
}




#welcomeleft {
	left: 50%;
	width: 400px;
	margin-left: -335px; /* half of width */
	position: relative;
	float:left;
	margin-top:25px;
	margin-bottom:50px;
	line-height:18px;
	text-align:left;
	font: 14px verdana; color:#4e4e4e;
	z-index:70;

}

	

	#left {
		position:absolute;
		top:0px;	
		height:200px;
		left: 50%;
		margin-left: -375px; /* half of width */
		width:370px;
		padding-left:10px;
		padding-right:5px;
		background:#fff;
		line-height:16.5px;
		text-align:justify;
		z-index:70;

		}

	
	#right {
		position:absolute;
		top:0px;	
		left: 50%;
		width:370px;
		padding-left:10px;
		padding-right:5px;
		background:#fff;
		line-height:16.5px;
		text-align:justify;
		z-index:70;

		}



#fifty {
height:50px;
position:relative;
}

#footer1 {
background-image:url('line.gif')
background-repeat:no-repeat
background-position: bottom 0px 0px -39px 0px; 
background-color:transparent;
position:relative;
height:39px;
z-index:75;
clear: none;
 } 

#footer2 {
background-color:transparent;
float:left;
position:relative;
z-index:78;
top:-45px;
margin-left:25px;
 } 

#footer3 {
background-color:transparent;
float:right;
position:relative;
z-index:78;
margin-right:25px;
height:40px;
 } 
 
 #copy {
 
 background-color:transparent;
 position:relative;
 z-index:78;
 margin-right:25px;
 margin-left:25px;

 } 

 
#copy p {
 font-family:verdana, sans-serif;
 font-size:10px;
 line-height:11px;
}

img.logos {
border-width:0px;
vertical-align: middle;
}


img {
border-width:0px;
}



ul {padding: 0; margin: 0;font: font-size:12px; font-family:verdana, sans-serif; position: relative;}
ul li {list-style-type: none; position: relative; margin: 0; padding: 0px; }
ul ul {display: none;}

ul li:hover > ul {display: block; position: relative;}
li a {display: block; padding: 10px 0px 10px 0px; text-decoration: none;
  background: transparent; text-align:center; font-size:12px; font-family:verdana, sans-serif; position: relative; text-align:center;}

li.sub {background: white; color:#2a4b69; width:149px; border: 1px solid #7ba3c0; border-width: 1px 1px 1px 1px; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 -moz-opacity: .85; opacity:.85;}
li.sub a {color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;}

li.sub2 {background: white; color:#2a4b69; width:152px; border: 1px solid #7ba3c0; border-width: 1px 1px 1px 1px; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 -moz-opacity: .85; opacity:.85;}
li.sub2 a {color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;}

li.sub3 {background: white; color:#2a4b69; width:152px; border: 1px solid #7ba3c0; border-width: 1px 1px 1px 1px; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 -moz-opacity: .85; opacity:.85;}
li.sub3 a {color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;}

li.sub4 {background: white; color:#2a4b69; width:153px; border: 1px solid #7ba3c0; border-width: 1px 1px 1px 1px; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 -moz-opacity: .85; opacity:.85;}
li.sub4 a {color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;}

li.sub5 {background: white; color:#2a4b69; width:134px; border: 1px solid #7ba3c0; border-width: 1px 1px 1px 1px; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 -moz-opacity: .85; opacity:.85;}
li.sub5 a {color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;}




#topnav{
	background-color:transparent;
	position: absolute;
	left: 50%;
	top: 130px;
	width: 750px;
	margin-left: -380px; /* half of width */
	display: inline;
	text-align:center;
	font: 16px arial; color:#2a4b69;
	overflow:hidden;
	z-index:100;
} 

#nav{
	background-color:transparent;
	position: absolute;
	left: 50%;
	top: 165px;
	width: 750px;
	margin-left: -380px; /* half of width */
	display: inline;
	text-align:center;
	font: 16px arial; color:#2a4b69;
	overflow:visible;
	z-index:100;
} 

#nav7{
	background-color:transparent;
	position: absolute;
	left: 50%;
	top: 165px;
	height:36px;
	width: 750px;
	margin-left: -380px; /* half of width */
	display: inline;
	text-align:center;
	font: 16px arial; color:#2a4b69;
	overflow:visible;
	z-index:100;
} 



ul#topmenu li.sub a:hover {background: #95b5cd; color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; position: relative; padding-left:0px;}

ul#topmenu2 li.sub2 a:hover {background: #95b5cd; color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; position: relative;}

ul#topmenu3 li.sub3 a:hover {background: #95b5cd; color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; position: relative; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;}

ul#topmenu4 li.sub4 a:hover {background: #95b5cd; color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; position: relative; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;}

ul#topmenu5 li.sub5 a:hover {background: #95b5cd; color:#2a4b69; font-size:12px; font-family:verdana, sans-serif; position: relative; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;}


li.left {background: #7ba3c0; color:#ffffff; width:5px; border: solid white; border-width: 1px 0px 0px 0px; padding-left: 2px; margin-right:0px;}

li.topsub > a {background: #7ba3c0; color:#ffffff; width:149px; border: solid white; border-width: 1px 1px 1px 1px; text-align:center; padding-left: 1px;}

li.topsub2 > a {background: #7ba3c0; color:#ffffff; width:152px; border: solid white; border-width: 1px 1px 1px 0px; text-align:center;}

li.topsub3 > a {background: #7ba3c0; color:#ffffff; width:152px; border: solid white; border-width: 1px 1px 1px 0px; text-align:center;}

li.topsub4 > a {background: #7ba3c0; color:#ffffff; width:153px; border: solid white; border-width: 1px 0px 1px 0px; text-align:center;}

li.topsub5 > a {background: #7ba3c0; color:#ffffff; width:134px; border: solid white; border-width: 1px 1px 1px 1px; text-align:center;}

li.right {background: #7ba3c0; color:#ffffff; width:5px; border: solid white; border-width: 1px 0px 0px 0px; padding: 0px 0px;}

ul#topmenu {width: 148px; padding-left: 2px;}
ul#topmenu > li.sub:hover > ul.topmenu {width: 148px; padding-left: 2px;}

ul#topmenu2 {width: 150px;}
ul#topmenu2 > li.sub2:hover > ul.topmenu2 {width: 150px;}

ul#topmenu3 {width: 150px;}
ul#topmenu3 > li.sub3:hover > ul.topmenu3 {width: 150px;}

ul#topmenu4 {width: 150px;}
ul#topmenu4 > li.sub4:hover > ul.topmenu4 {width: 150px;}

ul#topmenu5 {width: 134px;}
ul#topmenu5 > li.sub5:hover > ul.topmenu5 {width: 134px;}

ul ul {width: 150px;}




#menu_container {margin:-8px 0px 0px 5px; position:relative; font-family:verdana, sans-serif; width:748px; height:30px; z-index:90; border:1px solid white; border-width:1px 1px 0px 1px; background:#7ba3c0; color:#000000;}

#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

#pmenu a, #pmenu a:visited {display:block;width:148px; font-family:verdana, sans-serif; font-size:11px; color:#fff; height:25px;  text-decoration:none; text-align:center; border:1px solid #fff; border-width:0px 1px 0px 0px;}



#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0px 1px 0px 1px;}
#pmenu li.drop ul li a, #pmenu li.drop ul li a:visited {border-width:0px 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

#pmenu li.drop.news {width:149px;}

#news a, #news a:visited {border-width:0px 0px 0px 0px; width:149px;}
#news a.enclose, #news a.enclose:visited {border-width:1px; width:149px;}

/* Set up the list items */
#pmenu li {float:left; background:#7ba3c0;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#95b5cd; color:#000;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:148px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#95b5cd; color:#000;}



/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#c00;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7ba3c0 url(fly.gif) no-repeat right center;}
#pmenu li.drop {background:#7ba3c0 url(drop.gif) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:25px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}


#pmenu li a:hover ul ul{
visibility:hidden;
}


#pmenu li a:hover ul {
visibility:visible; left:-30px; top:38px; lef\t:-31px; to\p:37px;
}


#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:119px;
}













#menu_container7 {margin:-8px 0px 0px 5px; position:relative; font-family:verdana, sans-serif; width:748px; height:36px; z-index:90; border:1px solid white; border-width:1px 1px 0px 1px; background:transparent; color:#000000;}


#pmenu7, #pmenu7 ul {padding:0; margin:0; list-style-type: none; height:37px; display:inline; overflow-x:visible;}

#pmenu7 a, #pmenu7 a:visited {display:block;width:148px; font-family:verdana, sans-serif; font-size:11px; color:#fff; text-decoration:none; text-align:center; border:1px solid #fff; border-width:0px 1px 0px 0px; }

#pmenu7 li#news a, #pmenu7 li#news a:visited {display:block;width:151px; font-family:verdana, sans-serif; font-size:11px; color:#fff; text-decoration:none; text-align:center; border:1px solid #fff; border-width:0px 0px 0px 0px; }


#pmenu7 li ul li a, #pmenu7 li ul li a:visited {border-width:0px 1px 0px 0px;}
#pmenu7 li.drop ul li a, #pmenu7 li.drop ul li a:visited {border-width:0px 1px 1px 1px;}
#pmenu7 li#news.drop ul li a, #pmenu7 li#news.drop ul li a:visited {border-width:0px 1px 1px 1px;}
#pmenu7 li a.enclose, #pmenu7 li a.enclose:visited {border-width:1px;}




/* Set up the list items */
#pmenu7 li {float:left; background:#7ba3c0;}

/* For Non-IE browsers and IE7 */
#pmenu7 li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu7 li:hover > a {background:#95b5cd; color:#000;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu7 li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu7 li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:148px;}
/* Position the first sub level beneath the top level liinks */
#pmenu7 > li:hover > ul {left:-30px; top:27px;}

/* get rid of the table */
#pmenu7 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu7 li a:hover {position:relative; background:#95b5cd; color:#000;}



/* For accessibility of the top level menu when tabbing */
#pmenu7 li a:active, #pmenu7 li a:focus {background:#95b5cd; color:#000;}

/* Set up the pointers for the sub level indication */
#pmenu7 li.fly {background:#7ba3c0 url(fly.gif) no-repeat right center;}
#pmenu7 li.drop {background:#7ba3c0 url(drop.gif) no-repeat right center;}



















table.nav {


}



form {
font-size:10px; background:transparent; width:450px; padding:3px; margin:0 auto; border-top:0px solid #e1e1e1; border-left:0px solid #e1e1e1; border-bottom:0px solid #999; border-right:0px solid #999;

font-family:verdana, sans-serif; line-height:1.5em; color:#7ba3c0 font-size:12px;


}


legend
{
color: #fff;
background: #7ba3c0;
border: 1px solid #7ba3c0;
padding: 5px 5px;
}

fieldset {
width:275px; display:block; padding:10px; border:0px solid #fff;
text-align:center; border: 1px solid #7ba3c0;
}

fieldset.other {
width:275px; display:block; padding:10px; border:0px solid #fff;
text-align:right; border: 1px solid #7ba3c0;
}

 label
{
width: 4em;
text-align: left;
margin-right: 0.5em;
display: inline;
}


form fieldset input {
width:200px; height:2em;
border:1px solid #214230;
background:#fff;
padding-left:0.25em;
padding-right:0.25em;
margin-bottom:.25em;
margin-top:.25em;
font-size:12px;
color:#7ba3c0;
font-family:verdana, sans-serif; 
}

form fieldset input#text2 {
width:30px; height:12px;
border:1px solid #214230;
background:#fff;
text-align:center;
vertical-align:middle;
font-size:12px;
color:#7ba3c0;
font-family:verdana, sans-serif; 

}

form fieldset input#textarea {
width:200px; height:12px;
border:1px solid #214230;
background:#fff;
text-align:center;
vertical-align:middle;
font-size:12px;
color:#7ba3c0;
font-family:verdana, sans-serif; 

}

form fieldset#submit {
width:100px; height:1em;
border:1px solid #214230; background:#fff; padding-right:0.25em; margin-bottom:.25em; font-size:12px;
color:#7ba3c0;
font-family:verdana, sans-serif;
text-align:right; 
}





 /* *** Float containers fix:
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#contentleft{display:none;} 
#topnav{display:none;}