/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	/*background-color: #cecfa3;*/
	background-color:#4e7295;

}


#wrapper {
	width:840px;
	padding:0 0px 0px 0px;
	margin: 0 auto 0px auto;
	height:auto;
	background-image:url(../images/rope.jpg);
	background-repeat:repeat-y;


}

#stnav {
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

#content {
	clear:both;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:-2px;
	color:#264a6e;
	line-height:1.6em;
	background-color:#FFF;
	width:760px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#banner {
	text-align:center;
	padding:5px 0 5px 0;
	margin-left:auto;
	margin-right:auto;

}
#welcomeline {
	/*color:#006400;*/
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	line-height:normal;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	width:780px;
	font-weight:bold;
	margin-top:5px;
}
div#welcomeline a:link {
	color:#CCCCCC;
	}
div#welcomeline a:hover {
	color:#6bb272;
	}
	
#indexrightcol {
	float:right;
	width:250px;
	border:1px dotted #849028;
	padding:8px;
	margin-left:15px;
	background-color:#dff7df;
	line-height:1.2em;
}	
	
a:link {
	color:#990000;
	text-decoration:none;
}
a:visited {
	color:#990000;
	text-decoration:none;
}
a:hover {
	color:#6bb272;
	text-decoration:none;
}
a:active {
	color:#558555;
}
h1, h2, h3, h4 {
	color:#337933;
	line-height:1.2em;
}

/*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:#990000;
	background-color:#FFFFFF;
}

#stnav {
	margin-left:auto;
	margin-right:auto;
	width:700px;

}


/*NAVIGATION---------------------------------------------------------*/
div#nav a:link {
	color:#FFF;
	text-decoration:none;
}
div#nav a:visited {
	color:#a5b557;
	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:10px 0 5px -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 38px;
	padding:0 0 0 0;
	/*border:#FFCCFF 1px solid;*/
}
div#nav li {
	position:relative;
	list-style:none;
	margin:0 0px -5px 0px;
	float:left;
	text-align:left;
	padding: 0px 0px 0px 2px;	
		/*padding: 0px 0px 0px 2px;	*/
	font-size:13px;
	white-space:nowrap;
	width:130px;
	text-align:center;
	font-weight:bold;
	}

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


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


div#navtop li.submenu {
}
div#navtop li.submenu:hover {
}
div#navtop li a {
	display: block; 
	padding: 0.15em 0 0.15em 0.5em;
  	text-decoration: none; 
	width: 7.5em;
}
div#navtop>ul a {
	width: auto;
	background-color:#FFFFFF;
}
div#navtop ul ul {
	position: absolute; 
	width: 7.5em;
    display: none;
}
div#navtop ul ul li {

}
div#navtop li.submenu li.submenu {
	background-image: url(../../css/2007/submenu.gif);
}
div#navtop ul.level1 li.submenu:hover ul.level2, 
div#navtop ul.level2 li.submenu:hover ul.level3 {
	display:block;
}
div#navtop ul.level2 {
	top: 1.5em; left: -1px; 
	margin-top: 2px;
}
div#navtop ul.level3 {
	top: -1px; left: 7em;
}

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



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:200px;
	margin-right:20px;
	color:#000000;
	border-right:#0066CC 1px dotted;
	float:left;
}
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:14px;
	font-weight:bold;
}
.accentcolor {
	color:#CC6600;
}
#footer {
	clear:both;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	/*border-top:thin solid #D4D9C9;*/
	line-height:normal;
	border-top:1px solid #849138;
	/*background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;*/
	background-color:#4e7295;
	color:#FFFFFF;
	
}

.footer {
	font-size:11px;
	margin-top:0px;
}
div#footer a:link {
	color:#bfbbbb;
	text-decoration:none;
	}
div#footer a:visited {
	color:#bfbbbb;
	text-decoration:none;
	}
div#footer a:hover {
	color:#6bb272;
	text-decoration:none;
	}
div#footer a:active {
	color:#bfbbbb;
	text-decoration:none;
	}




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:250px;
	background-color:#faf1cd;
	border:1px dotted #849028;
	padding:5px 10px 5px 10px;
	margin-left:25px;
	margin-bottom:10px;
	line-height:normal;
}
#aboutrightcol2 {
	float:right;
	width:108px;
	background-color:#FFF;
	border:1px solid #eadeac;
	padding:5px 10px 5px 10px;
	margin-left:25px;
	margin-bottom:10px;
	margin-top:0px;
	line-height:normal;
}
.beachres {
	color:#993300;
	line-height:normal;
}
.quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:110%;
	color:#000000;
}


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

}
#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:200px;
	float:right;
	margin-right:10px;
	margin-left:10px;
	font-weight:bold;
	
	}
.bluetype {
	color:#006699;
}

.greentype {
	color:#337933;
}
.redtype {
	color:#990000;
}
.tablenumbers {
	font-size:10px;
}
#calendartable {
	float:right;
	width:200px;
	background-color:#E2DCC2;
	border:1px dotted #849028;
	padding:5px 10px 5px 10px;
	margin-left:25px;
	margin-bottom:10px;
	line-height:normal;
}
#thanksboxright {
	float:right;
	width:250px;
	border:1px solid #34561b;
	padding:8px;
	margin-left:15px;
	background-color:#dff7df;
	line-height:1.5em;
	font-size:90%;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}
#halfrightcol {
	width:50%;
	float:right;
	margin-left:20px;
	padding:0;
}
#aboutrightbox {
	float:right;
	width:144px;
	background-color:#faf1cd;
	border:1px dotted #849028;
	padding:5px 10px 5px 10px;
	margin-left:25px;
	margin-bottom:10px;
	line-height:normal;
}
#homepageleft {
	width:400px;
	padding:5px 10px 5px 10px;
	background-color:#FFFFCC;
	margin-right:10px;
}
#beachres {
	background-color:#FFF;
	padding:2px 2px 2px 2px;
	border:1px dotted #009933;
}
#emailblast {
	background-color:#FFFFCC;
	padding:2px 2px 2px 2px;
	border:1px dotted #009933;
}
#actingpres {
	float:right;
	width:350px;
	padding:0 10px 10px 10px;
	margin-left:10px;
	font-size:90%;
	line-height:normal;
}
.purpletype {
	color:#660066;
}
#elect-proc {
	padding:5px;
	background-color:#E0EAEB;
}
.blacktype {
	color:#000;
}
#obit {
	background-color:#000000;
	padding:15px;
	color:#FFFFCC;
}
#rightcolsnow {
	width:200px;
	background-color:#D6E0DF;
	padding:3px 5px 3px 5px;
	margin-left:10px;
	margin-right:10px;
	float:right;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:12x;
	
}
#rightcolsclear {
	width:200px;
	background-color:#FFFFFF;
	padding:3px 5px 3px 5px;
	margin-left:10px;
	margin-right:10px;
	float:right;
	font-size:12x;
	background-color:#CCFFCC;
	
}