/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#393737;
	behavior: url(../csshover.htc);
	background-color: #CCE956;
	background-image:url(../images/bg-gradient.gif);
	background-repeat:repeat;
}


#wrapper {
	width:800px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:00px;
	height:auto;
	border:1px solid  #ccff42;
	/*background-color:#FFFFFF;
	background-image:url(images/bg-gradient.jpg);
	background-repeat:repeat-y;*/
	border:#336699 1px solid;
	}
#banner {
	text-align:center;
	margin:0 auto 0px auto;
	background-color:#FFFFFF;
}
a:link {
	color:#BD0000;
	text-decoration:none;
}
a:visited {
	color:#E84F4F;
	text-decoration:none;
}
a:hover {
	color:#4C7013;
	text-decoration:none;
}
a:active {
	color:#D1A91C;
}
h1, h2, h3, h4 {
	color:#4C7013;
	line-height:1.1em;
}


/*
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 {
	clear:both;
	float:left;
	margin-top:0px;
	margin-bottom:0;
	margin-left:20px;
	padding: 0 0px 0 0px;

}
div#nav a {
	display:block;
	float:left;
	padding: 5px 0px 10px 0px;
	text-decoration:none; 
	font-weight:bold;
	font-size:12px;

}
div#nav a:hover {
	color:#006699;


}

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;
}
div#nav li {
	position:relative;
	list-style:none;
	margin:0 0px 0 0px;
	float:left;
	padding: 0px 0px 0px 0px;	
	line-height:15px;
	white-space:nowrap;
	width:95px;
	text-align:center;
	/*background-color:#CCE956;*/
}

/*styles to create on-state*/ 
#home #nav-home a, 
#ideas #nav-ideas a, 
#resources #nav-resources a, 
#calendar #nav-calendar a, 
#about #nav-about a, 
#news #nav-news a, 
#participate #nav-participate a, 
#shop #nav-shop a
{
/*background-color:#F26B49;
color:#666666;*/
background-color:#FFF;
color:#b9060a;
}
/* declarations to style the hover effect of the current state */
#home #nav-home a:hover, 
#ideas #nav-ideas  a:hover, 
#resources #nav-resources a:hover, 
#calendar #nav-calendar a:hover, 
#about #nav-about a:hover, 
#news #nav-news a:hover, 
#participate #nav-participate a:hover,
#shop #nav-shop a:hover {
background-color:#FFF;
color:#b9060a;
}

/*END NAVIGATION--------------------------------------------------*/

#content {
	clear:both;
	text-align:left;
	padding:12px;
	line-height:1.5em;
	font-size:11px;
	margin:0px auto 0 auto;
	width:776px;
	background-color:#FFFFFF;
}
#content-index {
	font-size:12px;
	margin-top:0px;
}
div#content2 {
	text-align:left;
	padding:10px;
	color:#000;
	line-height:1.5em;
	font-size:14px;
	background-color:#FFFFFF;
}

/*#pagetitle {
	margin-top:8px;
	padding: 0px 10px 0px 0px;
	font-size:150%;
	text-align:left;
	float:left;
	width:740px;
	height:40px;
	background-color:#FFF;
	font-weight:bold;
	text-decoration:none;
	
}*/

#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;
}

div#spi {
	font-variant:small-caps;
	padding-top:0px;
	font-weight:bold;
	margin-top:-8px;
}
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:14px;
	font-weight:bold;
}
.redtype {
	color:#B30005;
}
.greentype {
	color:#4C7013;
}
.greentypebig {
	color:#4C7013;
	font-size:15px;
	font-variant:small-caps;
	letter-spacing:.1em;
	font-style:italic;
}
#footer {
	clear:both;
	text-align:center;
	line-height:normal;
	padding-top:5px;
	border-top:1px solid #CCE956;
	height:auto;
	font-size:90%;
}
.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;
}
.calgreentype {
	color:#5B9508;
	font-size:120%;
	font-weight:bold;
}
.bluetype {
	color:#134A9E;
}
div#resourcetags {
	text-align:left;
	margin-left:0px;
	margin-top:8px;
	padding-bottom:2px;
	font-size:11px;
}
.calitem {
	padding-bottom:4px;
	border-bottom:1px solid #CCE956;
}
.resourcessubs {
	font-size:11px;
}
div#greendrinksbox {
	float:left;
	background-color:#FFF;
	width:200px;
	margin-right:20px;
	margin-top:10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
