@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

* {
margin:0;}


html, body{
	color:#333;
	font-family:Arial, 'Century Gothic', sans-serif; 
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	line-height:1.5em;
	text-align:center; 
	height:100%; 
	padding:0; 
	margin:0 auto; 
	background:#333 url('images/bigbg6.jpg') center top repeat-x fixed;
}

.caption {
	text-align:left;
	font-size:9pt;
	color:#666;
	line-height:1.3em;
}

img {
	border:0px;
}

/********************************** BODY LINKS ***********************************/
a:link {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10pt;
	color:#203c7a;
	font-weight:normal;
	text-decoration:none;
}

a:visited {
	color:#203c7a;
}

a:hover {
	color:#000080;

}


.construction {
	font-family:'Yanone Kaffeesatz', Century Gothic, sans-serif; 
	font-size:18pt;
	color:#0062AD;
	text-decoration:none;
	font-weight:normal;
	line-height:26pt;
	text-align:center;
}


/***************************** END BODY LINKS **********************************/

#mainframe {
	width:1000px; 
	height:100%; 
	height:auto !important; 
	min-height:100%; 
	background-color:#fff; 
	margin:0 auto; 
	text-align:left; 
	overflow:none;
}

#header {
	text-align:left; 
	width:1000px; 
	height:236px; 
	float:left; 
	background:url('images/header3.png') no-repeat;
}

.push {
	padding-top:42px;
	height:60px;
	width:600px;
	float:left;

}



#truebody {
	width:1000px;
	float:left;
	height:100%;
	background:#fff;
}

#mainbody {
	float:left; 
	width:780px; 
	margin-top: 20px; 
	margin-left:10px; 
}

#pagebody {
	float:left; 
	width:780px; 
	margin-top: 5px; 
	margin-left:10px; 
}



/******************* BREADCRUMBS **************/
a.crumbs {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:9pt;
	color:#666;
	font-weight:normal;
	text-decoration:none;
}

a.crumbs:visited {
	color:#666;
}

a.crumbs:hover {
	color:#203c7a;
	text-decoration:underline;
}

/***************************** FP SUBNAV **********************************/
#subnav {
	float:left; 
	margin-top:0px;
}

#subnavul {
	list-style-type:none; 
	padding:0; 
	line-height:18px; 
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	font-size:10pt; 
	color:#203c7a; 
	font-weight:normal; 
	width:140px;
}

.subnavopt {
	border-top:1px solid #c2c2c2; 
	padding-top:5px; 
	padding-bottom:5px;
	padding-left:5px;

}

.subnavlast {
	border-top:1px solid #c2c2c2; 
	border-bottom:1px solid #c2c2c2;
	padding-top:5px; 
	padding-bottom:5px;
	padding-left:5px;
}

#homelinks {
	padding-left: 10px; 
	background:url('images/subnavbg2.png') repeat-y; 
	width:175px; 
	height:585px;
}

#schoollinks {
	padding-left: 10px; 
	background:url('images/subnavbg2.png') repeat-y; 
	width:175px; 
	height:300px;
}

#techlinks {
	padding-left: 10px; 
	background:url('images/subnavbg2.png') repeat-y; 
	width:175px; 
	height:620px;
}

#teachlinks {
	padding-left: 10px; 
	background:url('images/subnavbg2.png') repeat-y; 
	width:175px; 
	height:515px;
}


a.subnav {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10pt;
	color:#203c7a;
	font-weight:normal;
	text-decoration:none;
	display:block;
}

a.subnav:visited {
	color:#203c7a;
}

a.subnav:hover {
	color:#020c3e;

}



/******************************************  OTHER NECESSARY ITEMS ****************************/

#outnav {
	float:left; 
	width:1000px;
	margin-top:140px; 
	padding:0;
}

#fpleft {
	float:left;
	width:460px;
}

#fpright {
	float:right; 
	padding-left:20px; 
	border-left:1px solid #666; 
	z-index:5; 
}

#pagedivide {
	float:left;
	width:780px;
}

#techleft {
	float:left;
	width:460px;
}

