/* CSS Document */

* { margin: 0 0 0 0; border: none; }

a { text-decoration: none; }

body { 
	margin: 0 0 0 0; 
	font-family: Helvetica; 
	font-size: 13px; 
	color: #3366cc; 
	min-width: 900px; 
}


/* Nav */

div#topNavContainer { margin: 0 auto; width: 100%; height: 24px; background: url(../images/top-nav-bg.gif) repeat-x ; }
div#topNav { margin: 0 auto; width: 940px; }

div#topNav ul { text-align: left; width: 312px; height: 24px; float: right; }
div#topNav ul li { 
	float: left; 
	list-style-type: none; 
}
div#topNav ul li a { height: 24px; display: block; text-indent: -9999px; outline: none; }

	div#topNav ul li#home a { background: url(../images/top-nav-ul-bg.png) no-repeat 0 0; width: 104px; }
	div#topNav ul li#home a:hover { background-position: 0 -24px; }
	div#topNav ul li#home a:active { background-position: 0 -48px; }

	div#topNav ul li#map a { background: url(../images/top-nav-ul-bg.png) no-repeat -104px 0; width: 104px; }
	div#topNav ul li#map a:hover { background-position: -104px -24px; }
	div#topNav ul li#map a:active { background-position: -104px -48px; }
	
	div#topNav ul li#contact a { background: url(../images/top-nav-ul-bg.png) no-repeat -208px 0; width: 104px; }
	div#topNav ul li#contact a:hover { background-position: -208px -24px; }
	div#topNav ul li#contact a:active { background-position: -208px -48px; }

div#navContainer { margin: 0 auto; width: 900px; height:96px; background: url(/lib/images/green-technology.png) no-repeat -5px 50px; }
div#navLogo { float: left; margin-top: 57px; }

ul#navLinks { float: right; margin-top: 76px; padding-left:5px;}
ul#navLinks li { float: left; list-style-type: none; padding: 0 6px; border-left: solid 1px #3366cc; }
ul#navLinks li:first-child { padding-left: 0px; border: none; }
ul#navLinks li a,
ul#navLinks li a:visited { outline: none; color: #3366cc; }
ul#navLinks li a:hover { color: #333; }



/* Flash Content */

div#flashContainer { margin: 0 auto; width: 100%; height: 300px; background: url(../images/flashBG.png) no-repeat top; }
div#flashContent { margin: 0 auto; width: 898px; height: 298px; border: solid 1px #ccc; }


/* Main Content */

div#mainContentContainer { margin: 0 auto; width: 100%; background: url(../images/mainContent-bg.png) no-repeat top; }
div#mainContent { margin: 0 auto; width: 900px; background: transparent; }

div#subNavContainer { float: left; }
div#subNavContainer h1 { padding: 0 0 0 40px; margin: 40px 0 10px 0; font-family: Helvetica; font-size: 18px; font-weight: bold; color: #3366cc; }
ul#subNav { text-align: left; width: 220px; margin:0; padding:0; }
	ul#subNav li { list-style-type: none; }
	ul#subNav li a,
	ul#subNav li a:visited { font-family: Helvetica; font-size: 13px; color: #666; background: url(../images/sub-nav-divider.png) no-repeat top; display: block; height: 48px; line-height: 48px; padding: 0 0 0 40px; }
	ul#subNav li a:hover { color: #3366cc; }
	ul#subNav li a:active { color: #000; }
	ul#subNav li:first-child a { background: transparent; }

div#contentArea { float: left; width: 600px; padding: 38px 40px 40px; }
div#contentArea h1 { font-family: Helvetica; font-size: 18px; color: #3366cc; margin-bottom: 10px; }
div#contentArea h2 { font-size:12px; color: #333; padding: 10px 0px; }
div#contentArea p { color:#444; margin-bottom: 10px; text-align: justify; }
div#contentArea ul { color:#444; margin-bottom: 10px; }

ul#fieldResults { width: 500px; list-style-type: none; display: block; padding: 0; }
	ul#fieldResults li { width: 208px; float: left; border: solid 1px #ddd; padding: 9px 20px; }
	
div#contactFormArea input { border: solid 1px #ccc; width: 200px; height: 21px; margin-bottom: 5px; font: 14px/21px Helvetica, Arial, sans-serif; color: #555; }
div#contactFormArea textarea { border: solid 1px #ccc; width: 200px; height: 72px; float: left; margin-bottom: 5px; font: 12px/21px Helvetica, Arial, sans-serif; color: #555; }
div#contactFormArea label { width: 180px; float: left; font: 12px/21px Helvetica, Arial, sans-serif; color: #3366cc; }


/* Homepage Features */

div#featuresContainer { margin: 0 auto; width: 100%; }
div#featuresContent { margin: 0 auto; width: 900px; margin-top: 15px; }
div.homeFeature { float: left; width: 260px; height: 145px; background: url(../images/home-features-bg.png) repeat-x 0 0; margin-right: 15px; border: solid 1px #ccc; padding: 14px; }
div.homeFeature h1 { font-family: Helvetica; font-size: 16px; color: #0066cc; }
div.homeFeature p { font-family: Helvetica; font-size: 11px; line-height: 16px; color: #444; margin-top: 5px; float: left; clear: left; width: 170px; }
div.homeFeature .featImage { clear: right; float: right; margin-top: 8px; }
div.homeFeature a.learnMore { font-family: Helvetica; font-size: 10px; font-weight: bold; color: #0066cc; text-transform: uppercase; }
div.homeFeature a.learnMore:hover { color: #0033aa; }
div.homeFeature a.learnMore:active { color: #111; }

table#Table_01 {
	width: 899px;
	height: 298px;
	
}


/* Footer */

div#footerContainer { margin: 0 auto; width: 100%; }
div#footerContent { margin: 0 auto; width: 900px; margin-top: 17px; font-size: 11px; color: #0066cc; line-height: 16px; }
div#footerContent ul { float: left; padding: 0px; }
div#footerContent ul li { list-style-type: none; float: left; padding: 0 7px; border-left: solid 1px #0066cc; font-size: 11px; }
div#footerContent ul li:first-child { padding-left: 0px; border: none; }
div#footerContent ul li a,
div#footerContent ul li a:visited { font-size: 11px; color: #0066cc; }
div#footerContent ul li a:hover { text-decoration: underline; }
div#footerContent ul li a:active { color: #444; }

ul.linksUL a,
ul.linksUL a:link,
ul.linksUL a:visited { color: #333; }
ul.linksUL a:hover { color: #3366cc; }
ul.linksUL a:active { color: #191919; }


/* Miscellaneous */

.clearB { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.floatL { float: left; }
.floatR { float: right; }