/* CSS Document */

* {padding:0; margin:0;} 
li	{
	margin-left:30px;
	}

body	{
		margin:0px 5px 0px 5px;
		background-color:#009;
		font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
		font-size:12px;
		}
.constrainer	{position:relative; width:975px;}
/*********** header navigation *****************************************************/
.header	{
		position:relative;
		float:left;
		width:975px;
		text-align:right;
		margin-bottom:1px;
		}
#nav ul	{
		float:left;
		margin:0px;
		padding:0px;
		width:100%;
		}
#nav li	{
		display:inline;
		margin:0px;
		}
#nav a:link	{
			display:inline;
			font-size:10px;
			font-style:italic;
			text-decoration:none;
			color:#E1E1E1;
			padding:0px 12px 0px 7px;
			border-right:1px #A1A1A1 solid;
			}
#nav a:visited	{
				font-size:10px;
				font-style:italic;
				color:#E1E1E1;
				text-decoration:none;
				padding:0px 12px 0px 7px;
				border-right:1px #A1A1A1 solid;
				}
#nav a:hover	{
				color:#FFF;
				}
.cycle	{
		float:right; 
		width:25%; 
		text-align:left; 
		color:#FFF; 
		font-size:10px;
		padding-top:2px;
		font-style:italic;
		}
/***************** End header navigation ************************************************/	
.menu	{
		position:relative;
		float:left;
		width:172px;
		height:570px;
		margin-top:5px;
		}
.bodyContainer	{
				position:relative;
				float:left;
				width:975px;
				background-color:#FFF;
				margin:0px;
				padding-top:0px;
				}
.body	{
		position:relative;
		float:left;
		font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
		font-size:12px;
		text-align:left;
		width:797px;
		padding:0px 0px 15px 5px;
		border-left:1px #009 solid;
		min-height:570px;
		height:auto !important;
		height:100%;
		}
.bodyContent	{
				position:relative;
				float:left;
				width:797px;
				}
.contact	{
			position:relative;
			float:left;
			width:975px;
			margin:0px;
			padding-bottom:15px;
			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;
			}
.info	{
			float:left;
			width:797px;
			margin-bottom:15px;
			}
td.annPad	{padding:20px 0px 20px 10px;}

.pageTitle	{
	position:relative;
	float:left;
	background-color:#CCC;
	width:792px;  /*Could be 797px total, but touches right hand side, 792px will leave 5px "right padding"*/
	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:797px;
				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;
			}
			
/* Staff Forms Frames and Main Page */
.subHeading	{
			position:relative;
			float:left;
			width:100%;
			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;}
td.annPad	{padding:20px 0px 20px 10px;}

.frameBody	{
				position:relative;
				float:left;
				font-family: "Trebuchet MS", Trebuchet, Lucida, sans-serif;
				font-size:12px;
				text-align:left;
				width:797px;
				}
/*********** Used in php pages ****************************************************/
.error	{
		color:#F00; 
		font-style:italic; 
		font-size:12px;
		}
/*********** School Banners *******************************************************/
div.esBanner	{
				position:relative;
				background-image:url('../schools/eastside/images/esBanner975.jpg');
				float:left;
				width:975px;
				height:129px
				}
div.hsBanner	{
				position:relative;
				background-image:url('../schools/highschool/images/banner975.jpg');
				float:left;
				width:975px;
				height:129px
				}
div.msBanner	{
				position:relative;
				background-image:url('../schools/middleschool/images/msBanner975.jpg');
				float:left;
				width:975px;
				height:129px
				}
div.feBanner	{
				position:relative;
				background-image:url('../schools/fowler/images/feBanner975.jpg');
				float:left;
				width:975px;
				height:129px
				}
div.wsBanner	{
				position:relative;
				float:left;
				background-image:url('../schools/westside/images/wsBanner975.jpg');
				width:975px;
				height:129px
				}
div.athBanner	{
					position:relative;
					float:left;
					background-image:url('../schools/highschool/athletics/images/athleticBanner.jpg');
					width:975px;
					height:250px
					}
div.mediaBanner	{
				position:relative;
				float:left;
				background-image:url('../mediaCenter/images/mediaBanner975.jpg');
				width:975px;
				height:129px
				}
div.guidanceBanner	{
					position:relative;
					float:left;
					background-image:url('../schools/guidance/images/banner975.jpg');
					width:975px;
					height:129px
					}
div.districtBanner	{
					position:relative;
					float:left;
					background-image:url('../images/districtBanner975.jpg');
					background-repeat:no-repeat;
					background-position:center;
					background-color:#FFF;
					width:975px;
					height:250px;
					}