#techright {
	width:290px;
	float:right; 
	padding-left:20px; 
	z-index:5; 
}


/***************************************** FRONT PAGE NEWS BOX ***********************************/
.boxframe {
	float:left; 
	border:1px solid #e9e9e9; 
	padding-bottom:8px;
}

.boxframe2 {
	float:left; 
	border:1px solid #e9e9e9; 
	padding-bottom:8px;
	background:#f2f2f2;
	width:250px;
}

.boxframe3 {
	float:left; 
	border:1px solid #e9e9e9; 
	padding-bottom:8px;
	background:#f2f2f2;
	width:370px;
}


.titlebar {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b6b6', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#b6b6b6), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #b6b6b6,  #ffffff); /* for firefox 3.6+ */ 
	background-size:100%;
	font-size:18pt; 
	font-weight:400; 
	height:28px; 
	color:#000080;
	width:100%;
	padding:0;
}

.sidetitle {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3393a', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#c3393a), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #c3393a,  #ffffff); /* for firefox 3.6+ */ 	background:url(images/sidetitle.png) repeat-x; 
	font-size:18pt; 
	font-weight:400; 
	height:28px; 
	color:#333;
}

.teachbar {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cccc', endColorstr='#f2f2f2'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#99cccc), to(#f2f2f2)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #99cccc,  #f2f2f2); /* for firefox 3.6+ */ 	
	font-size:18pt; 
	font-weight:400; 
	height:28px; 
	color:#000080;
}

.innertitle {
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	width:100%;
	font-weight:normal;
}

.fpboxtext {
	float:left; 
	margin-left:10px; 
	margin-right:10px;
	text-align:left;
}

.statboxtext {
	float:left; 
	margin-left:100px; 
	margin-right:10px;
	text-align:justify;
}



/******************************************* NAVIGATION ***********************************/
/***** MAINNAV for School, PARENTNAV for Parents, STUDENTNAV for Students, TEACHERNAV for Teacher, TECHNAV for Technology *****/

		ul#mainnav li {
			display:block;
			margin-left:0px;
			float:left;
			padding:0;
			}
			ul#mainnav li a {
				display:block;
				outline:none;
				width:107px;height:51px;
				background:transparent url('nav/schoolnav.png') no-repeat 0 0;
				text-indent:-9009px;
				margin-right:12px;
				margin-left:0;
				padding-right:0;
				padding-left:0;
				}
			
				ul#mainnav li a:hover {background-position:0 -51px;}
			
			ul#mainnav li#parents a {
				width:108px;
				background-position:-107px 0;
				}
				ul#mainnav li#parents a:hover {
					background-position:-107px -51px;
					}
			ul#mainnav li#teachers a { 
				width:122px;
				background-position:-215px 0;
				}
				ul#mainnav li#teachers a:hover {
					background-position:-215px -51px;
					}
			ul#mainnav li#students a { 
				width:123px;
				background-position:-337px 0;
				}
				ul#mainnav li#students a:hover {
					background-position:-337px -51px;
					}
			ul#mainnav li#tech a { 
				width:168px;
				background-position:-460px 0;
				}
				ul#mainnav li#tech a:hover {
					background-position:-460px -51px;
					}

/********** PARENT NAV **************/

		ul#parentnav li {
			display:block;
			margin-left:0px;
			float:left;
			padding:0;
			}
			ul#parentnav li a {
				display:block;
				outline:none;
				width:107px;height:51px;
				background:transparent url('nav/parentnav.png') no-repeat 0 0;
				text-indent:-9009px;
				margin-right:12px;
				margin-left:0;
				padding-right:0;
				padding-left:0;
				}
			
				ul#parentnav li a:hover {background-position:0 -51px;}
			
			ul#parentnav li#parents a {
				width:108px;
				background-position:-107px 0;
				}
				ul#parentnav li#parents a:hover {
					background-position:-107px -51px;
					}
			ul#parentnav li#teachers a { 
				width:122px;
				background-position:-215px 0;
				}
				ul#parentnav li#teachers a:hover {
					background-position:-215px -51px;
					}
			ul#parentnav li#students a { 
				width:123px;
				background-position:-337px 0;
				}
				ul#parentnav li#students a:hover {
					background-position:-337px -51px;
					}
			ul#parentnav li#tech a { 
				width:168px;
				background-position:-460px 0;
				}
				ul#parentnav li#tech a:hover {
					background-position:-460px -51px;
					}

