@charset "utf-8";

/* 
 ------------------------------------------------------------
 Green Build KY (http://www.greenbuildky.com)
 Design and Devlopment by JB Design (http://www.jbdesign.net)
 ------------------------------------------------------------
*/

body {
	font: 70%/1.5 Verdana, Arial, Helvetica, sans-serif;
	/* background: url(../img/bk-background.jpg) repeat-x; */
	behavior: url("http://www.greenbuildky.com/js/csshover.htc");
	color: #666666;
	
}

#container { 
	width: 870px;
	margin: 0 auto;
	display: block;
	margin-top: 0;
}

#header {
	width: 870px;
	height: 29px;
	background: url(http://www.greenbuildky.com/images/interface/layout-header.png) no-repeat;
	text-align: right;
}

/* 
 ------------------------------------------------------------
 Navigation
 ------------------------------------------------------------
*/

ul#nav {
	list-style: none;
	margin-top: 20px;
	height: 40px;
}

ul#nav li {  
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
}

ul#nav li a { 	display: block; height: 40px; }

ul#nav li.navHome { width: 60px; background: url(http://www.greenbuildky.com/images/interface/nav-01-home.png); }
ul#nav li.navGuidelines { width: 153px; background: url(http://www.greenbuildky.com/images/interface/nav-02-guidelines.png); }
ul#nav li.navResources {  width: 155px; background: url(http://www.greenbuildky.com/images/interface/nav-03-resources.png); }
ul#nav li.navVerification { width: 171px; background: url(http://www.greenbuildky.com/images/interface/nav-04-ver.png); }
ul#nav li.navHomeowners { width: 181px; background: url(http://www.greenbuildky.com/images/interface/nav-05-homeown.png); }
ul#nav li.navAbout { width: 150px; background: url(http://www.greenbuildky.com/images/interface/nav-06-about.png); }
	
ul#nav li:hover { background-position: 0 40px; }

/* 
 ------------------------------------------------------------
 Content/Banner Based Styles
 ------------------------------------------------------------
*/

#banner {
	margin-top: 10px; 
	height: 200px;
}

#welcomeHomeBlock {
	width: 450px;
	height: 299px;
	margin-right: 10px;
	background: url(http://www.greenbuildky.com/images/interface/layout-home-welcome.png) no-repeat;
	float: left;
}	

#welcomeHomeWrap { margin-top: 60px; }

#sideHomeBlock {
	width: 410px;
	height: 189px;
	background: url(http://www.greenbuildky.com/images/interface/layout-home-newslinks.png) no-repeat;
	float: left;
	margin-bottom: 10px;
}

#sideInfoBlock {
	width: 410px;
	height: 100px;
	background: url(http://www.greenbuildky.com/images/interface/layout-home-infobox.png) no-repeat;
	float: right;
}

#quicklinks {
	width: 200px;
	position: absolute;
	margin-left: 210px;
	margin-top: 42px;
	/* background: url(../img/layout-home-links.png); */

}

#newsroom {
	width: 200px;
	margin-top: 42px;
	position: absolute;
	font-size: 100%;
	/* background: url(../img/layout-home-newsroom.png) no-repeat; */
}

#content-container {
	width: 870px;
	overflow: hidden;
	background: url(http://www.greenbuildky.com/images/interface/content-bk-middle.gif) repeat-y; /* repeating background with two gray columns */
	margin-top: 10px;
}

#content-text {
	margin-left: 15px;
	margin-top: -10px;
	margin-right: 15px;
}
	
#sidebar {
	float: left;
	width:220px;
	background: url(http://www.greenbuildky.com/images/interface/content-sidebar-topbk.png) no-repeat; 
	padding-top: 18px; 
	overflow: hidden;
}

#main {
	width: 640px;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 20px;
}

* html #main { position: relative; left: -3px; margin-right: -3px; } /* Escape IE6's float model! */
	
#content-banner {
	background: blue;
	height:125px;
}
	
#rounded-fix {
	background: url(http://www.greenbuildky.com/images/interface/content-main-bktop.png) no-repeat; padding-top: 19px; /* top rounded corners for main column beneath banner */
}
	
#container-rounded-bottom {
	background: url(http://www.greenbuildky.com/images/interface/content-bk-bottom.png) no-repeat; /* bottom rounded corners for both gray columns */
}

