@charset "UTF-8";
* { behavior: url(iepngfix.htc) }

html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:76%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
background:#fff url(clown.jpg) -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
	background-image: url(images/clouds.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#content {
	display:block;
	height:100%;
	max-height:100%;
	overflow:auto;
	overflow-x: hidden;
	position:relative;
	z-index:3;
	text-align: left;
	bottom: 125px;
}
#words {
	width: 370px;
	font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;ß
	padding-top: 0px;
	padding-left: 2px;
	margin-left: 500px;
}

#foot {
	position:fixed;
	margin:0;
	bottom:0px;
	display:block;
	width:100%;
	height:125px;
	text-align:left;
	z-index:4;
	background-image: url(images/brwnpapr.gif);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #937459;
}
#subnav {
	height: 18px;
	background-color: #c4dccd;
	vertical-align: middle;
	padding-right: 0px;
	padding-left: 400px;
	padding-top: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#spacer {
	margin: 0px;
	padding: 0px;
	height: 307px;
	width: 100%;
	vertical-align: bottom;
}
#thirdNav {
	height: 86px;
	width: 100%;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#MainNav {
	height: 100px;
	width: 100%;
	background-image: url(images/root.gif);
	background-repeat: no-repeat;
	background-position: 347px top;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #937459;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
}

#left {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: center;
	left: 0px;
	background-repeat: no-repeat;
}

#leftSchool {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: center;
	left: 0px;
	background-image: url(images/backgrounds/schoolFade.jpg);
	background-repeat: no-repeat;
}
#leftPark {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: center;
	left: 0px;
	background-image: url(images/backgrounds/parkFade.jpg);
	background-repeat: no-repeat;
}
#leftHigher {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: center;
	left: 0px;
	background-image: url(images/backgrounds/higherFade30.jpg);
	background-repeat: no-repeat;
}

#leftHealth {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: center;
	left: 0px;
	background-image: url(images/backgrounds/healthFade.jpg);
	background-repeat: no-repeat;
}
#leftCommunity {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: center;
	left: 0px;
	background-image: url(images/backgrounds/communityFade.jpg);
	background-repeat: no-repeat;
}
#leftCorporate {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: center;
	left: 0px;
	background-image: url(images/backgrounds/corporateFade.jpg);
	background-repeat: no-repeat;
}

* html #head, * html #foot, * html #left,  html #flashHolder,  html #picHolder,  html #leftSchool,  html #leftPark,  html #leftHigher,   html #leftHealth, #leftCommunity, #leftCorporate {position:absolute;}


#content p {
	padding:5px;
	margin: 0px;
}

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {
	position:relative;
	top:10px;
	left:30px;
	border:1px none #000;
	padding:0px;
	font-size:2em;
	width:700px;
	text-align: left;
	margin-bottom: 15px;
	height: 32px;
	margin-left: 154px;
}
#tagline {
	height: 50px;
	width: 200px;
	position: relative;
	z-index: 100;
	margin-left: 400px;
	clear: both;
}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}

scrollbar slider
{
        margin-left: -1px;
        border-left: 1px solid #8C8D90;
        margin-top: -1px;
        border-top: 1px solid #8C8D90;
}
#Right {
	width: 900px;
	padding: 0px;
	height: 100px;
}
img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:link, a:visited, a:active {
	color: #588484;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#wordsrelativeShort {
	position:relative;
	top:316px;
	left:30px;
	border:1px none #000;
	padding:0px;
	font-size:2em;
	color:#c00;
	width:315px;
	margin-left: -346px;
	text-align: left;
	margin-bottom: 15px;
	z-index: 5;
}
#spacerStaff {
	margin: 0px;
	padding: 0px;
	height: 265px;
	width: 100%;
	vertical-align: bottom;
}
#spacerNav {
	margin: 0px;
	padding: 0px;
	height: 316px;
	width: 100%;
	vertical-align: bottom;
}
#staffNav {
	height: 32px;
	width: 338px;
	margin-bottom: 6px;
	margin-left: -2px;
}
#leftProfile {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: right;
	left: 0px;
	background-image: url(images/backgrounds/five.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#spacerLeft {
	margin: 0px;
	padding: 0px;
	height: 810px;
	width: 500px;
}
#subnavProfile {
	height: 18px;
	background-color: #c4dccd;
	vertical-align: middle;
	padding-right: 0px;
	padding-left: 160px;
	padding-top: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -130px;
}
#FlashBox {
	position:fixed;
	margin:0;
	bottom:125px;
	display:block;
	width:499px;
	height:420px;
	text-align:left;
	z-index:5;
	left: 0px;
	vertical-align: bottom;
}
#test {
	position:fixed;
	margin:0;
	bottom:125px;
	display:block;
	width:500px;
	height:420px;
	text-align:left;
	z-index:100;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #937459;
}
#left2 {
	position:fixed;
	top:0;
	height:100%;
	width:500px;
	;
	font-size:1em;
	color:#fff;
	z-index:0;
	text-align: center;
	left: 0px;
	background-image: url(images/backgrounds/four.jpg);
	background-repeat: no-repeat;
}
#flashSpace {
	margin: 0px;
	padding: 0px;
	height: 210px;
	width: 499px;
}
#flashHolder {
	margin: 0px;
	height: 300px;
	width: 490px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 0px;
	top: 215px;
	z-index: 5;
}
#picHolder {
	margin: 0px;
	height: 315px;
	width: 500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 0px;
	z-index: 5;
	text-align: right;
	bottom: 125px;
}
.headline {
	font-size: 12px;
	font-weight: bold;
	color: #588484;
}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	color: #588484;
}
.sans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
}
#picHoldertest {
	height: 315px;
	width: 500px;
	text-align: right;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wordsrelative img {
	float: left;
}
#flashHoldertest {
	height: 315px;
	width: 500px;
	text-align: right;
	padding: 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: -20px;
}
.staffPhoto {
	margin-right: 10px;
}