div#greendrinks {

	/*border:#32A129 1px solid;*/
	padding:0px 5px 5px 5px;
	background-color:#CFE859;
	background-color:#FFF;
	font-size:100%;
	width:200px;
	margin-right:20px;
}
div#newsflash {
	background-color:#FFF;
	line-height:normal;
	padding:5px;
		/*border-left:1px solid #2F982F;
			border-bottom:1px solid #2F982F;
				border-right:1px solid #2F982F;*/
	width:110px;
	float:left;
	margin-right:20px;
		text-align:center;
	font-size:10px;
}
.greendrinksstyle {
	font-style:italic;
	font-weight:bold;
	color:#2F982F;
	line-height:normal;
	font-variant:small-caps;
	font-size:120%;
}
.ideaitem {
	padding-bottom:10px;
	border-bottom:1px dotted #81AEF9;
	font-weight:normal;
}
div#greendrinksright {
	float:right;
	width:344px;
	border:#CFE859 3px solid;
	padding:8px 8px 8px 8px;
	background-color:#FFF;
	margin-left:20px;
	margin-bottom:5px;
	margin-top:20px;
}
div#greendrinksrightsponsor {
	float:right;
	width:300px;
	border:#CFE859 3px solid;
	padding:8px 8px 8px 8px;
	background-color:#FFF;
	margin-left:20px;
	margin-bottom:5px;
	margin-top:10px;
	color:#006666;
}

div#calendarright {
	float:right;
	width:170px;
	border-top:#CCE956 1px solid;
	border-right:#CCE956 1px solid;
	border-left:#CCE956 1px solid;
	padding:5px 5px 5px 5px;
	background-color:#99CC66;
	margin-left:20px;
	margin-bottom:5px;
}
/*
div#nav li.submenu {
}
div#nav li.submenu:hover {
}
div#nav li a {
	display: block; 
	padding: 0.15em 0 0.15em 0.5em;
  	text-decoration: none; 
	width: 7.5em;
}
div#nav>ul a {
	width: auto;
	background-color:#FFFFFF;
}
div#nav ul ul {
	position: absolute; 
	width: 7.5em;
    display: none;
}
div#nav ul ul li {

}
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 {
	top: 1.5em; left: -1px; 
	margin-top: 2px;
}
div#nav ul.level3 {
	top: -1px; left: 7em;
}
*/
/* end main navigation */

div#newsindent {
	margin-left:25px;
}

.bluetypebig {
	color:#004080;
	font-size:16px;
	font-variant:small-caps;
	letter-spacing:.1em;
	font-style:none;
}
div#newsstorylinks {
	clear:both;
	margin-top:-25px;
	background-color:#E9F0DD;
	padding:10px;
}
div#southriver {
	background:#E8ECFF;
	width:395px;

}
div#announcements {
	margin-left:00px;
	margin-top:00px;
	margin-right:5px;
	padding:8px 10px 10px 10px;


}
#contentrightnews {
	float:right;
	margin-top:0px;
	margin-right:15px;
	margin-left:25px;
	background-color:#EDF3F7;
	padding:10px 8px 8px 8px;
	border-bottom:thin solid #D4D9C9;
	width:250px;
	/*border-right:thin solid #D4D9C9;*/

}
#contentrightfoodie {
	float:right;
	margin-top:0px;
	margin-right:15px;
	margin-left:25px;
	background-color:#FFFFFF
	padding:8px 10px 8px 10px;
	border:thin solid #aebc4f;
	width:350px;
	/*border-right:thin solid #D4D9C9;*/

}
#contentbottomfoodie {
	margin-top:0px;
	margin-right:15px;
	margin-left:15px;
	background-color:#FFFFFF;
	border-top:thin solid #aebc4f;
	border-left:thin solid #aebc4f;
	width:auto;
	padding:8px 20px 8px 20px;
}
#feed {
	width:250px;
	padding: 8px;
	float:right;
	margin-left:20px;
	background-color:#F7FAC0;
}
#newsfeed {
	width:175px;
	padding:3px 12px 12px 12px;
	background-color:#FFFFCC;
	float:right;
	margin-left:12px;
}
#rightcoloindex {
	width:175px;
	padding:12px;
	background-color:#FFFFff;
	float:right;
	margin-left:12px;
}

