/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

body {
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.5em;
  background-color: #777;
  background-image: url(/images/bodybg.jpg);
  background-repeat: repeat-x;
}

a {
  text-decoration: none;
  color: #00467f;
  font-weight: 700;
}



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

#nav .menuhead {
  width: 229px;
  padding-top: 20px;
  border-right: 1px solid #222;
}

#nav a { 
  display: block; 
  width: 220px;
  text-decoration:none; 
  color: #b2d8ff;
  padding-top: 3px;
  padding-bottom: 3px;
}

#nav p { 
  display: block; 
  width: 220px;
  text-decoration:none; 
  margin-bottom: 0px;
}

#nav a:hover {
  color: #ffc423;
}
 
#nav li { 
  float: left; 
  margin: 0px;
  width: 220px;
  padding-left: 10px;
  color: #b2d8ff;
  height: 1%;
}


#nav .drop {
  width: 220px;
  background-color: #00467f;
  border:1px solid #ddd;
  text-transform:none;
  line-height: 15px;
  font-size: 12px;
  padding-right: 10px;
}

#nav .drop li {
  border-bottom: 1px solid #888;
}

#nav li ul { 
position: absolute; 
width: 10em; 
left: -999em;
z-index: 99999; 
} 

#nav li:hover ul { 
left: auto; 
}

#nav li:hover ul, #nav li.sfhover ul { 
left: auto; 
}

#nav li:hover, #nav li.sfhover {
        color: #ffc423;
}

.offsite {
  background: url(/images/icon_offsite_blue.png) center left no-repeat;
  background-position: 200px;
}

h4{font-size:18px;line-height:18px}

