/* #CSS Reset# */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body 
{
	line-height: 1;
}
ol, ul 
{
	list-style: none;
}

/* remember to define focus styles! */
:focus 
{
	outline: 0;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* #Typography# */

h1, h2, h3, h4, p, li, th, td, .NewsBody, .BlogPBody
{
  font-family: Arial, "Trebuchet MS", "Lucida Sans Unicode", Lucida Grande, "Lucida Sans", Lucida, sans-serif;
  color: #000000;
  font-weight: 400;
  line-height: 140%;
}

h1
{
  font-size: 22px;
  color: #26211e;
  font-weight: normal;
}

h2
{
  font-size: 18px;
  color: #434343;
  text-transform: capitalize;
  font-family: "Times New Roman", "Palatino Linotype", Garamond, Palatino, Sans-Serif;
  font-weight: normal;
  padding-top: 20px;
}

h3
{
  font-size: 14px;
  font-weight: bold;
  color: #434343;
  padding-top: 18px;
  
}

h4
{
  font-size: 13px;
  font-weight: bold;
  padding-top: 18px;
}

p, th, td, ul, ol, li, .NewsBody, .BlogPBody
{
  color: #26211e;
  font-size: 11px;
  padding-top: 8px;
}

ol
{
  margin-left: 2px;
  margin-right: 20px;
  padding-left: 40px;
  list-style-type: decimal;
}

.contentPadding ul, #newsDetail ul
{
  padding-left: 50px;
  margin-right: 20px;
  list-style-type: disc;
}

input
{
  font-size: 11px;
}

.readMore
{
  padding-left: 14px;
  background: url("/images/arrowReadMore.png") 5px 4px no-repeat;
}

a:link
{
  color: #3333ff;
  text-decoration: none;
}

a:visited
{
  color: #0000aa;
  text-decoration: none;
}

a:hover
{
  color: #0000ff;
  text-decoration: underline;
}

/* #Topnav# */

#topnav
{
  width: 960px;
  height: 38px;
  background: url("/images/topnavBkgd.gif") 0 0 repeat-x;
}

.horizontal { float: left; width: 100%; }

.horizontal ul { padding-right: 0px; padding-left: 8px; padding-bottom: 0px; margin: 0px; width: 100%; padding-top: 0px; list-style-type: none }

.horizontal li { padding: 0; display: inline; float: left; }

.CMSListMenuLinkHighlighted 
{ 
  font-size: 13px; 
  font-weight: bold; 
  padding: 10px 14px 2px 14px; 
  display: block; 
  margin: 0px; 
  text-decoration: none;
}

.horizontal a 
{ 
  font-size: 13px; 
  font-weight: bold; 
  padding: 10px 14px 2px 14px;
  height: 26px;
  display: block; 
  margin: 0px; 
  color: #eeeeee; 
  text-decoration: none;
  background: url("/images/topnavBkgd.gif") 0 0 no-repeat;
}

.horizontal a:visited
{
  color: #eeeeee;
}

.horizontal a:hover, .CMSListMenuLinkHighlighted
{ 
  color: #ffffff;
  background-image: none;
}

.horizontal ul ul
{ 
  z-index: 10000; 
  position: absolute; 
  padding: 0;
  margin: -1px 0 0 0;
  width: 170px;
}

.horizontal ul ul li
{ 
  background-color: #000000; 
  clear: left;
  display: block; 
  position: relative;
}

.horizontal ul ul li a, .horizontal ul ul li .CMSListMenuLinkHighlighted
{ 
  width: 170px;
  font-size: 12px;
  padding: 4px 14px 5px 14px;
  /*height: 20px;*/
  height: auto;
  display: block; 
  margin: 0px;
}

.horizontal ul ul { display: none }

.horizontal ul li:hover ul ul { display: none }

.horizontal ul ul li:hover ul ul { display: none }

.horizontal ul li:hover ul { display: block }

.horizontal ul ul li:hover ul { display: block }

.horizontal ul ul ul li:hover ul { display: block }

/* #Layout# */

body
{
  text-align: center;
  background: #575757 url("/images/bodyBkgd.gif") 0 0 repeat-x;
  position: relative;  
}

#container
{
  margin: 0 auto 0 auto;
  width: 960px;
  text-align: left;
  background-color: #ffffff;
}

#header
{
  width: 960px;
  height: 125px;
  position: relative;
  background: url("/images/headerBkgd.jpg") 0 0 no-repeat;
}

#header #homeLink a
{
  width: 340px;
  height: 60px;
  position: absolute;
  display: block;
  top: 20px;
  left: 0px;
}

#footerBkgd
{
  clear: both;
  width: 100%;
  height: 290px;
  background: url("/images/bodyBottomBkgd.jpg") 0 0 repeat-x;
}

#footer
{
  margin: 0 auto 0 auto;
  width: 960px;
  text-align: left;
  width: 960px;
  height: 290px;
  background: url("/images/footerBkgd.jpg") 0 0 no-repeat;
  position: relative;
}

#footerLinks
{
  position: absolute;
  top: 16px;
  left: 20px;  
}

#footerLinks a:link, #footerLinks a:visited
{
  color: #000000;
  text-decoration: underline;
}

#footerGreenBuilderCollege
{
  position: absolute;
  top: 120px;
  left: 20px;
  width: 500px;
}

#footerGreenBuilderCollege a:link, #footerGreenBuilderCollege a:visited
{
  color: #ffffff;
  text-decoration: underline;
}

#footerContact
{
  position: absolute;
  top: 52px;
  left: 652px;
}

#footerContact, #footerGreenBuilderCollege
{
  color: #ffffff;
  font-size: 13px;
}

#footerContact a:link, #footerContact a:visited
{
  color: #ffffff;
}

#copyrightBkgd
{
  clear: both;
  width: 100%;
  height: 60px;
  background-color: #ffffff;
}

#copyright
{
  margin: 0 auto 0 auto;
  padding-top: 10px;
  width: 960px;
  text-align: left;
  width: 960px;
  background-color: #ffffff;
}

/* #Grid System# */

.columnWide
{
  float: left;
  width: 600px;
  margin-left: 20px;
}

.columnMedium
{
  float: left;
  width: 300px;
  margin-left: 20px;
}

.columnFull
{
  float: left;
  clear: both;
  width: 940px;
  margin-left: 20px;
}

.clear
{
  clear: both;
}

.contentPadding
{
  padding: 20px;
}

/* #Home# */

#homeBkgd
{
  background: url("/images/homeBkgd.png") 0 0 no-repeat;
  width: 960px;
  height: 2020px;
  position: relative;
}

#homeLargeAd
{
  padding: 20px 0 0 0;
  text-align: center;
  height: 60px;
}

#featuredArticle
{
  position: absolute;
  top: 30px;
  left: 30px;
  width: 590px; 
  height: 430px;
}

#issueArchive
{
  position: absolute;
  top: 370px;
  left: 626px;
  width: 319px; 
  height: 88px;
}

#homeRightAd
{
  position: absolute;
  top: 474px;
  left: 635px;
  width: 300px; 
  height: 250px;
}

#recentNews
{
  position: absolute;
  top: 470px;
  left: 40px;
  width: 280px; 
  height: 120px;
}

#recentNews ul
{
  list-style-type: disc;
  margin-left: 20px;
  padding-top: 0;  
}

#recentNews ul li
{
  font-weight: bold;
  padding-top: 4px;
}

#newsFeaturedVideoVerticalLine
{
  top: 500px;
  left: 300px;
  height: 80px;
}

#recentVideo
{
  position: absolute;
  top: 470px;
  left: 340px;
  width: 280px; 
  height: 260px;
}

#recentVideo p a
{
  position: relative;
  display: block;
}

#recentVideo img
{
  float: left;
  margin: 0 10px 0 0;
}

#recentVideo a img.playThumb
{
  float: none;
  z-index: 1000;
  position: absolute;
  top: 24px;
  left: 40px;
  width: 40px;
  height: 40px;
}

#visionHouse
{
  position: absolute;
  top: 630px;
  left: 30px;
  width: 570px; 
  height: 80px;
}

#visionHouseThumbs
{
  float: right;
  margin: 20px 10px 0 10px;
}

#visionHouse h3 span
{
  font-size: 12px;
}

#getGreenBuilder
{
  position: absolute;
  top: 14px;
  left: 626px;
  width: 319px; 
  height: 349px;
  background: url("/images/subscribeBoxBkgd.png") 0 0 no-repeat;
}

#getGreenBuilder p
{
  margin: 80px 12px 0 24px;
  color: #ffffff;
  font-weight: bold;
}

#getGreenBuilder a:link, #getGreenBuilder a:visited, #getGreenBuilder a:hover
{
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}

#subscribeButton
{
  position: absolute;
  left: 4px;
  bottom: 20px;
  text-indent: -99999px;
  margin: 0;
}

#subscribeButton a
{
  display: block;
  width: 164px;
  height: 36px;
  background: url("/images/subscribeButton.png") 0 0 no-repeat;
}

#subscribeButton a:hover
{
  background-position: 0 -36px;
}

#subscribeButton a:active
{
  background-position: 0 -72px;
}

#editorPicks
{
  position: absolute;
  top: 752px;
  left: 15px;
  width: 929px; 
  height: 179px;
  background: url("/images/editorsPicksBkgd.png") 0 0 no-repeat;
  padding-left: 20px;
}

#editorPicks div
{
  float: left;
  width: 202px;
  height: 86px;
  margin: 64px 0 0 20px;
}

#editorPicks div img
{
  float: left;
  margin-right: 8px;
}

#editorPicks p
{
  padding-top: 2px;
}

#homeTextAds
{
  position: absolute;
  top: 950px;
  left: 16px;
  width: 570px; 
  height: 110px;
}

#homeTextAds #advertisement
{
  position: absolute;
  top: 0px;
  left: 20px;
  font-size: 10px;
  color: #666666;
}

#homeTextAds #advertiseHere
{
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 10px;
}

#homeTextAds #advertiseHere a:link, #homeTextAds #advertiseHere a:visited
{
  color: #666666;
  text-decoration: none;
}

#homeTextAds #advertiseHere a:hover
{
  color: #000000;
  text-decoration: underline;
}

#greenBuilderExperts
{
  position: absolute;
  top: 943px;
  left: 626px;
  width: 318px; 
  height: 410px;
  background: url("/images/greenBuilderExpertsBkgd.png") 0 0 no-repeat;
}

#greenBuilderExperts div
{
  margin: 48px 0 0 14px;
}

#greenBuilderExperts p
{
  font-size: 14px;
  font-weight: bold;
  padding-top: 4px;
  line-height: 14px;
}

#greenBuilderExperts a
{
  color: #000000;
  width: 290px;
  height: 35px;
  background: url("/images/expertButtonBkgd.png") 0 0 no-repeat;
  display: block;
}

#greenBuilderExperts a:hover
{
  background-position: 0 -40px;
  text-decoration: none;
}

#greenBuilderExperts a:active
{
  background-position: 0 -80px;
}

#greenBuilderExperts img
{
  margin: 2px 20px 0 20px;
  vertical-align: middle;
}

#followUs
{
  position: absolute;
  top: 1363px;
  left: 626px;
  width: 318px; 
  height: 78px;
  background: url("/images/followUsBkgd.png") 0 0 no-repeat;
}

#followUs p
{
  margin: 12px 0 0 130px;
}

#newsCategories div
{
  width: 280px;
  height: 240px;
}

#newsCategories div.wider
{
  width: 290px;
}

#newsCategories h2
{
  width: 260px;
  height: 30px;
  color: #000000;
  background-color: #a5bece;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding-top: 6px;
  margin-bottom: 8px;
}

#newsCategories h2 a:link, #newsCategories h2 a:visited
{
  text-decoration: none;
  color: #000000;
}

#newsCategories h2 a:hover
{
  text-decoration: underline;
  color: #000000;
}

#newsCategories div.wider h2
{
  width: 270px;
}

#newsCategories h2, #newsCategories p, #newsCategories ul
{
  padding-left: 20px;
}

#newsCategories ul
{
  list-style-type: disc;
  margin-left: 20px;
  padding-top: 0;
}

#newsCategories ul li
{
  font-weight: bold;
  padding-top: 3px;
}

#featuredGreenProducts
{
  position: absolute;
  top: 1100px;
  left: 19px;
}

#greenBuilding
{
 position: absolute;
  top: 1100px;
  left: 319px;
}

#greenLiving
{
  position: absolute;
  top: 1380px;
  left: 19px;
}

#greenRemodeling
{
  position: absolute;
  top: 1380px;
  left: 319px;
}

#greenTechnology
{
  position: absolute;
  top: 1660px;
  left: 19px;
}

#greenTrends
{
  position: absolute;
  top: 1660px;
  left: 319px;
}

#homeBottomLeftAd
{
  position: absolute;
  top: 1940px;
  left: 70px;
  width: 468px; 
  height: 60px;
}

#homeGoogleAds
{
  position: absolute;
  top: 1743px;
  left: 635px;
  width: 310px; 
  height: 260px;
}

#poll
{
  position: absolute;
  top: 1470px;
  left: 640px;
  width: 290px; 
  height: 240px;
}

/* #News# */

#carouselBkgd
{
  background: url("/images/carouselBkgd.png") 0 0 no-repeat;
  position: relative;
  width: 598px; 
  height: 438px;
}

#featuredNews
{
  position: absolute;
  top: 14px;
  left: 14px;
  width: 590px; 
  height: 430px;
}

#articleList h3
{
  font-size: 13px;
}

#articleList p
{
  font-size: 12px;
  padding: 4px 0 0 10px;
}

#newsCategoriesInterior div
{
  width: 280px;
  height: 240px;
  clear: both;
  float: left;
  margin-top: 20px;
}

#newsCategoriesInterior div.wider
{
  width: 290px;
  clear: none;
  margin-left: 20px;
}

#newsCategoriesInterior h2
{
  width: 260px;
  height: 30px;
  color: #000000;
  background-color: #a5bece;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding-top: 6px;
}

#newsCategoriesInterior h2 a:link, #newsCategoriesInterior h2 a:visited
{
  text-decoration: none;
  color: #000000;
}

#newsCategoriesInterior h2 a:hover
{
  text-decoration: underline;
  color: #000000;
}

#newsCategoriesInterior div.wider h2
{
  width: 270px;
}

#newsCategoriesInterior h2, #newsCategoriesInterior p, #newsCategoriesInterior ul
{
  padding-left: 20px;
}

#newsCategoriesInterior ul
{
  list-style-type: disc;
  margin-left: 20px;
  padding-top: 0;
}

#newsCategoriesInterior ul li
{
  font-weight: bold;
  padding-top: 3px;
}

/* #News Detail# */

#newsDetail
{
  margin-top: 20px;
}

#newsDetail h1
{
  margin-top: 12px;
}

#newsDetail .columnWide p
{
  padding-right: 40px;
}

.NewsBody, .BlogPBody
{
  font-size: 12px;
}

.adSkyskraper
{
  float: left;
  width: 160px; 
  height: 600px;
  margin: 20px 0px 20px 80px;
}

.adSquare
{
  float: left;
  width: 300px; 
  height: 260px;
  border: 1px solid #999999;
  margin: 0 20px 20px 0;
}

#googleAdSpaceShort
{
  float: left;
  width: 300px; 
  height: 100px;
  border: 1px solid #999999;
  margin: 0 20px 20px 0;
}

#shareThis
{
  font-size: 18px;
}

#shareThis img
{
  margin-left: 1px;
  vertical-align: middle;
}

/* #Polls# */

.PollControl
{
	color: #000000;
	display: block;
	height: 100%;
}

.PollTitle
{
	font-weight: bold;
  display: none;
	padding: 6px;
	border-bottom: solid 1px #cccccc;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

.PollQuestion
{
  font-weight: bold;
  font-size: 15px;
	display: block;
	padding: 6px;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

.PollAnswers
{
	padding: 2px 3px 2px 3px;
}

.PollFooter
{
	clear: both;
	padding: 3px;
}

.PollInfo
{
	display: block;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 11px;
}

.PollVoteButton
{
	width: 100px;
}

.PollAnswer
{
	padding: 3px 3px 0px 0px;
	overflow: hidden;

}

.PollAnswerText
{
	display: block;
	margin-left: 6px;    
        margin-bottom: -2px;    
        overflow: hidden;
}

.PollAnswerRadio
{
	display: block;
}

.PollAnswerCheck
{
	display: block;
}

.PollAnswerClearer
{
	clear: both;
	font-size: 0px;
	height: 1em;  
}

.PollGraph
{
	border: solid 1px #000000;
	height: 12px;
	overflow: hidden;
	margin-bottom: 4px;
	margin-left: 4px;
}

.PollCount
{
	font-size: 11px;
	padding: 0px 5px 1px 5px;
        display: block;
}

.PollGraph0
{
	background-image: url(/images/poll0_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph1
{
	background-image: url(/images/poll1_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph2
{
	background-image: url(/images/poll2_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph3
{
	background-image: url(/images/poll3_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph4
{
	background-image: url(/images/poll4_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph5
{
	background-image: url(/images/poll5_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph6
{
	background-image: url(/images/poll6_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph7
{
	background-image: url(/images/poll7_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph8
{
	background-image: url(/images/poll8_bg.gif);
	background-repeat: repeat-x;
}

.PollGraph9
{
	background-image: url(/images/poll9_bg.gif);
	background-repeat: repeat-x;
}

/* #Carousel# */

#nav
{
	background-color: #ffffff;
	height: 80px;	
	width: 570px;
}

#nav ul
{	
	width: 570px;
	margin: 0 auto;
	padding: 0;
}

#nav li
{
	float:left;
	width: 190px;
	list-style-type:none;
	margin-top: 0;
	padding-top: 0;
}

#nav a {
	color:#333333;
	display:block;
	padding: 16px 12px 16px 12px;
	position:relative;
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	height: 48px;
	text-decoration:none;
}	

#nav a.current, #nav a:hover
{
	background-color: #ccdae2;	
}

#panes 
{
	width: 570px;	
	height: 330px;
	position:relative;	
}

#panes div 
{
	display:none;		
	position:absolute;
	top: 0px;
	left: 0px;
	width: 570px;
	height: 330px;
	background-color: #000000;
	text-align: center;
}

#panes div img
{
  /*width: 570px;
  height: 250px;*/  
}

#panes h3, #panes p
{
  color: #ffffff;
  padding-left: 10px;
  text-align: left;
}

#panes h3 
{
	padding-top: 6px;
	font-size: 20px;
	width: 400px;
}

#panes h3 a:link, #panes h3 a:visited, #panes h3 a:hover
{
  color: #ffffff;
}

#panes p.more 
{
	font-weight:bold;
	color: #ffffff;
	width: 400px;
	padding-top: 4px;
}

#panes p.readTheArticle
{
	font-weight:bold;
	color: #ffffff;
	float: right;
	padding: 0 12px 0 10px;
	background: url("/images/arrowBlack.gif") 0 4px no-repeat;
}

#panes p.readTheArticle a:link, #panes p.readTheArticle a:visited
{
	color: #dddddd;
	text-decoration: underline;
}

#panes p.readTheArticle a:hover
{
	color: #ffffff;
}

.forward, .backward 
{
	position: absolute;
	top: 120px;	
	display:block;
	width: 35px;
	height: 50px;
	cursor:pointer;
	font-size:1px;
	background: url(/images/carouselArrows.png) no-repeat;
	text-indent:-9999em;
}

.forward 
{ 
  width: 36px;
  right: 10px; 
  background-position: -36px 0px;
}

.forward:hover
{ 
  background-position: -36px -50px; 
}

.forward:active
{ 
  background-position: -36px -100px; 
} 

.backward 
{ 
  left: -10px; 
}

.backward:hover
{ 
  background-position: 0px -50px; 
}

.backward:active
{ 
  background-position: 0px -100px; 
}

.carouselVerticalLine
{
  position: absolute;
  top: 340px;
  width: 1px;
  height: 60px;
  z-index: 10;
  background-color: #939598;
}

#carouselVerticalLine1
{
  left: 189px;
}

#carouselVerticalLine2
{
  left: 380px;
}

/* #Blogs# */

.zoneBlogList img
{
  width: 100px;
  height: 100px;
}

.blogDetail
{
  padding: 20px;
}

.blogDetail .zoneLeft
{
  float: left;
  width: 620px;
}

.blogDetail .zoneRight
{
  float: left;
  width: 240px;
  margin-left: 50px;
}

.BlogPBody ul
{
  margin-left: 24px;
  margin-bottom: 12px;
}

.BlogPBody li
{
  list-style-type: disc;
  font-size: 12px;
}

/* #Videos# */

#featuredVideos
{
  border: 1px solid #999999; 
  padding: 10px 0 10px 10px;
  width: 670px;
}

#featuredVideoThumbs
{
  float: right; 
  width: 120px; 
  margin: 0 24px 0 0px;
}

#featuredVideoThumbs h2
{
  padding-top: 0;
}

#featuredVideoThumbs p
{
  text-align: center; 
  margin-bottom: 20px; 
  width: 120px;
}

.videoThumbs p
{
  float: left;
  text-align: center;
  width: 200px;
  height: 200px;
  margin: 0 0 20px 0px;
  padding: 0;
}

.videoThumbs img
{ 
  width: 200px;
  height: 150px;
}

/* #Webinars Log In# */

#requestForm th, #requestForm td
{
  padding: 4px;
}

#requestForm th
{
  text-align: right;
}

label.error 
{ 
  color: #cc0033; 
  font-weight: bold; 
  padding-left: 12px; 
}

.hidden
{
  display: none;
}

/* #Search# */

#headerSearchBox
{
  position: absolute;
  top: 64px;
  right: 0px;
  padding: 8px;
  border: 1px solid #4a9461;
  background-color: #ddf6e3;
}

.searchTextBox
{
  width: 150px;
}

.searchBox label
{
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}