/*  Above Green Master CSS  */

*{
padding: 0;
margin: 0;
}

/* Universal Styles */
html, 
body { 
	font: normal 13px arial ; 
	color: #90b5d7 ; 
	line-height: 22px ; 
	background: #0b4711;
	text-align: left ;
}

p { 
	margin: 0 0 20px 0 ; 
}

p strong { 
	color: #fff;
}


h1 { 
	font: bold 24px arial ; 
	letter-spacing: -1px;
	color: #fff; 
	margin: 0 0 18px 0 ;
}

h2 { 
	font: normal 18px arial ;
	color: #f8cc23 ; 
	margin: 0 -30px 18px -30px ;
	background: url(../media/bg_h2.png) no-repeat ;
	padding: 18px 30px 0 30px;
	clear: left;
}

h2 span {
	font: normal 12px arial;
	color: #90b5d7;
	padding-left: 10px;
}


a, 
a:visited { 
	color: #fff; 
	text-decoration: none ; 
}

a:hover { 
	color: #f8cc23;;
	text-decoration: none ;
}

a:focus {
	outline:none
}

/* Structural Elements */

#top { 
	position:relative ; 
	width: 100% ; 
	height: 24px;
	z-index:1 ; 
	text-align: center ; 
	background: transparent url(../media/bg_top.gif) repeat-x ; 
	clear: both ;
	margin-bottom: -14px;
}

#middle { 
	position:relative ; 
	width: 100% ; 
	z-index:0 ; 
	text-align: center ; 
	background: #0b4711 url(../media/bg-middle.gif) repeat-x top ; 
	clear: both ;
}

#middle #background { 
	position: relative ; 
	width: 100% ; 
	margin: auto ; 
	z-index:0 ; 
	text-align: left ;
	background: transparent url(../media/bg-image.jpg) no-repeat center top;
	padding-bottom: 30px;
}

#footer { 
	position:relative ; 
	width: 100% ; 
	height: 71px ; 
	z-index:1 ; 
	text-align: center ; 
	background: transparent url(../media/footer-bg.png) repeat-x ; 
	clear: both ;
	margin: 20px 0 10px 0;
	font: bold 10px verdana;
	text-transform: uppercase;
	overflow: hidden;
}


.container { 
	position:relative ; 
	width: 900px ; 
	margin: auto ; 
	z-index:0 ; 
	text-align: left ;
}

#clear {
	clear: both;
	height: 20px;
	margin: -10px 0;
}


/* Unique Elements */
#logo { 
float: left;
margin: 32px 0 0 1px;
height: 127px ;
width: 163px;
background: url(../media/logo.png);
}

#logo a { 
display: block;
height: 127px ;
width: 163px;
}

#logo:hover{ 
	opacity: .6;
	filter: alpha(opacity=60);
}

#mainNav { 
	float: right;
	margin: 34px 0 12px 0;
	width: 690px;
	height: 34px;
}

#banner {
	position: relative;
	width: 690px;
	height: 96px;
	background: transparent url(../media/banner.jpg) no-repeat 0px 0px;
	margin: 0 0 7px 0;
}

#banner h1 { 
	padding: 32px 0 0 30px ;
	margin: 0;
}


#footer .bottomLinks,
#footer .copyright {
	float: left;
	margin-right: 30px;
	padding-top: 18px;
}

#footer .bottomLinks{
	margin: 0;
}

#footer .copyright {
	width: 209px;
}

#footer ul {
	margin: 0 0 12px 0;
	padding: 0;
}

#footer li {
	background: transparent;
	margin: 0 30px 12px 0;
	padding: 0;
	color: #fff;
	font: bold 10px verdana;
	text-transform: uppercase;
}

#footer .bottomLinks li {
	display: inline;
}

#footer a,
#footer a:visited {
	clear: left;
	color: #fff;
	font: bold 10px verdana;
	text-transform: uppercase;
}

#footer a:hover{
	color: #75ca7b;
}

#footer a.small,
#footer a.small:visited {
	font: normal 11px verdana;
	text-transform: none;
	color: #75ca7b;
}

#footer a.small:hover {
	font: normal 11px verdana;
	text-transform: none;
	color: #fff;
}

a#day,
a#day:visited,
a#night,
a#night:visited {
	display: none; 
	width: 139px;
	height: 24px;
	line-height: 24px;
	font-size: 0px;
	text-indent: -5000px;
	background: url(../media/viewDay.gif) no-repeat left top;
	padding: 0;
	margin-left: 20px;
	border: 0;
}

a#night,
a#night:visited {
	width: 176px;
	display: block; 
	background: url(../media/viewNight.gif) no-repeat left top;
	margin-left: 0;
}

a#feeSchedule,
a#feeSchedule:visited {
	position: absolute;
	bottom: 0px;
	left: 30px;
	width: 104px;
	height: 21px;
	line-height: 21px;
	font-size: 0px;
	text-indent: -5000px;
	background: url(../media/feeSchedule.gif) no-repeat left top;
	padding: 0;
	border: 0;
}


