/* basic elements */

html {
	margin: 0;
	padding: 0;
	}


body {
	background: #000;
	padding-top: 10px;
	height: 100%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
.MidBtnBGColor {
	background-color: #FFF;
}
.MidBtnPadding {
	padding-top: 15px;
	margin: 0px;
}


p {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: justify;
	}
.MidButton2 p {
	text-align: left;
}
.MidButton1 p {
	text-align: left;
}
.MidButton3 p {
	text-align: left;
}

#GreenCouncil {
	margin-right: 15px;
	margin-left: 15px;
	border-top-width: thick;
	border-right-width: thin;
	border-bottom-width: thick;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: 15px;
	margin-top: 25px;
	clear: both;
	padding: 10px;
}
#MidButtons #MainContent .MainContentPadding img {
	padding-left: 10px;
	padding-bottom: 15px;
}



h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
.GreenCouncilText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
}
#BottomCorners {
	background-image: url(CEimages/BtmCorners.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}
.AboutNamesText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #737373;
	font-weight: bold;
}
.AboutImagePadding {
	padding-right: 10px;
}
.AboutRightCol img {
	padding-right: 8px;
	padding-bottom: 0px;
}



#footer {
	background-color: #2EA277;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #0994E5;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #0994E5;
	margin-top: 15px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	height: 75px;
	padding: 0px;
	margin-bottom: 15px;
}
.FooterPadding {
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#footer a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
}
#footer a:hover {
	color: #505050;
}
#footer p {
	color: #FFF;
}


a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #504E4E;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #504E4E ;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #0199DF ;
	}


/* specific divs */

#container {
	width: 833px;
	padding: 0;
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	}
	


#intro {
	min-width: 470px;
	padding: 0px;
	}
	

#PageHeader h1 {
	margin-left: 40px;
	margin-top: 5px;
	width: 244px;
	height: 95px;
	float: left;
	background-color: transparent;
	background-image: url(CEimages/CE_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#PageHeader h1 span {
	display:none
	}
#PageHeader h2 { 
	font-family:Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	color: #696868 ;
	padding-right: 20px ;
	float: right;
	}
#PageHeader h2 span {
	display:none
	}
#PageHeader {
	padding-top: 20px;
}



#NavMenu {
	text-align:right;
	padding-top: 45px;
	padding-right: 15px;
	padding-bottom: 10px;
}


#NavMenu ul{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 14px ;
	color:#504e4e ;
	font-weight: bold ;	
}

#NavMenu li{
	list-style: none;
	display: inline;
	padding-right: 10px ;
}

a.rollover {
	list-style: none;
	display: inline;
}

a.rollover:hover {
	list-style: none;
	display: inline;
	padding-bottom: 10px;
	background-image: url(CEimages/CE_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.CurrentPage {
	list-style: none;
	display: inline;
	padding-bottom: 10px;
	background-image: url(CEimages/CE_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


#box
	{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	padding: 0;
	text-align: left;
	width: 845px;				/* <-- use this for a set width */
	background-color: #EEEEEE;
	;
	}
 	
#content
	{
	padding:3em;
	}

#content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(CEimages/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(CEimages/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(CEimages/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(CEimages/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(CEimages/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(CEimages/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(CEimages/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(CEimages/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
		
.MainImage {
	background-position: 0% 0%;
	margin-left: 1px;
	float: left;
	height: 257px;
	width: 626px;
}
.SideMenu ul {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	list-style-type: square;
	color: #FFF;
	list-style-position: outside;
	list-style-image: url(CEimages/CE_WhiteArrow.gif);
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 25px;
	line-height: 2em;
}

.SideMenu {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(CEimages/SideMenuBGImage.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 207px;
	background-color: #87C9B1;
	height: 257px;
}
.h1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #6B6B6B;
	font-weight: bold;
	font-size: 14px;
}

.SideMenu ul li a {
	color: #FFF;
}
.SideMenu ul li a:hover {
	color: #505050;
}
.FooterLeft {
	width: 50%;
	float: left;
}
.FooterRight {
	float: right;
	width: 30%;
	padding: 0px;
	margin: 0px;
	text-align: right;
}


#MidButtons {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	clear: both;
	float: left;
	top: 0px;
	padding: 0px;
}

.MidButton1 {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	background-image: url(CEimages/CornerTopLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
	margin-top: 0px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
	width: 182px;
	float: left;
	height: 125px;
}
.MidButton3 {
	float: left;
	width: 200px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFF;
	height: 125px;
}

.MidButton2 {
	float: left;
	background-color: #FFF;
	width: 174px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
	height: 125px;
}
.MidButton4 {
	float: left;
	width: 198px;
	background-color: #0994E5;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(CEimages/CornerTopRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
	clear: right;
	height: 125px;
}
#MainContent {
	background-color: #FFF;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
#TopCorners {
	clear: both;
	background-image: url(CEimages/TopCorners.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
}
.PageHeadingText {
	font-family: Verdana, Geneva, sans-serif;
	color: #0994E5;
	font-size: 16px;
	font-weight: bold;
}

#MidButtonsBtmLeftCorner {
	float: left;
	background-image: url(CEimages/MidButtonBottomCorners.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#MidButtonsBtmRightCorner {
	float: right;
	width: 200px;
	background-image: url(CEimages/MidButtonRightCorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #0994E5;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#MainContent h1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #0994e5;
	font-size: 16px;
	font-weight: bold;
}
#MainSection {
	background-color: #FFF;
	margin-top: 15px;
}




.MidBtnBtmLeftCorner {
	background-image: url(CEimages/CornerBtmLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
	margin: 0px;
	height: 8px;
	padding: 0px;
}

#MidButtons .h1 {
	color: #6E6E6E;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-variant: small-caps;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
.MainContentPadding {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
}
.HeadlineText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #505050;
}
.SubHeadlineText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #505050;
}



#TopMain {
	width: 840px;
	background-color: #000;
	clear: both;
	padding: 0px;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.AboutLeftCol {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	width: 360px;
	float: left;
}
.AboutRightCol {
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 15px;
	width: 410px;
	float: left;
}
#MainContentAbout {
	background-color: #FFF;
	clear: both;
	width: 100%;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.SideMenuCurrent {
	background-color: #0994E5;
	padding: 0px;
}
#MainContent .MainContentPadding li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
}
.bold {
	font-weight: bold;
}