/* 
COLORS USED
	GREEN: #667412 #347d1e
	BLUE: #15478b
	BROWN: #744e20
	WHITE: #f9fef9



*/
body {
	x-overflow: hidden;
	background-color: #347d1e;
	margin: 0px;
	height: 100%;
	width: 100%;
	padding: 0px;
}

/* This holds the site together and gives a center position one larger screens. */
#container { 
	background-image:url('../images/bg_sky.jpg');
	background-repeat:no-repeat;
	width: 1001px;
	height: 602px;
	background-color: none;
	x-overflow: hidden;
	y-overflor:hidden;
	border: 1px solid #FFFFFF;
	}

#center { 
   margin: 0px; 
   padding: 1em; 
   font: 1em arial, verdana; 
   background-color: #F5F5F5; 
   border: thick solid #000000; 
   } 

.center1024 {
	margin-top:auto; 
	margin-bottom:auto; 
	}
	
.center1280 {
	position: absolute;
	top: 10%;
	left: 11%;
	width: 50%;
	height: 50%; 
	}
	
.center1600 {
	position: absolute;
	top: 20%;
	left: 20%;
	width: 50%;
	height: 50%; 
	}
/* Going from left to right on the screen these are all the ID's that must stay where they are. */
#logo {
	position: absolute;
	top: 30px;
	left: 38px;
}

#ground {
	position: absolute;
	top: 375px;
	left: 0px;
	z-index:1; /*moved up so that it would load first */
}

#sustainability {
	font-family: Garamond, Times New Roman;
	font-size: 40pt;
	font-weight: bolder;
	color: #FFFFFF;
	position: absolute;
	left: 140px;
	top: 2px;
	margin:0px 0px 0px 0px;
	z-index:0;
}


#nav {
	background-color: #347d1e;/*#667412*/
	height: 536px;
	width: 146px;
	position: absolute;
	left:134px;
	top: 50px;
	margin-left: 6px;
	z-index: -10px;
}

.menu {
	position: absolute;
	left: 139px;
	top: 50px;
	/*margin-left: 200px;
	padding-top: 200px;*/
	z-index:10;
	}

#middle /*This is the white space for behind the text in the internal pages. */
{
	background-color: #f9fef9;
	height: 536px;  /*added 18 to this so it would expand to fit lower ground image mvp 12-19-08   */
	width: 655px;
	position: relative;
	top: 49px;
	left: 285px;
	padding: 0px;
	margin: 0px;
}

#maintext /*This is the maintext for all the overview pages. */
{
	font-family: Arial;
	font-size: 10pt;
	color: #1d3201;
	overflow:auto;
	height:342px;
	width:470px;	
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	padding-top: -2px;
}

#maintext_wide /*This is the maintext for all the internal pages. */
{
	font-family: Arial;
	font-size: 10pt;
	color: #1d3201;
	overflow:auto;
	height:536px;
	width:650px;	
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	padding-top: -2px;
	padding-right: 0px;
}

#main /*This controls where the image within the text box will fall */
{
	float: left;
	margin:4px 6px 1px 0px;
	border: 2px #CCCC99;
}


#right_side {
	background-color: #744e20;
	height: 536px;
	width: 160px;
	float: top;
	position: absolute;
	top: 50px;
	left: 762px;
	padding-left: 19px;
	font-family: arial;
	font-size: 13pt;
	color: #FFFFFF;
}


#cal {
	border: 1px solid #FFFFFF;
	height: 91px;
	width: 135px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 15px;
}

#announcement {
	border: 1px solid #FFFFFF;
	background-color: #e3dbcd;
	height: 121px;
	width: 135px;
	overflow: hidden;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1d3201;
	margin: 0px;
	/* text-align: center; */
	padding: 3px;
}

#announcement_p {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	line-height:13px;
	text-indent: 0px;
}

.ann_center {
	text-align: center; 
}




.map /*This controls where the search, site map, and calender menu will fall. Upper right */
{
position: relative;
top: -530px;
left: 790px;
height: 15px;
width:175px;
}

.sublist {
	margin-left: 20px;
}

.rt_caption {
	font-style: italic;
	font-size: 10pt;
	float: right;
	text-align: leftt;
	background-image: url('../images/rt_arrow.jpg');
	background-repeat: no-repeat;
	width: 250px;
	text-indent: 7px;
	margin-bottom: 20px

	}
	
.lt_caption {
	font-style: italic;
	float:right;
	font-size: 10pt;
	background-image: url('../images/lt_arrow.jpg');
	background-repeat: no-repeat;
	width: 290px;
	text-indent: 10px;
	margin-top: 10px;
	margin-bottom:20px
	}

.rt {
	float:right;
	margin-right:28px;
	padding-left: 7px;
	margin-bottom: 15px;
	}
.lt {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:20px;
}

.photo {
	width: 630px;
	height: 300px;
}

ul {
margin-top:0px;
}

li, ol {
margin: 2px;
}


a.top_nav:link {
color: #ffffff;
font-size: 8pt;
font-family: Arial, Verdana;
text-decoration: none;
border: none;
}

a.top_nav:visited {
color: #FFFFFF;
font-size: 8pt;
font-family: Arial, Verdana;
text-decoration: none;
border: none;
}

a.top_nav:hover { 
text-decoration: none;
color: #CCCCCC;
border: none;
}

img, div { behavior: url(iepngfix/iepngfix.htc); } /* this gives gif a transparent background in IE6 */

h1 {
	font-family: Garamond, Times New Roman;
	font-size: 16pt;
	color: #15478b;
	font-weight: bolder;
	margin: 0px;
}

h2 {
	font-family: Garamond, Times New Roman;
	font-size: 13pt;
	color: #1d3201;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px; 
}

h3 {
	font-family: Garamond, Times New Roman;
	font-size: 13pt;
	color: #15478b;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom:5px
}

h4 {
	font-family: Arial;
	font-size: 10pt;
	color: #744e20;
	font-weight: bolder;
}

p {
	margin-top: -3px;
	margin-left: 10px;
	margin-right: 10px;
	line-height:12.5pt;
	text-indent: 7px;
}

.quote {
	text-indent: 15px;
	font-size: 13pt;
	font-family: Garamond, Times New Roman;
	color: #1d3201;
	font-style: italic;
	margin-bottom: 37px;
	margin-top: -10px;
}

.calendar_table {
	border-color: #744e20;
	width: 96%;
	align: center;
	border-collapse: separate;
	border-style: solid;
}