/************ TEACHER NAV ************/
		ul#teachernav li {
			display:block;
			margin-left:0px;
			float:left;
			padding:0;
			}
			ul#teachernav li a {
				display:block;
				outline:none;
				width:107px;height:51px;
				background:transparent url('nav/teachernav.png') no-repeat 0 0;
				text-indent:-9009px;
				margin-right:12px;
				margin-left:0;
				padding-right:0;
				padding-left:0;
				}
			
				ul#teachernav li a:hover {background-position:0 -51px;}
			
			ul#teachernav li#parents a {
				width:108px;
				background-position:-107px 0;
				}
				ul#teachernav li#parents a:hover {
					background-position:-107px -51px;
					}
			ul#teachernav li#teachers a { 
				width:122px;
				background-position:-215px 0;
				}
				ul#teachernav li#teachers a:hover {
					background-position:-215px -51px;
					}
			ul#teachernav li#students a { 
				width:123px;
				background-position:-337px 0;
				}
				ul#teachernav li#students a:hover {
					background-position:-337px -51px;
					}
			ul#teachernav li#tech a { 
				width:168px;
				background-position:-460px 0;
				}
				ul#teachernav li#tech a:hover {
					background-position:-460px -51px;
					}

/*************** STUDENT NAV ***************/
		ul#studentnav li {
			display:block;
			margin-left:0px;
			float:left;
			padding:0;
			}
			ul#studentnav li a {
				display:block;
				outline:none;
				width:107px;height:51px;
				background:transparent url('nav/studentsnav.png') no-repeat 0 0;
				text-indent:-9009px;
				margin-right:12px;
				margin-left:0;
				padding-right:0;
				padding-left:0;
				}
			
				ul#studentnav li a:hover {background-position:0 -51px;}
			
			ul#studentnav li#parents a {
				width:108px;
				background-position:-107px 0;
				}
				ul#studentnav li#parents a:hover {
					background-position:-107px -51px;
					}
			ul#studentnav li#teachers a { 
				width:122px;
				background-position:-215px 0;
				}
				ul#studentnav li#teachers a:hover {
					background-position:-215px -51px;
					}
			ul#studentnav li#students a { 
				width:123px;
				background-position:-337px 0;
				}
				ul#studentnav li#students a:hover {
					background-position:-337px -51px;
					}
			ul#studentnav li#tech a { 
				width:168px;
				background-position:-460px 0;
				}
				ul#studentnav li#tech a:hover {
					background-position:-460px -51px;
					}

/*************** TECH NAV ***************/
		ul#technav li {
			display:block;
			margin-left:0px;
			float:left;
			padding:0;
			}
			ul#technav li a {
				display:block;
				outline:none;
				width:107px;height:51px;
				background:transparent url('nav/technav.png') no-repeat 0 0;
				text-indent:-9009px;
				margin-right:12px;
				margin-left:0;
				padding-right:0;
				padding-left:0;
				}
			
				ul#technav li a:hover {background-position:0 -51px;}
			
			ul#technav li#parents a {
				width:108px;
				background-position:-107px 0;
				}
				ul#technav li#parents a:hover {
					background-position:-107px -51px;
					}
			ul#technav li#teachers a { 
				width:122px;
				background-position:-215px 0;
				}
				ul#technav li#teachers a:hover {
					background-position:-215px -51px;
					}
			ul#technav li#students a { 
				width:123px;
				background-position:-337px 0;
				}
				ul#technav li#students a:hover {
					background-position:-337px -51px;
					}
			ul#technav li#tech a { 
				width:168px;
				background-position:-460px 0;
				}
				ul#technav li#tech a:hover {
					background-position:-460px -51px;
					}