/*.buttonMore a:hover {
text-decoration: none ;
background-position: 0px -40px;
border: 0;
}*/


/* Forms */


form {
	margin: 0;
	padding: 0;
}


.fieldName {
	width: 220px;
	font: bold 12px arial;
	color: #fff;
	margin: 0 0 4px 5px;
	border: 0;
	clear: both;
	padding: 0;
}

.fieldName span {
	padding-left: 5px;
	font: bold 10px arial;
	color: #90b5d7 ; 
	text-transform: uppercase;
}


.formField {
background: #01172e;
padding: 5px 5px 4px 5px;
margin: 0px 0px 15px 0px;
border: 0;
border-bottom: 1px solid #1f3d71;
clear: both;
font: normal 13px arial ; 
line-height: 20px;
color: #90b5d7 ; 
}


.clear {
	clear: both;
	height: 20px;
	margin: -10px 0px;
}


#contentCol {
	width: 690px;
	float: right;
	clear: none;
}

#contentCol .box {
	display: block;
	padding: 25px 30px 1px 30px;
	background: transparent url(../media/box-bg.png) no-repeat;
}

#contentCol .boxBottom {
	display: block;
	height: 10px;
	background: transparent url(../media/box-bg-bottom.png) no-repeat;
}

#subnavCol {
	padding: 0;
	padding-top: 54px;
	width: 170px;
	float: left;
	clear: none;
}

#subnavCol h1 {
	font-size: 0px; 
	text-indent: -5000px;
	height: 22px;
	margin-bottom: 14px;
}

h1#headingServices {
	background: url(../media/heading_services.gif) no-repeat 10px 0;
}

h1#headingDocuments {
	background: url(../media/heading_documents.gif) no-repeat 10px 0;
}

h1#headingAffiliates {
	background: url(../media/heading_affiliates.gif) no-repeat 10px 0;
}

h1#headingAbout {
	background: url(../media/heading_about.gif) no-repeat 10px 0;
}

h1#headingLocations {
	background: url(../media/heading_locations.gif) no-repeat 10px 0;
}

h1#headingContact {
	background: url(../media/heading_contact.gif) no-repeat 10px 0;
}

h1#headingGreenDesign {
	background: url(../media/heading_greenDesign.gif) no-repeat 10px 0;
}

h1#headingExisting {
	background: url(../media/heading_existing.gif) no-repeat 10px 0;
}

h1#headingTraining {
	background: url(../media/heading_training.gif) no-repeat 10px 0;
}



.hidden {
	display: none;
}


/* Styles */

.floatLeft {
	float: left;
	margin: 0 20px 15px 0;
}

.floatRight {
	float: right;
	margin: 0 0 15px 20px;
}

.border {
	border: 5px solid #fff;
}

/* Lists */
ul { 
	margin: 0 0 20px 20px ; 
	padding: 0; 
	letter-spacing: 0 ; 
	list-style-type: none ;
}

#contactForm ul { 
	margin: 0 0 15px 0 ; 
	padding: 0 ; 
	letter-spacing: 0 ; 
	list-style-type: none ;
}

li { 
	background: url(../media/bullet-arrow.gif) no-repeat 0 4px ; 
	padding: 0 0 0 14px ;
	font: normal 13px arial ; 
	line-height: 14px ;
	margin-bottom: 10px;
}

li strong { 
	color: #fff;
}

ul.paragraph li { 
	background: url(../media/bullet-arrow.gif) no-repeat 0 7px ; 
	padding: 0 0 0 14px ;
	font: normal 13px arial ; 
	line-height: 20px ;
	margin-bottom: 18px;
}

li a,
li a:visited { 
	font-weight: bold ; 
}

ul.paragraph li a,
ul.paragraph li a:visited { 
	font-weight: normal ; 
}

#banner ul { 
	width: 247px;
	float: right;
	margin: 11px 0 0 0 ; 
	padding: 0; 
	letter-spacing: 0 ; 
	list-style-type: none ;
}


#banner  li { 
	background: transparent ; 
	padding: 0;
	font: normal 12px arial ; 
	line-height: 24px ;
	margin-bottom: 0;
}

#banner li a,
#banner li a:visited { 
	font-weight: normal ; 
}

/* Sub Nav */

.hide {
	display: none;
}

.box .navCol {
	width: 160px;
	float: left;
	padding: 28px 20px 20px 20px;
	clear: none;
}


#subnavCol ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none ;
}

#subnavCol li {
	padding: 0; 
	margin: 0 0 6px 0; 
	background: url(../media/subnav-bg.png);
}

#subnavCol a, #subnavCol a:visited {
	font: normal 11px verdana;
	display: block;
	width: 150px;
	padding: 8px 10px;
	line-height: 14px;
	border: 0;
	color: #90b5d7;
}

#subnavCol a:hover {
	border: 0;
	background: url(../media/subnav-bg.gif) left -44px;
	color: #fff;
}