.major {text-transform:uppercase;text-decoration:none;letter-spacing:1px;font:12px Arial,'Liberation Sans',FreeSans,sans-serif;}
.muted {color: #666;}
.bigmajor {text-transform:uppercase;text-decoration:none;letter-spacing:1px;font:18px Arial,'Liberation Sans',FreeSans,sans-serif;}

.threecol {background: url(/images/bg-3column.gif) repeat-y;}
.threecol .content{background: url(/images/bg-3column-top2.jpg) no-repeat;}
.threecol .leftcol, .threecol .rightcol{margin-top:15px;}
.threecol .masthead{margin:10px 0;width:400px;display:block;}
.threecol h1{margin:0;}
.threecol h1 span {margin-bottom:0;line-height:14px;}
.threecol h2{text-align:center;margin-top:30px;margin-bottom:35px;}
.threecol h2 span{display:block;}
.footer3{background: url(/images/bg-3column-bottom.jpg) no-repeat top center;padding-top:30px;}
.footer3 p{
  color: #eee;
  font-size: 10px;
}

.twocol {background: url(/images/bg-2column.jpg) repeat-y;}
.twocol .content{background: url(/images/bg-2column-top2.jpg) no-repeat;}
.twocol .leftcol, .threecol .rightcol{margin-top:15px;}
.twocol .masthead{margin:10px 0;width:400px;display:block;}
.twocol h1{margin:0;}
.twocol h1 span {margin-bottom:0;line-height:14px;}
.twocol h2{text-align:center;margin-top:30px;margin-bottom:35px;}
.twocol h2 span{display:block;}
.twocol .leftcontent {padding-left: 20px;}
.twocol h4{background-color: #eee; display:block;text-transform:none;letter-spacing:0;margin-top:0px !important; margin-left: 20px; font-size:18px !important;line-height:20px;font-family:Georgia,"Times New Roman", serif}
.twocol h6{color: #444; background-color: #eee; display:block;text-transform:none;letter-spacing:0;margin-top:0px !important; margin-left: 20px; font-size:12px !important;line-height:20px;font-family:Georgia,"Times New Roman", serif}
.twocol p {
  font-size: 13px;
  clear: left;
}

.onecol {background: url(/images/bg-1column.jpg) repeat-y;}
.onecol .content{background: url(/images/bg-1column-top2.jpg) no-repeat;}
.onecol .leftcol, .threecol .rightcol{margin-top:15px;}
.onecol .masthead{margin:10px 0;width:400px;display:block;}
.onecol h1{margin:0;}
.onecol h1 span {margin-bottom:0;line-height:14px;}
.onecol h2{text-align:center;margin-top:30px;margin-bottom:35px;}
.onecol h2 span{display:block;}
.onecol .leftcontent {padding-left: 20px;}
.onecol h4{background-color: #eee; display:block;text-transform:none;letter-spacing:0;margin-top:0px !important; margin-left: 20px; font-size:18px !important;line-height:20px;font-family:Georgia,"Times New Roman", serif}
.onecol p {
  font-size: 13px;
  clear: left;
}

.twocol p span {
  color: #000000;
}

.louder {
  font-size: 15px;
  font-weight: 600;
  color: #666 !important;
}

.loudest {
  font-size: 17px;
  font-weight: 600;
  color: #666 !important;
} 

.twocol img {
  float: left;
  border: 1px solid #ccc;
  margin-right: 20px;
}
.footer2{background: url(/images/bg-2column-bottom.jpg) no-repeat top center;padding-top:30px;}
.footer1{background: url(/images/bg-1column-bottom.jpg) no-repeat top center;padding-top:30px;}

.threecol ul, .twocol ul{
  list-style: none;
}

.threecol li, .twocol li {
  margin-bottom: 10px;
  background-image: url(/images/arrow-full-5.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding-left: 14px;
  font-size: 15px;
}

.menulist ul{
  list-style: none;
}

.menulist li {
  margin-bottom: 10px;
  background-image: url(/images/arrow-full-5.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding-left: 14px;
  font-size: 15px;
}

.sidelist li {
  font-size: 13px;
  line-height: 13px;
  background-position: 0 2px;
  padding-left: 14px;
}

.sidelink {
  padding-top: 40px;
}

.question {
  font-weight: bold;
  font-color: #333;
  margin-bottom: 10px;
  background-color: #ddd;
}

.newcontent {margin:0 10px 15px 10px;padding-bottom:10px;}
.newcontent .content_thumb {display:block;border:5px solid #ddd;width:250px}
.newcontent a {font-weight:normal;text-decoration:none;color:black}
.newcontent h4 {margin-bottom:5px !important;}
.newcontent h4 span{display:block;text-transform:none;letter-spacing:0;margin-top:0px !important;font-size:20px !important;line-height:24px;font-family:Georgia,"Times New Roman", serif}
.newcontent .mp3player{padding:5px 10px;background:white;border:5px solid #ddd;}
.newcontent p {
  padding-left: 20px;
  font-size: 12px;
  font-family:Georgia,"Times New Roman", serif;
}

.newcontent .blurb {
  margin-top: 10px;
  line-height: 15px;
  text-align: justify;
  margin-bottom: 10px;
}

.newcontent .more {
  margin-top: 0px;
  text-align: right;
  font-size: 12px;
}

.newscurrent {
  background: white;
}

.header {
  background-color: #00467f;
  color: #ddd;
  text-align: right;
  padding-right: 10px;
  font-size: 11px;
}

.twocol .noborder {
  border: 0px;
}

.header a {
  color: #b2d8ff;
  text-decoration: none;
}

.darker {
  background-color: #f3f3f3;
}

.lighter {
  background-color: #fafafa;
}


.schools {
  width: 380px;
  line-height: 10px;
  font:12px Arial,'Liberation Sans',FreeSans,sans-serif;
  margin-bottom: 0px;
}

.schools td {
  padding: 5px;
}

#logo {
  height: 200px;
  width: 960px;
  background-image: url('/images/banner1.jpg');
  background-repeat: no-repeat;
}

#logo-students {
  height: 200px;
  width: 960px;
  background-image: url('/images/banner-students.jpg');
  background-repeat: no-repeat;
}

#logo-employment {
  height: 200px;
  width: 960px;
  background-image: url('/images/banner-employment.jpg');
  background-repeat: no-repeat;
}

#logo-gb {
  height: 200px;
  width: 960px;
  background-image: url('/images/banner-gb.jpg');
  background-repeat: no-repeat;
}


#ribbon {
  padding-left: 20px;
}

#menu {
  margin: 0px;
  padding: 0px;
  height: 50px;
  width: 960px;
  border-top: 1px solid #222;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:1px;
  font:16px Arial,'Liberation Sans',FreeSans,sans-serif;
  background-color: #333333;
  background-image: url('/images/menu2.jpg');
  background-repeat: no-repeat;
  font-weight: bold;
}

#menu-students {
  margin: 0px;
  padding: 0px;
  height: 50px;
  width: 960px;
  border-top: 1px solid #222;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:1px;
  font:16px Arial,'Liberation Sans',FreeSans,sans-serif;
  background-color: #333333;
  background-image: url('/images/menu-students.jpg');
  background-repeat: no-repeat;
  font-weight: bold;
}

#menu-employment {
  margin: 0px;
  padding: 0px;
  height: 50px;
  width: 960px;
  border-top: 1px solid #222;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:1px;
  font:16px Arial,'Liberation Sans',FreeSans,sans-serif;
  background-color: #333333;
  background-image: url('/images/menu-employment.jpg');
  background-repeat: no-repeat;
  font-weight: bold;
}

