﻿/* CSS Document */

* {padding:0; margin:0;} 
li	{
	margin-left:30px;
	}

body	{
		margin:5px;
		background-color:#009;
		font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
		font-size:12px;
		}
.constrainer	{position:relative; width:900px;}
.banner	{
			position:relative;
			float:left;
			background-image:url('images/districtBanner.jpg');
			width:900px;
			height:129px;
			}
.bodyContainer	{
					position:relative;
					float:left;
					width:900px;
					background-color:#FFF;
					margin:0px;
					padding-top:0px;
					}	
.menu	{
			position:relative;
			float:left;
			width:174px;
			height:800px;
			margin-top:5px;
			}
.hMenu	{
		position:relative;
		float:left;
		width:898px;
		height:30px;
		background-color:#000099;
		margin-top:2px;
		border-left:1px #FFF solid;
		border-right:1px #FFF solid;
		}
.districtMenu	{
					position:relative;
					float:left;
					width:170px;
					height:747px;
					}
/*  NO LONGER USED... PHASED OUT

				.menuBorder	{
					position:relative;
					float:left;
					background-color:#009;
					width:1px;
					height:800px;
					margin:0px;
					}
*/
.maintained	{
				position:relative;
				float:left;
				width:170px;
				padding-top:15px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-style:italic;
				text-align:center;
				}
.body	{
			position:relative;
			float:left;
			font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
			font-size:12px;
			text-align:left;
			width:714px;
			padding:0px 0px 15px 5px;
			border-left:1px #009 solid;
			min-height:800px;
			height:auto !important;
			height:100%;
			}
.contactContain	{
					position:relative;
					float:left;
					width:900px;
					padding-bottom:15px;
					margin:0px;
					}
.contact	{
			position:relative;
			width:900px;
			color: #CCC;
			font-size:11px;
			font-family: Georgia, "Palatino Linotype", "Trebuchet MS";
			font-weight:bold;
			letter-spacing:1px;
			font-variant: small-caps;
			text-align:center;
			padding-top:5px;
			}
.bodyContent	{
				position:relative;
				float:left;
				width:709px;
				}
.info	{
			float:left;
			width:709px;
			margin-bottom:15px;
			}

/* Begin welcoming text and announcement division */
.welcomeText	{
				position:relative;
				float:left;
				text-align:left;
				width:521px;
				font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
				font-size:12px;
				padding:5px 5px 20px 5px;
				border-left: 1px #009 solid;
				min-height:800px;
				height:auto !important;
				height:100%;
				}
.announce	{
				position:relative;
				float:right;
				width:194px;
				background-color:#009;
				text-align:left;
				top:5px;
				border-bottom: 2px solid #CCC;
				margin-bottom:10px;
				}
.annHeader	{
				position:relative;
				width:193px;
				border: 0px;
				font-family: Georgia, "Palatino Linotype", "Trebuchet MS";
				font-weight:bold;
				color:#9CF;
				font-size:18px;
				text-align:center;
				padding: 5px 0px 5px 0px;
				}
.annDate	{
			position:relative;
			background-color:#FFF;
			color: #009;
			font-weight:bold;
			font-size:14px;
			text-indent:2px;
			padding-top:5px;
			border-left: 2px solid #CCC;
			}
.annText	{
			position:relative;
			background-color:#FFF;
			font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
			font-size:12px;
			color:#666;
			padding: 0px 5px 8px 15px;
			border-left: 2px solid #CCC;
			}
/* End welcoming text and announcement divisions */

.pageTitle	{
	position:relative;
	background-color:#CCC;
	width:709px;
	font-family: "Palatino Linotype", Georgia, "Trebuchet MS";
	text-align:center;
	font-size:22px;
	color:#009;
	font-weight:bold;
	font-variant:small-caps;
	padding-bottom:2px;
	margin:5px 0px 20px 0px;
	height: 28px;
				}
.genTitle	{
				position:relative;
				float:left;
				width:709px;
				color:#009;
				padding-bottom:5px;
				text-decoration:underline;
				font-weight:bold;
				font-size:16px;				
				}
.allPurpTitle	{
					position:relative;
					float:left;
					width:auto;
					color:#00F;
					text-decoration:underline;
					font-weight:bold;
					font-size:16px;
					text-align:center;
					}

.staffPic	{
				position:relative;
				float:left;
				width:190px;
				height:240px;
				padding:0px 10px 0px 10px;
				}
.boeName	{
			text-align:center;
			width:236px;
			font-size:14px;
			font-weight:bold;
			padding-bottom:15px;
			}

/* =Principal Formatting ---------------------------------------------- */
.pContain	{
				position:relative;
				float:left;
				width:354px;
				}
.pTitle	{
			position:relative;
			width:354px;
			text-align:center;
			font-family: Georgia, "Palatino Linotype", "Trebuchet MS";
			font-size:14px;
			font-variant:small-caps;
			font-weight: bold;
			color:#012AFF;
			text-decoration:underline;
			padding-bottom:10px;
			}
.pName	{
			position:relative;
			float:left;
			text-align:center;
			width:354px;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			padding-bottom:10px;
			}
.pContact	{
				position:relative;
				float:left;
				text-align:center;
				width:354px;
				padding-bottom:50px;
				}
/* End Principal Format */

/* START FAQ Formatting */
.faqQ	{
			float: left;
			color:#FF6C00;
			width:709px;
			font-size:13px;
			font-weight:bold;
			text-decoration:underline;
			}
.faqA	{
			float:left;
			font-style:italic;
			width:709px;
			margin-bottom:20px;
			}

/* END FAQ Formatting */

/* Staff Forms Frames and Main Page */
.subHeading	{
			position:relative;
			float:left;
			width:709px;
			background-color:#CFF;
			text-align:center;
			color:#009;
			margin:30px 0px 10px 0px;
			font-weight:bold;
			font-size:16px;
			}
/* Media Center Styles */
td.res	{
		height:80px;
		padding:10px 0px 10px 5px;
		}
td.resTint	{
			background-color:#FFC;
			height:80px;
			padding:10px 0px 10px 5px;
			}
td.ref	{
		vertical-align:top;
		padding:10px 0px 10px 5px;
		}
td.refTint	{
			vertical-align:top;
			padding:10px 0px 10px 5px;
			background-color:#CCCCFF;
			}
th	{
	font-size:14px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}
.darkContact	{
				text-align:left;
				background-color:#FFF0B5;
				}
.lightContact	{
				text-align:left;
				background-color:#FEF9E7;
				}
td.pad	{padding-left:5px;}
td.padHeight	{padding-left:5px; height:50px;}
td.padAll	{padding:5px;}

.frameBody	{
				position:relative;
				float:left;
				font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
				font-size:12px;
				text-align:left;
				width:714px;
				}
/* Used to display graphic for school closing or delays */
.closed	{
			float:left;
			width:500px;
			height:100px;
			background-image:url('images/schoolClosed.jpg');
			text-align:center;
			margin:10px 0px 30px 0px;
			}
.delayed	{
			float:left;
			width:500px;
			height:100px;
			background-image:url('images/schoolDelayed.jpg');
			text-align:center;
			margin:10px 0px 30px 0px;
			}

/* Used in php pages */
.error	{
		color:#F00; 
		font-style:italic; 
		font-size:12px;
		}