/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	/*background-color: #cecfa3;*/
	background-color:#FFFFFF;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
}


#wrapper {
	width:800px;
	padding:0 10px 5px 10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	/*border:1px #FFF solid;*/
	border:1px solid #C2CBEB;
	height:auto;
}
#banner {
	text-align:center;
	padding:5px 0 5px 0;
	width:780px;
	margin-left:auto;
	margin-right:auto;

}
a:link {
	color:#1e51ef;
	text-decoration:none;
}
a:visited {
	color:#1e51ef;
	text-decoration:none;
}
a:hover {
	color:#9ba8d3;
	text-decoration:none;
}
a:active {
	color:#1e51ef;
}
h1, h2, h3, h4 {
	color:#fe434e;
	/*padding-bottom:10px;*/
	line-height:105%;
}

/*styles for current state. Each page must have the id in the body tag*/
#index #nav-index a, #calendar #nav-calendar a, #aboutaotb #nav-aboutaotb a, #aboutassoc #nav-aboutassoc a, 
#documents #nav-documents a, #links #nav-links a, #environ #nav-environ a{
	color:#354e71;
	background-color:#FFF;
}

div#tagline {
	clear:both;
	color:#FFFFFF;
	font-size:20px;
	font-weight:100;
	letter-spacing:.2em;
	padding-top:20px;
	padding-bottom:5px;
	text-align:center;
	width:760px;
}


/*NAVIGATION---------------------------------------------------------*/
div#nav a:link {
	color:#FFF;
	text-decoration:none;
}
div#nav a:visited {
	color:#FFF;
	text-decoration:none;
}
div#nav a:hover {
	color:#f9dc64;
	text-decoration:none;
}
div#nav a:active {
	color:#354e71;
}
div#nav {
	clear:both;
	float:left;
	margin:0px 0 0 10px;
	text-align:left;
	padding: 0 0px 0 0px;
}
div#nav a {
	display:block;
	float:left;
	padding: 4px  0px 8px 0px;
	text-decoration:none; 

	/*background-color:#a5b557;
	background-color:#354e71;*/
	}

html>body 	#nav a {width:auto;} /* fixes IE6 hack */
	/* Commented Backslash hack hides rule form IE5-Mac \*/
div#nav a { 
	float: none;} /*end IE5-Mac hack */
	
div#nav ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:780px;
}
div#nav li {
	position:relative;
	list-style:none;
	margin:0 0px 0 0px;
	float:left;
	text-align:left;
	padding: 0px 0px 0px 2px;	
		/*padding: 0px 0px 0px 2px;	*/
	font-size:11px;
	line-height:14px;
	white-space:nowrap;
	width:109px;
	text-align:center;
	font-weight:bold;
	}

/* end main navigation---------------------------------------------------------- */


/*second level navigation--------------------------------------------------*/


div#nav li.submenu {
}

div#nav ul ul {
	margin-left:32px;
	list-style:none;

}
div#nav li.submenu {
	display:block;
	color:#00CC00;
	background-color:#FF3399;
		position:relative;
	list-style:none;
	float:left;
	text-align:left;
	padding: 0px 0px 0px 3px;	
	font-size:11px;
	line-height:11px;
	white-space:nowrap;
	width:100px;
}
div#nav li.submenu:hover {
	background-color:#FFF;
}
div#nav li.submenu li.submenu {

}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 
{
	display:block;
}
div#nav ul.level2 {

}
div#nav ul.level3 {

}

/*END second level navigation--------------------------------------------------*/


#content {
	clear:both;
	text-align:left;
	padding: 15px 10px 10px;
	color:#000000;
	line-height:1.6em;
	font-size:14px;
	margin:0px auto 0 auto;
	width:755px;
	background-color:#FFFFFF;

}
div#content2 {
	clear:both;
	text-align:left;
	padding:10px;
	color:#000;
	line-height:1.5em;
	font-size:14px;
	background-color:#FFFFFF;
}

#pagetitle {
	padding-top:10px;
	font-size:150%;
	width:300px;
}
.pagetitle {
	font-size:150%;
}
#intro {
	padding-bottom:10px;
	border-bottom:thin solid #D4D9C9;
}
#contentleft {
	clear:both;
	float:left;
	width:545px;
	margin-left:0;
	
}
#contentright {
	float:inherit;
	position:relative;
	margin-left:180px;
	margin-top:0px;
	background-color:#EDF3F7;
	padding:10px 8px 8px 8px;
	border-bottom:thin solid #D4D9C9;
	/*border-right:thin solid #D4D9C9;*/
	width:450px;
}
.announcements {
	font-variant:small-caps;
	font-weight:bold;
	font-size:120%;
	letter-spacing:.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#EE820B;

}