div.showcase { 
	margin-top: 20px;
	margin-bottom: 5px;
	/* background-color: #F2F2F2;
	border: 1px solid #C4C4C4; */
	background: url(http://www.greenbuildky.com/images/interface/showcase-box.jpg) no-repeat;
	padding: 12px;
	clear: left;
	height: 177px;
	
}

#footer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

#content-main { margin-top: 10px; }

#downloads { margin-right: 15px; }

div.sidebox {
	width: 195px;
	display: block;
	margin: 0 auto;
	background: url(http://www.greenbuildky.com/images/interface/side-box.png) no-repeat;
	height: 175px;
	margin-bottom: 15px;
}

div.sidebox-new {
	width: 195px;
	display: block;
	margin: 0 auto;
	height: 192px;
	margin-bottom: 25px;
}

div.sidebox-greentips {
	width: 195px;
	display: block;
	margin: 0 auto;
	height: 140px;
	margin-bottom: 25px;
	background: url(http://www.greenbuildky.com/images/interface/sidebox-greentips.png) no-repeat; 
}

#sb-newsroom { background: url(http://www.greenbuildky.com/images/interface/sidebox-newsroom.png) no-repeat; }
#sb-quicklinks { background: url(http://www.greenbuildky.com/images/interface/sidebox-quicklinks.png) no-repeat; }


/* 
 ------------------------------------------------------------
 Lists
 ------------------------------------------------------------
*/



ul.quicklinks li {
	padding-left: 10px;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	background: url(http://www.greenbuildky.com/images/interface/bullett-leaf-trans-grey.png) 170px no-repeat;
}

ul.quicklinks li:hover { background: #F3D65C url(http://www.greenbuildky.com/images/interface/bullett-leaf-trans.png) 170px no-repeat;  }

ul.subnav { margin-bottom: 25px; }
ul.subnav li {
	font-size: 110%;
	padding: 5px;
	padding-left: 55px;
	border-bottom: 1px solid #DBDBDB;
	background: url(http://www.greenbuildky.com/images/interface/bullett-leaf-trans-grey.png) 20px no-repeat;
}

ul.subnav li a { color: #fff; }
ul.subnav li.top { border-top: 1px solid #DBDBDB; }
ul.subnav li:hover { background: #878787 url(http://www.greenbuildky.com/images/interface/bullett-leaf-trans.png) 20px no-repeat;  }
ul.subnav li#selected { background: #878787 url(http://www.greenbuildky.com/images/interface/bullett-leaf-trans.png) 20px no-repeat; }

ul.newsroom li {
	padding-left: 10px;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}

#downloads ul { list-style-type: none; margin-left: 20px; }
#downloads ul li { list-style-image: url("http://www.greenbuildky.com/images/interface/bullett.gif"); margin-bottom: 15px; }

ul#links { list-style-type: none; margin-left: 20px; }
ul#links li { list-style-image: url("http://www.greenbuildky.com/images/interface/bullett.gif"); margin-bottom: 15px; }

ol { list-style-type: decimal; margin-left: 20px; margin-top: 8px;}
ol li { margin-bottom: 8px; }

ol#sitemap { list-style-type: decimal; }
ol#sitemap li { margin-bottom: 4px; }
ol#sitemap ul li { margin-left: 15px; }

ul.sidebox-list { list-style-type: none; padding-top: 30px; }
ul.sidebox-list li {
	margin-bottom: 5px;
	padding: 3px;
	padding-left: 7px;
	border-bottom: 1px solid #ccc;
	color: #666;
}


/* 
 ------------------------------------------------------------
 Classes/Images/Pargraphs/Anchors/Etc
 ------------------------------------------------------------
*/

.green { color: #309138; }
a { color: #309138; text-decoration: none; }
a:hover { text-decoration: underline; }
ul.subnav a { color: #FFF; text-decoration: none; }
ul.subnav a:hover { color: #FFF; text-decoration: underline; }

img.bannerImg { float: left; }

#content-text p { margin-bottom: 10px; }
#main img { display: block; }

#sideInfoBlock img { margin-left: 20px; margin-top: 12px; float: left;  }
#sideInfoBlock p { font-size: 90%; margin-left: 100px; margin-right: 6px; }


#welcomeHomeBlock p { margin-top: 10px; margin-left: 8px; margin-right: 8px;}

#downloads p { margin: 0;  }
.downloadHead { color: #309138;  }

#footer img { float: left; margin-right: 15px; }
#footer p { text-align:left; color: #999999; font-size: 90%; }

.showcase img { float: right; border: 1px solid #309138; margin-left: 10px; margin-top: 30px; clear: both; }
.showclass-builder { color: #309138; margin-bottom: 0; }
.showclass-location { margin-bottom: 0; }

em { font-style: italic; }
img, div { behavior: url(http://www.greenbuildky.com/js/iepngfix.htc) } /* IE6 PNG Fix */

.news-img { float: right; margin-left: 10px; margin-bottom: 10px; }

.sidebox-new  a { text-decoration: none; }
.sidebox-new a:hover { text-decoration: underline; }
.sidebox-greentips-content { font-size: 90%; padding: 7px;  }

#partners img { border: 1px solid #ccc; display: block; margin: 0 auto; margin-bottom: 15px;  }

/* 
 ------------------------------------------------------------
 Headers
 ------------------------------------------------------------
*/

h1 {
	width: 299px;
	height: 200px;
	text-indent: -9999px;
	background: url("http://www.greenbuildky.com/images/interface/layout-logoblock.png") no-repeat;
	float: left;
}

#sideInfoBlock h3 { margin-left: 100px; margin-top: 14px; font-size: 150%;}

h3 { 
	font-family: Arial, "Trebuchet MS", Arial;
	font-weight: bold;
	letter-spacing: -1px;
	color: #309138; 
	font-size: 160%; 
}

h4 { 
	font-family: Arial, "Trebuchet MS", Arial;
	font-weight: bold;
	color: #309138; 
	font-size: 130%; 
}

h4.downloads { border-bottom: 1px solid #a5a6a7; margin-bottom: 8px; }
h4.showcase { border-bottom: 1px solid #a5a6a7; margin-bottom: 8px; }

h3.sideheader { 
	font-size: 130%;
	letter-spacing: 0px;
	color: #fff;
	padding-top: 5px;
	padding-left: 8px;
}

/* 
 ------------------------------------------------------------
 Tables
 ------------------------------------------------------------
*/

.evenrow { background-color: #EAEAEA; }
.oddrow { background-color: #D8D8D8; }

table#data-table { width: 100%; border: 1px solid #B9B9B9; margin-top: 10px;  }

table#data-table th {
	background-color: #309138;
	color: #FFF;
	padding: 2px;
	font-size: 120%;
	padding-left: 4px;
}

table#data-table td { 
	padding: 5px; 
}


/* 
 ------------------------------------------------------------
 Form Styles
 ------------------------------------------------------------
*/

#header form { margin-right: 25px; padding-top: 1px;  }

#header form div.field {
	clear: both;
	margin-bottom: 4px;
	font: 100%/1.5 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}       

#header form input.search {
	padding: 2px;
	color: #333333;
	font-size: 80%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#header form input.searchbutton {
	background: transparent url(http://www.greenbuildky.com/images/interface/searchbutton2.png) no-repeat; 
	width: 22px; 
	height: 22px !important; 
	/* height: 28px; */
	border: 0; 
	padding: 0; 
	margin-top: 1px;
	cursor: pointer;
} 

#sideInfoBlock form { margin-left: 100px; margin-top: 5px; }

#sideInfoBlock form input.search {
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.4em;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 80%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#sideInfoBlock form input.searchbutton {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.20em;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
} 

form input.button {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.20em;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
} 

#contact-form form div.field {
	clear:both;
	margin-bottom: 8px;
	margin-right: 20px;
	font: 100%/1.5 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}   

#contact-form form div.field label {
	width: 100px;
	float: left;
	display: block; 
	color: #666;
	font-size: 100%;
	color: #309138; 
} 

#contact-form form div.field input {
	border: 1px solid #999999;
	padding: 3px;
	font: 100%/1.5 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
		
} 

/* 
 ------------------------------------------------------------
 Image Maps
 ------------------------------------------------------------
*/

#map {
	display: block;
	margin: 0 auto;
	width: 541px;
	height: 563px;
	background: url(http://www.greenbuildky.com/images/interface/how-home-becomes-green.jpg) top left no-repeat #fff;
	position: relative;
}

#map li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#map li a {
	position: absolute;
	display: block;
	background: url(http://www.greenbuildky.com/images/interface/blank2.gif);
	text-decoration: none;
	font-size: 90%;
	cursor: pointer;
}

#map li a span { display:none; } 

#map li a b { color: #309138; font-size: 120%; }

#map li a:hover span {
	position: relative;
	display: block;
	width: 200px;
	padding: 5px;
	border: 1px solid #309138;
	background: #fff;
	color: #666;
	filter:alpha(opacity=80);
	opacity: 0.8;
	text-decoration: none;
}

#map li a.hbg4:hover span { left: -70px; }
#map li a.hbg5:hover span { left: -140px; }
#map li a.hbg6:hover span { left: -120px; }
#map li a.hbg7:hover span { left: -100px; }
#map li a.hbg8:hover span { left: -100px; top: -80px; }
#map li a.hbg9:hover span { top: -80px; }
#map li a.hbg10:hover span { top: -120px; }

#map a.hbg1 { top:20px; left:67px; width:30px; height:30px; }
#map a.hbg2 { top:10px; left:195px; width:30px; height:30px; }
#map a.hbg3 { top:8px; left:340px; width:30px; height:30px; }
#map a.hbg4 { top:15px; left:435px; width:30px; height:30px; }
#map a.hbg5 { top:142px; left:500px; width:30px; height:30px; }
#map a.hbg6 { top:273px; left:485px; width:30px; height:30px; }
#map a.hbg7 { top:420px; left:463px; width:30px; height:30px; }
#map a.hbg8 { top:505px; left:405px; width:30px; height:30px; }
#map a.hbg9 { top:522px; left:235px; width:30px; height:30px; }
#map a.hbg10 { top:505px; left:140px; width:30px; height:30px; }
#map a.hbg11 { top:447px; left:90px; width:30px; height:30px; }
#map a.hbg12 { top:428px; left:25px; width:30px; height:30px; }
#map a.hbg13 { top:370px; left:15px; width:30px; height:30px; }
#map a.hbg14 { top:265px; left:14px; width:30px; height:30px; }
#map a.hbg15 { top:213px; left:10px; width:30px; height:30px; }
#map a.hbg16 { top:130px; left:20px; width:30px; height:30px; }
		


/* 
 ------------------------------------------------------------
 Validation Styles
 ------------------------------------------------------------
*/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
}

/* 
 ------------------------------------------------------------
 CSS Hacks
 ------------------------------------------------------------
*/

.clearfix:after {content: ".";
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */