@charset "UTF-8";
/* Myers CSS Reset
----------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }



/* Set base & global styles  
----------------------------------*/
body { background: #003E12 url(../images/background.jpg) no-repeat center top; font-family: Verdana, Arial, Helvetica, sans-serif; }
#wrapper { width: 960px; margin: 0 auto 0 auto; }
.main { border-top: 10px solid #ff9933; padding-top: 25px; }
a:link { color: #FF9900; text-decoration: none; }
a:visited { color: #FF9900; text-decoration: none; }
a:hover { color: #CC6600; }
.centered { text-align: center; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
#ieNotice { display: none; }


/* Branding and Logo
----------------------------------*/
#branding h1 { display:block; width:230px; height:130px; text-indent:-9009px; }
#branding h1 a { display:block; width:100%; height:100%; outline:none; }



/* Main Navigation
----------------------------------*/
#navigation { margin-left:1.5em; }
#navigation li { list-style: none; display: block; float: left; margin-right: 3.4em; }
#navigation li:last-child { margin-right: -3.5em; }
#navigation a { color: #FFFFFF; text-transform: lowercase; padding-top: 10px; padding-bottom: 10px; display: block; text-decoration: none; }
#navigation a:hover { color: #FF9900; }
#navigation .current { color: #FFCC99; }



/* Tab layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }



/* Tabs Setup
----------------------------------*/
.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em; position: relative; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Tab Styling 
----------------------------------*/
#tabs .ui-tabs-nav a { color:#006600; font-size: 0.75em; text-transform: lowercase; outline: none; text-decoration:none; }
#tabs .ui-tabs-nav li { background:url("../images/tab-left.gif") no-repeat left top; padding:0 0 0 12px; }
#tabs .ui-tabs-nav a { background:url("../images/tab-right.gif") no-repeat right top; padding:5px 15px 5px 5px; }
#tabs .ui-tabs-nav a:hover { color:#333; }
#tabs .ui-tabs-nav li.ui-tabs-selected { background-image:url("../images/tab-selected-left.gif"); }
#tabs .ui-tabs-nav .ui-tabs-selected a { background-image:url("../images/tab-selected-right.gif"); color:#006600; }
#tabs .ui-tabs-nav { margin-left: 30px; }
#tabs { width: 960px; }



/* Tab Body Styles 
----------------------------------*/
.uppercase {text-transform:uppercase;}
.tabTop {
	height: 10px;
	width: 960px;
	background-image: url(../images/tabs-top.gif);
	background-repeat: no-repeat;
}
.tabTop-gh {
	height: 10px;
	width: 960px;
	background-image: url(../images/tabs-top-gh.gif);
	background-repeat: no-repeat;
}

.ui-tabs-panel { background: #FFFFFF url(../images/tabs-y-bg.gif) repeat-y; overflow:hidden; }
#tabs h1 { color: #003300; border-bottom: 2px solid #FF9933; font-size: 1.25em; padding-bottom: 5px; margin-bottom: 15px; padding-top: 10px; line-height: 1.25em; }
#tabs h2 { color: #003300; margin-bottom: 10px; }
#tabs h3 { color: #FF9933; margin-bottom: 10px; }
.tabContent { width:630px; float:left; padding: 1em 1.4em; }
.tabContent   p, .tabContent  ul { line-height: 1.5em; color: #003300; margin-bottom: 1em; }
.tabContent  ul  li { padding-left: 20px; margin-left: 20px; }
.tabContent ol { margin-left: 25px; color: #FF9900; font-weight: bold; margin-top: 10px; padding-left: 20px; }
.tabContent li p { font-weight: normal; line-height: 1.3em; margin-bottom: 10px; }
.tabHeader-gh {
	width: 860px;
	padding: 1em 1.4em;
}
.section-icon {
	float: right;
	padding-right: 30px;
	padding-top: 14px;
}
.tabContent-gh {
	width:630px;
	float:left;
	padding: 0em 1.4em;
}
.tabContent-gh   p, .tabContent-gh  ul { line-height: 1.5em; color: #003300; margin-bottom: 1em; }
.tabContent-gh  ul  li { padding-left: 20px; margin-left: 20px; }
.tabContent-gh ol { margin-left: 25px; color: #FF9900; font-weight: bold; margin-top: 10px; padding-left: 20px; }
.tabContent-gh li p { font-weight: normal; line-height: 1.3em; margin-bottom: 10px; }

.video-holder {
	width:960px;
	float:left;
	padding-top: 1em;
	padding-right: 1.4em;
	padding-bottom: 1em;
	padding-left: 1.4em;
}
.media-box {
	float: left;
	width: 210px;
	padding-left: 20px;
	padding-bottom: 20px;
	}

.newsOdd, .newsEven { margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #F4DDC2; display: block; padding-left: 200px; }
.newsDate { display: block; float: left; margin-left: -200px; margin-right: -200px; }
.newsBtn { display: inline; vertical-align: middle; padding-left: 20px; }
.sidebarContent {
	float:left;
	width: 240px;
	margin-left: 40px ;
	margin-top: 20px ;
	padding: 1em 0 em;
}
.sidebarContent-gh { float:right; width: 285px; margin-left: 0px; }
.sidebarContent a:link { text-decoration: none; }
.sidebarContent p { margin-bottom: 1em; }
.thumbnails { }
.thumb { margin-right: 10px; }
.resourceImagePadding { margin-top: 30px; }



/* Section Intro
----------------------------------*/
#sectionintro { float: left; width: 660px; color: #FFFFFF; height: 230px; }
#sectionintro-gh { float: left; width: 660px; color: #FFFFFF; height: 230px; }

#sectionicon { height: 230px; width: 300px; float: left; }
#sectionicon-gh {
	height: 400px;
	width: 300px;
	float: left;
}
#sectionintro h2 { border-bottom: 2px solid #FF9933; font-size: 1.5em; padding-bottom: 5px; margin: 20px 0 10px 0; }
#sectionintro-gh h2 { border-bottom: 2px solid #FF9933; font-size: 1.5em; padding-bottom: 5px; margin: 20px 0 10px 0; }

#sectionintro p {
	line-height: 1.5em;
	font-size: 1.2em;
	padding-bottom: 4px;
}
#sectionintro-gh p {
	line-height: 1.5em;
	font-size: .96em;
	padding-bottom: 6px;
}

.garden { background: url(../images/icon-garden.gif) no-repeat center center; }
.athome { background: url(../images/icon-athome.gif) no-repeat center center; }
.environment { background: url(../images/icon-environment.gif) no-repeat center center; }
.gh-logo {
	background-image: url(../images/gh-logo.png);
	background-repeat: no-repeat;
	background-position: center top;
}


/* Footer
----------------------------------*/
#footer { background: url(../images/footer-bar.gif) no-repeat center top; padding-top: 40px; text-align: center; color: #009933; font-size: 0.8em; padding-bottom: 20px; }
#footer a { color: #009933; margin: 0 10px 0 10px; text-transform: lowercase; }


/* Forms
----------------------------------*/
fieldset{ border-bottom: 1px solid #999999; display: block; width: 100%; padding-bottom: 20px; margin-bottom: 20px; color: #003300; }
label { width: 125px; display: block; float: left; }
legend { color: #FF9900; font-weight: bold; padding-bottom: 10px; display: block; }
legend span { font-weight: normal; color: #003300; }
fieldset div { margin:0.3em 0; clear:both; }
input:focus, textarea:focus, select:focus { background:#f6f6f6; border: 1px solid #CC6600; }
input, textarea, select { border: 1px solid #999999; }

.error { background: #FFC; padding: 10px; border: 1px solid #FC0; margin-top: 10px; }
.wrong { color: #F00; }
.correct { color: #060; }
.promonotice { font-size: 80%; font-style: italic; }
.quizerrors { color: #F00; padding: 10px; margin-top: 10px; margin-bottom: 10px; background: #FFFDFC; border: 1px solid #F00; }