.emphasis {
	padding:5px;
	background-color:#dee7b8;
	
}
#intro {
	padding:5px 10px 0px 10px;
	font-size:10px;
	line-height:normal;
	margin-bottom:0px;
	/*margin-top:-10px;*/
	color:#165620;
	border-bottom:1px dotted #336699;
	background-color:#3366CC;
	color:#FFFFFF;
	}
#leftcol50percent {
	float:left;
	width:45%;
	margin-right:40px;
	margin-top:-12px;
	padding:0;
}
.photocredit {
	font-size:90%;
	font-style:italic;
	color:#999999;
	font-family:"Times New Roman", Times, serif;
}
#contentrightbio {
	float:right;
	margin-top:0px;
	margin-left:25px;
	background-color:#EDF3F7;
	padding:3px 8px 8px 8px;
	border-bottom:thin solid #D4D9C9;
	border-left:thin solid #D4D9C9;	
	width:300px;
	font-size:85%;
	/*border-right:thin solid #D4D9C9;*/

}
#sustannap {
	float:left;
	width:300px;
	background-color:#FFF;
	border:1px dotted #CC6600;
	padding:3px 5px 3px 5px;
	color:#CC6600;
	margin-right:10px;
}
#sustannap2 {
	float:right;
	width:300px;
	background-color:#FFF;
	border:1px dotted #CC6600;
	padding:3px 5px 3px 5px;
	color:#CC6600;
	margin-left:10px;
	margin-right:15px;
}
#resume {
	padding:10px;
	background-color:#EAF9FF
}
#jobs {
	padding:10px;
	background-color:#F0FFF8;
}
#rightcoleventsp {
	width:175px;
	padding:1px 12px 12px 12px;
	background-color:#FFFFff;
	float:right;
	margin-left:12px;
	border: 1px dotted #006600;
}
#rightcoleventsp2 {
	width:210px;
	padding:1px 12px 12px 12px;
	background-color:#FFFFff;
	float:right;
	margin-left:12px;
	border: 1px dotted #006600;
}
#rightcoleventsp3 {
	width:175px;
	padding:1px 12px 12px 12px;
	background-color:#FFFFff;
	float:left;
	margin-right:12px;
	border: 1px dotted #006600;
}
#rightcolartcorner {
	width:210px;
	padding:1px 12px 12px 12px;
	background-color:#ccdbf6;
	float:right;
	margin-left:12px;
	border: 1px dotted #006600;
}
.blacktype {
	color:#000000;
}
.purpletype {
	color:#990099;
}
#us {
	padding: 2px 8px 3px 11px ;
	background-color:#006699;
	color:#FFFFFF;
	font-size:9px;
	line-height:1.5em;
	width:174px;
}
#cglf {
	padding: 1px 5px 1px 5px;
	background-color:#FFF;
	border: 2px #3980a6 dotted;
}	
#cglf-index {
	background-color:#FFFFFF;
	padding-top:2px;
	padding-right:7px;
	padding-bottom:7px;
	padding-left:7px;
	border: #3980a6 dotted 2px;
	
	}
#gdcb-calendar {
	padding: 1px 5px 1px 5px;
	background-color:#ffffff;
	/*border-top: #660000 1px  double;*/
	border-right: #CCE956 2px  double;
	border-bottom: #CCE956 2px  double;
	border-left: #CCE956 2px  double;
}
#blog {
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	width:220px;
	padding: 3px 10px 3px 10px;
	margin-right:auto;
	margin-left:auto;
}
#blog a {
	color:#FFFFFF;

}
#blog a:hover {
	color:#000000;

}
#blog2 {
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	width:160px;
	padding: 3px 10px 3px 10px;
	margin-right:auto;
	margin-left:auto;
}
#blog2 a {
	color:#FFFFFF;

}
#blog2 a:hover {
	color:#000000;

}
#cog {
	margin-left:15px;
	margin-right:10px;
	font-style:italic;
	font-size:90%;
}