#subnavCol a.active, #subnavCol a.active:visited {
	border: 0;
	background: url(../media/subnav-bg.gif) left -88px;
	color: #000;
}

/* drop-down styles */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:0; margin:0 0 0 15px; list-style:none; height:34px; position:relative; z-index:500; font-family: verdana, arial, sans-serif; text-align: left}
#nav li.top {display:block; float:left;padding:0;background:transparent;margin-right: 8px;}
#nav li a.top_link {display:block; float:left; height:34px; line-height:34px; cursor:pointer; font-size: 0px; text-indent: -5000px;}

#nav li#about a.top_link {
	background: url(../media/nav_about.gif) no-repeat 0 0;
	width: 89px;
}
#nav li#services a.top_link {
	background: url(../media/nav_services.gif) no-repeat 0 0;
	width: 83px;
}
#nav li#documents a.top_link {
	background: url(../media/nav_documents.gif) no-repeat 0 0;
	width: 103px;
}
#nav li#forum a.top_link {
	background: url(../media/nav_forum.gif) no-repeat 0 0;
	width: 71px;
}
#nav li#join a.top_link {
	background: url(../media/nav_join.gif) no-repeat 0 0;
	width: 139px;
}
#nav li#contact a.top_link {
	background: url(../media/nav_contact.gif) no-repeat 0 0;
	width: 80px;
}

#nav li#locations a.top_link {
	background: url(../media/nav_locations.gif) no-repeat 0 0;
	width: 92px;
	margin-right: 0;
}

#nav li#products a.top_link {
	background: url(../media/nav_products.gif) no-repeat 0 0;
	width: 86px;
	margin-right: 0;
}

#nav li a.top_link span {float:left; display:block; padding:0 34px 0 0; height:34px;font-size:11px; font-family: arial, sans-serif;}
#nav li a.top_link span.down {float:left; display:block; padding:0 34px 0 0; height:34px;font-size:11px; font-family: arial, sans-serif;}
#nav li a.top_link:hover {background-position: 0 -34px;}
#nav li a.top_link:hover span {}
#nav li a.top_link:hover span.down {}

#nav li#about:hover a.top_link,
#nav li#about a.top_link:hover {background: url(../media/nav_about.gif) no-repeat 0 -34px;}
#nav li#services:hover a.top_link,
#nav li#services a.top_link:hover {background: url(../media/nav_services.gif) no-repeat 0 -34px;}
#nav li#documents:hover a.top_link,
#nav li#documents a.top_link:hover {background: url(../media/nav_documents.gif) no-repeat 0 -34px;}
#nav li#forum:hover a.top_link,
#nav li#forum a.top_link:hover {background: url(../media/nav_forum.gif) no-repeat 0 -34px;}
#nav li#join:hover a.top_link,
#nav li#join a.top_link:hover {background: url(../media/nav_join.gif) no-repeat 0 -34px;}
#nav li#contact:hover a.top_link,
#nav li#contact a.top_link:hover  {background: url(../media/nav_contact.gif) no-repeat 0 -34px;}
#nav li#locations:hover a.top_link,
#nav li#locations a.top_link:hover  {background: url(../media/nav_locations.gif) no-repeat 0 -34px;}
#nav li#products:hover a.top_link,
#nav li#products a.top_link:hover  {background: url(../media/nav_products.gif) no-repeat 0 -34px;}
#nav li:hover > a.top_link span {}
#nav li:hover > a.top_link span.down {}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:34px; background: #2662a0; padding:4px 0; white-space:nowrap; width:139px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:139px; font-weight:normal; padding:0;margin:0;background:transparent;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; font-family: verdana, arial, sans-serif; font-weight:normal; width:139px; line-height:30px; text-indent:15px; color:#fff; text-decoration:none;padding:0;}

#nav li:hover ul.servicesDrop,
#nav li:hover ul.servicesDrop li,
#nav li:hover ul.servicesDrop li a
{width: 215px}

#nav li:hover ul.contactDrop,
#nav li:hover ul.contactDrop li,
#nav li:hover ul.contactDrop li a
{width: 155px}


#nav li ul.sub li a.fly
{background:#1f1f1f url(arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#18528c; color:#f8cc23;}
#nav li:hover ul.sub li a.fly:hover
{background:#333 url(arrow_over.gif) 80px 7px no-repeat; color:#4997e0;}

#nav li:hover ul li:hover > a.fly {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}

/* Product Tables */

table {
	width: 650px;
	margin: 0 -10px 30px -10px;
}

td, th {
	padding: 5px 10px;
	color: #fff;
}

th {
	color: #f8cc23 ;
	font-weight: bold;
}

tr.highlight td, th {
	background: url(../media/table-bg.png)
}

.photoSet {
	margin-bottom: 30px;
}

.photoSet a,
.photoSet a:visited {
	float: left;
	margin: 0 15px 15px 0;
}

.photoSet a:hover {

}

.videoContent {
	float: left;
	margin: 0 20px 20px 0;
}