#nav2 {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	white-space:nowrap;
	padding-top:10px;
}
#nav2 a {
	padding-right:20px;
	font-size:100%;
}
#nav2 ul {
	
}
#nav2 li {
	float:left;
	text-align:center;
	padding-right: 10px;
	padding-top:5px;
}
#ecacontact {
	clear:both;
	margin-top:17px;
	letter-spacing:2px;
}

.spi {
	font-size:85%;
	font-weight:bold;
}
div#leftcol {
	width:300px;
	background-color:#CC3399;
	margin-left:0;
}
div#rightcol {
	width:400px;
	background-color:#CC3399;
	margin-left:300px;
}
div#emphasis {
	color:#333333;
}
div#eyclogo {
	float:left;
	margin-top:-90px;
	margin-left:20px;
	padding:0;
}
.dates {
	color:#FE434E;
	font-size:15px;
	font-weight:bold;
}
.accentcolor {
	color:#FDD158;
}
#footer {
	clear:both;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*border-top:thin solid #D4D9C9;*/
	line-height:normal;
	padding-top:10px;
	border-top:1px solid #849138;
	height:230px;
	background-color:#FFFFFF;
}
.footer {
	font-size:130%;
}
div#addressleft {
	float:left;
	margin: 0px 0 0 10px;
	text-align:left;
}
div#addressright {
	float:right;
	margin: 0 10px 0 0px;
	text-align:right;
}
div#submitbutton {
	margin-left:30px;
}
#aboutrightcol {
	float:right;
	width:300px;
	background-color:#CECFA3;
	border:1px dotted #849028;
	padding:20px 10px 20px 10px;
	margin-left:25px;
	margin-bottom:25px;
}
#aboutrightcol2 {
	float:right;
	width:300px;
	background-color:#CECFA3;
	border:1px dotted #849028;
	padding:20px 10px 20px 10px;
	margin-left:25px;
	margin-bottom:70px;
	margin-top:0px;
}
.quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:110%;
	color:#000000;
}
#indexrightcol {
	float:right;
	width:250px;
	border:1px dotted #849028;
	padding:5px 10px 5px 10px;
	margin-left:15px;
	background-color:#fae2a2;
	margin-bottom:20px;
}

#classesrightcol {
	float:right;
	width:250px;
	background-color:#CECFA3;
	border:1px dotted #849028;
	padding:10px;
	margin-left:15px;
}
#indexleftcol {
	float:left;
	width:250px;
	background-color:#CECFA3;
	border:1px dotted #849028;
	padding:10px;
	margin-left:15px;
}

#indexbottom {
	float:none;
	width:700px;
	background-color:#CECFA3;
	border:1px dotted #849028;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}

#monthcal {
	width:420px;
	float:right;
	margin-right:10px;
	margin-left:10px;
	font-weight:bold;
	
	}
.greenaccent {
	color:#565f2d;
}
.intrograph {
	margin-left:10px;
	margin-right:10px;
	color:#FDD158;
	margin-top:-4px;
}
.caption {
	font-size:11px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	color:#666666;
}
.blacktype {
	color:#000000;
}
.greytype {
	color:#666666;
}
.purpletype {
	color:#660033;
}
.bluetype {
	color:#006699;
}
.piergreentype {
	color:#009900;
	size:16px;
	font-weight:bold;
}
#indexboxhighlight {
	width:90%;
	padding:5px;
	background-color:#B9CE77;
	color:#333333;
	font-size:13px;
	margin-left:auto;
	margin-right:auto;
}
.orangetype {
	color:#FF3300;
}
.bg {
	padding:3px;
	background-color:#FFFFFF;
	}
.bigtype {
	font-size:120%;
	}
#windfestpics {
	width:144px;
	margin-left:30px;
	float:right;
}
#rightcol2 {
	width:200px;
	background-color:#FFFFCC;
	margin-left:10px;
	padding-left:5px;
	padding-right:5px;
	float:right;
}

.redtype {
	color:#FF0000;
}