#menu-gb {
  margin: 0px;
  padding: 0px;
  height: 50px;
  width: 960px;
  border-top: 1px solid #222;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:1px;
  font:16px Arial,'Liberation Sans',FreeSans,sans-serif;
  background-color: #333333;
  background-image: url('/images/menu-gb.jpg');
  background-repeat: no-repeat;
  font-weight: bold;
}

#main {
  padding-top: 20px;
}

#main img {
  float: right;
  margin: 10px;
}

#main .muted span {
  display:block;
  text-transform:none;
  letter-spacing:0;
  margin-top:0px;
  font-size:24px;
  line-height: 24px;
}

p.dropcap:first-letter {
  float: left;
  font-size: 400%;
  color: #00467f;
  margin-right: 3px;
  line-height: 0.6em;
}

#advert {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

#calendar {
  padding-top: 20px;
}

#findschool {
  height: 130px;
}

#news {
  height: 700px;
}

.newsimg {
  max-width:300px;
  width: expression(this.width > 300 ? 300: true);
}

.weblink { 
  font-size: 14px;
}

.principal {
  font-size: 13px;
}


.photoinfo {
  background-color: #f9f9f9;
  float: left;
  margin-right: 10px;
  padding: 5px;
}

#schoolname {
  margin-bottom: 0px;
}

.tagline {
  margin-bottom: 0px;
}  

.schoolinfo {
  font-size: 13px;
}

.right {
  align: right;
}

.formbg {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(/images/formbg.png);
}

.form {
  position: relative;
  top: 100px;
  width: 800px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  background-color: #777;
}

.closeform {
  float: right;
  width: 20px;
  height: 20px;
  margin: 5px;
}

.form-inner{
 width: 600px;
 margin-left: auto;
 margin-right: auto;
}

.form-inner h1 {
  color: #ccc;
  padding-top: 20px;
  font-size: 28px;
}

.formtable th{
  background-color: #999;
  text-align: right;
  vertical-align: top;
  padding: 10px;
}

.formtable td{
  padding: 10px;
  text-align: left;
  color: white;
}

.formtable td input, textarea {
  width: 300px;
  font-size: 20px;
}

.formtable td input.radio {
	width: 30px;
}

.formtable td input#city {
	width: 156px;
}

.formtable td input#state {
	width: 60px;
}

.formtable td input#zip {
	width: 60px;
}

.labeloff {
	color: #000;
}

.labelon {
	color: #999;
}


#thankyou {
	position: relative;
	width: 100%;
	color: black;
	background-color: #ffc423;
	height: 40px;
	padding-top: 10px;
	padding-left: 20px;
}

#spedprogs {
	font-size: 0.8em;	
}

#spedprogs h4 {
	margin-top: 10px !important;
}


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.floatleft img {
  float: left;
}

#floatright {
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}

#noclear {
  clear: none;
}