/***************************************** FOOTER *************************************************/
#footer {
	height:240px; 
	width:1000px;
	float:left;
	background:url('images/footerbg2.png') repeat-x;
}

#innerfoot {
	font-family:Century Gothic, Arial, Verdana, sans-serif;
	font-size:10pt;
	color:#000080;
	margin-top:20px;
	margin-left:20px;
	line-height:15pt;
}

#signoff {
	font-family:Century Gothic, Arial, Verdana, sans-serif;
	font-size:8pt;
	color:#333;
	text-align:center;
	margin-top:20px;
}

.footerhead {
	color:#fff; 
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:18pt; 
	font-weight:400;
}


.footerlist {
	list-style-type:none; 
	padding:0; 
	margin-top:7px;
	line-height:18px; 
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	font-size:10pt; 
	color:#203c7a; 
	font-weight:normal; 
	width:140px;
}

.footeropt {
	border-top:1px solid #c2c2c2; 
	padding-top:5px; 
	padding-bottom:5px;
	padding-left:5px;

}

a.footerlink {
	font-family:'Century Gothic', Arial, Helvetica, Verdana, sans-serif;
	font-size:9pt;
	color:#020c3e;
	font-weight:normal;
	text-decoration:none;
	display:block;
}

a.footerlink:visited {
	color:#020c3e;
}

a.footerlink:hover {
	color:#203c7a;

}


/******************* TEACHER NAV ***************/
a.facultylink {
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:15pt;
	color:#0062AD;
	text-decoration:none;
	font-weight:normal;
}

a.facultylink:visited {
	color:#0062AD;
}

a.facultylink:hover {
	color:#666;
}


/****************** CONTACT INFO ************************/
a.emailme {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10pt;
	color:#203c7a;
	font-weight:normal;
	text-decoration:none;
}

a.emailme:visited {
	color:#203c7a;
}

a.emailme:hover {
	color:#020c3e;

}

.bigtext {
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:15pt;
	color:#0062AD;
	text-decoration:none;
	font-weight:normal;
}

.formtext {
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:14pt;
	color:#333;
	text-decoration:none;
	font-weight:normal;
}

.inputtext {
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:11pt;
	color:#000080;
	text-decoration:none;
	font-weight:normal;
}

a.alert {
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:20pt;
	color:#D30000;
	text-decoration:none;
	font-weight:normal;
}

a.alert:visited {
	color:#D30000;
}

a.alert:hover {
	color:#666666;
}


/************************************ TEACHER RESOURCES ***************************************/

#teachrec {
	width:300px; 
	height:30px; 
	font-family:'Yanone Kaffeesatz'; 
	font-size:16pt; 
	font-weight:normal; 
	color:#0062AD;
}

.teaser {
	font-family:Georgia, serif;
	font-size:9pt;
	color:#035361;
	line-height:16pt;
	text-align:left;
}

a.teaselink {
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:12pt;
	color:#8c0404;
	text-decoration:none;
	font-weight:normal;
}

a.teaselink:visited {
	color:#8c0404;
}

a.teaselink:hover {
	color:#0062AD;
}

.featuredvid {
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:16pt;
	color:#0062AD;
	text-decoration:none;
	font-weight:normal;
}


a.subnavhigh {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10pt;
	color:#8c0404;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

a.subnavhigh:visited {
	color:#203c7a;
}

a.subnavhigh:hover {
	color:#020c3e;

}

/*************** TECH WORK ORDER BUTTON ***************/
		ul.techbtn li {
			display:block;
			float:left;
			}
			ul.techbtn li a {
				display:block;
				outline:none;
				width:280px;height:80px;
				background:transparent url('images/techworkorder2.jpg') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul.techbtn li a:hover {background-position:0 -80px;}


/******************** FRONT PAGE TABLE ************************/
.fptabletitle {
	font-family:'Yanone Kaffeesatz', Georgia, Century Gothic, sans-serif; 
	font-size:15pt;
	color:#0062AD;
	text-decoration:none;
	font-weight:normal;
	background:#f2f2f2;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

.fptd {
	border-bottom:1px solid #999;
}