/* -------------------------------------------------*/
/* layout.css - home page layout CSS Document  */
/* Mar 21/08 - sam gerbautz 					*/
/* fixed size 844 - fits with their content, columns 150px, gutters 15px, 5 columns */
/* font-size: 81%, or 13px */
html { font-size:100% /* IE Hack - used for text resizing graceful clagnut.com/blog/348 */}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; border: none; }
h1, h2, h3, h4, h5, h6, li, p { font-size:100%; }
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;/*margin:0; padding:0; outline:0; border:0;*/}
body {
	background-color: #E9EEF4;
	margin-top: 0px;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 81%;
	line-height: 1.5em;
}
p{	font-size: 1em;	margin-bottom: 1em;	margin-top: 0px;}
li {	font-size: 1em;	 }
#header {height: 120px;	background-image: url(../images/banners/green1.jpg);
	background-position: top left;}	
a img {border:none;}	

/*********layout container/content/footer ****************/
.container {width: 840px;top: 0;margin: 0 auto;	position: relative;	border: none;background-color: #fff;}
#content {margin: 0 0 1.5em;padding-bottom: 1em;} 
/***** skip navigation ********/
a.skip {position: absolute; left: -1000em; width: 20em;color: #FFF}
p.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
	color: #fff;
	margin: 0;padding: 0;}


/************** styles **********/
h1 {
	font-size: 1.8em;
	color: #181411;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 1.5em;
} 
h2 {font-size: 1.35em;color: #6A9F06;margin: .75em 0 .5em 0;	line-height: 1.5em;} 
h3 {font-size: 1.15em;	color: #6A9F06;	margin: .75em 0 .5em 0;}
h4 {font-size: 1.08em; margin: 1.25em 0 .5em 0;color: #0093D0;}
h5 {font-weight: bold;	color: #333;	margin-bottom: 0.5em;font-size: 1em;}
h6 {font-weight: bold;	color: #333;	margin-bottom: 0.5em;font-size: 1em;}	
a:link {text-decoration: none;color: #0074A6;}
a:visited {	color: #0074A6;text-decoration: none;}
a:hover {text-decoration: underline;color: #0093D0;}
a:active, a:focus { color:#0093D0}
.medtext { font-size: .8em; color: #333; }
.smalltext {font-size: .65em; color: #333;}
.clr {clear: both;margin-top: 15px;margin-bottom: 10px;}
.boldText { font-weight:bold;}
.boldTextGreen { font-weight:bold; color:#6A9F06;}
.italicText {
	font-style:italic;
}
ul#subList {
	top: 0px;
	right: 0px;
}

#content_sub h2.subtitle {
	font-size: 1.7em;
	font-weight: bold;
}
#content ul {
	margin-bottom: 0.75em;
	padding-left: 0.75em;
	padding-bottom: 0em;
	list-style-type: none;
}

#calendar {
	text-align: center;
}
#calendar {
	margin-top: .5em;
}
#content_sub .highlight {
	color: #ff6600;
	font-weight: bold;
}
#signUp {
	padding: 1em .5em;
	margin-top: 1em;
	border-top: dashed 4px #8CC63F;
	border-bottom: dashed 4px #8CC63F;
	border-color: #0093D0;
	background-color: #DFEAFD;
	width: 90%;
}
#signUp h2 {
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#signUp h2.orange { color: #ff6600; }
img.mainpic {border: 1px solid #91D3E9;}
.orange {color: #ff6600;}
#nav_search {
	margin-bottom: 1em;
	color: #fff;
	text-align: left;
	margin: 1.5em .25em 1em .25em;
}
#nav_search h3 {
	font-size: 1.3em;
	font-weight: bold;
}
#nav_search label {
	font-size: 1.1em;
	margin-bottom: 1em;
	color: #6A9F06;
	padding: 0.25em;
}
#nav_search label.green { color: #8CC63F;}
#nav_search label.greenDark { color: #6B9F0F;}
.greenDark { color: #618E0D;}
#nav_search label.orange { color: #F5821F; }
#nav_search label.blue { color: #0099CC; }
#nav_search form {
	padding-right: 0em;
	padding-left: 0em;
	margin: 0;
	padding: 0;
}
#nav_search input {
	margin-top: 1em;
	float: left;
	margin-right: 0.5em;
	width: 100px;
}
#nav_search img {
	margin-top: 1em;
}
#goSearch {
	float: right;
}
#navsearch_inside {
	margin-bottom: 1em;
	text-align: left;
}

#nav_sub #signUp h2 {
	font-size: 1.2em;
	color: #F5821F;
	line-height: 1.8em;
}
#nav_main li#calculator {
	position: absolute;
	top: 70px;
	z-index: 50;
	right: 1em;
	display: none;
}
#navcontainer #calc {
	width: 120px;
	text-align: left;
	padding-left: 1em;
	position: absolute;
	right: 1.5em;
}

#clearall {
	clear: both;
	height: 2px;
}


#home #nav_sub p.highlight {
	font-size: 0.85em;
	font-weight: 300;
	color: #333; /*color: #66CC00;*/
	line-height: 1.7em;
}
#content_sub .rBox_1c {
	margin-bottom: 1em;
}

#container .bottom {
	margin: 0px;
	padding: 0;
}

/* #content h2 {color: #6A9F06 ;font-size: 1.38em;}/*#0089C4*/
#content_sub h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #4F7F09;
	margin: 0 0 .5em 0;
	padding-top: 0.25em;
	padding-bottom: 0.75em;
	background-color: #FFF;
	text-align: left;
	padding: 0;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #619205;
	margin-top: 0.5em;
	margin-bottom: 1em;
}


a.readmore {
	font-size: 1em;
	font-weight: normal;
	color: #0092C1;
	text-decoration: underline;
}
#content_sub  img {
	margin-bottom: 0em;
}
#nav_sub p {
	margin-bottom: 1em;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #6A9F06; text-decoration: none;}
h2 a:hover {
	color: #7fb12a;
	text-decoration: underline;
}
h3 a:link {	text-decoration: none;color: #158BBD;}
h3 a:visited {	text-decoration: none;color: #158BBD;}
h3 a:hover {	text-decoration: none;color: #1AA7E3;}
h3 a:active {	text-decoration: none;color: #158BBD;}
#content_sub .box {
	padding: 0;
	background-color: #fff;
	margin-bottom: 0.5em;
	font-size: 0.85em;
	margin-top: 0px;
	
}
.container2 {margin-top: -15px;}
.move { margin-top: -0.85em; }

.box2 {
	background-color: #fff;
	padding: 0px;
	margin-bottom: 0px;
}
.box3 {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #fff;
	padding-top: 0px;
}

ul.inside { margin: 0 0 1em 1em; padding: 0 0 0 1.5em; }
ul.inside li {
	margin: 0em;
	line-height: 1.5em;
	font-size: 1em;
	padding-bottom: 0.5em;
}
h1 + h2 {
	line-height: 1.2em;
}
.inside li p {
	margin: 0px;
	padding: 0px;
}

#content_sub h4 {
	color: #fff;
	background-color: #F78621;
	padding: 0.25em;
	background-image: url(../images/bgs/bg_orange_light.jpg);
	background-repeat: repeat-x;
	font-size: 1.3em;
	text-align: left;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

ul.inside { margin: 0 0 1em 1em; padding: 0 0 0 1.5em; }
ul.inside li {
	margin: 0em;
	line-height: 1.5em;
	font-size: 1em;
	padding-bottom: 0.5em;
}
/*.box2 ul {margin: 1em 0 1em 1.5em; padding: 0 0 0 1.5em; }         ******************REPLACED - see below****
.box2 ul li {
	margin: 0em;
	font-size: 1em;
	padding-bottom: 0.5em;
	vertical-align: text-top;}
*/

.box2 ul {margin: 1em 0 0 0; padding: 0 0 0 0; }
.box2 ul li {
	margin: 0em;
	font-size: 1em;
	padding-bottom: 0.5em;
	list-style:none;
	background-image:url(../images/navarrow.gif);
	background-repeat:no-repeat;
	padding-left: 1.6em;
	background-position: left 5px;
}	

.box2 .top {
	margin: 0em;
	font-size: 1em;
	padding-bottom: 0.5em;
	background-image:url(../images/toparrow.gif);
	background-repeat:no-repeat;
	padding-left: 1.6em;
	background-position: left 3px;
}	

#content ol {margin: 1em 0 0 1em; padding: 0 0 0 0.75em; }
#content ol li {
	margin: 0em;
	font-size: 1em;
	padding-bottom: 0.5em;
}	


.box2 ul.sitemap ul li ul li { background-image:none; }
.box2 .sitemap .arrow .noarrow { background-image:none; }

/*#content_sub .box .inside li p {
	border-bottom-style: none;
	padding-bottom: 0px;
}
#content_sub .box p {
	/*border-bottom: dashed 1px #999;
	padding-bottom: 0;
}
#content_sub .box p.BotBord {
	border-bottom: dashed 1px #999;
	padding-bottom: 0.5em;
}*/

/*#content_sub .box p:first-line {
	font-weight: bold;
	color: #494949;
}*/
#content_sub h5 {
	color: #4F7F09;
	font-size: 1.2em;
	padding-top: 0px;
	margin-top: 0px;
}
#content_sub p.pic {
	text-align: center;
	border-bottom: none;
	margin-bottom: 0px;
}

.iconspan{
	float: left;
	margin: 3px;
	cursor:pointer;
	cursor:pointer;
	font-weight: bold;
}


#content {margin-bottom: 0px;padding-bottom: 0px; min-height: 500px;} /**************MIN-HEIGHT ***********FOR CONTENT*****/
#content2 {
	margin-bottom: 1.5em;
	padding-bottom: 0;
	margin-top: 1em;
}
#content2 .section {clear: both;margin-bottom: 1em;}
/* for page with no right sidebar */
.last .box2 {padding-right: 25px;}
/******** IMAGE STYLES ******/

.imageRight {	margin-left: 20px;	margin-bottom: 10px;float: right;padding: 0px;}
.imageRightBorder {	margin: 0 30px 10px 20px; float: right;padding: 0; border: solid 1px #999;}
.imageLeft {float: left;margin: 5px 20px 10px 0;padding: 0 10px 0 0;}
.imageReg { float: none; margin:10px 0; padding:0;}
.imageLeftBorder {
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	border: solid 1px #999;
}
.imageBorder { border: solid 1px #999;}
img.inlineIcon {vertical-align: text-top;padding-left: 0.25em;}
/*CSS used to style the examples. Remove if desired: */
#content2 h2 {color: #6A9F06 /*#8CC63F*/;margin-top: 0.75em;}
h3, #content2 h3 {
	margin-top:0px;
	padding-top:0;
	font-size: 1.1em;
	margin-bottom: 0.5em;
	font-weight: bold;
	padding-left: 0;	
}
#content_sub .box p.nobord {border-bottom-style: none;}
.box box2 h3 {
	font-size: 1.1px;
	font-weight: bold;
	color: #6A9F06;margin-top:0px;
	padding-top:0;
	font-size: 1.1em;
	margin-bottom: 0.5em;
	font-weight: bold;
	padding-left: 0;	
}

#content2 .sitemap ul {
	margin-top: 0.2em; margin-bottom: 0.75em; margin-left: 0;
}
#content2 ul.sitemap {
	margin:0;
	padding:0;
	margin-bottom: 0px;
	margin-top: 0px;
	/*list-style-image: url(../originalGraphics/bullet_green4.gif);*/
}
#content2 ul.sitemap li {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0.5em;
	margin-left: 1.5em;
	font-size: 0.95em;
}
#content2 .sitemap li ul li {
	margin-left: 0px;
	list-style-type: none;
	list-style: none;
	padding-bottom: 0.2em;
}
#content2 .sitemap h2 {
	margin-bottom: 0.26em;
	font-size: 1.23em;
}
#content2 .sitemap .plainList li {
	list-style-type: none;
	list-style: none;
}
#content2 .sitemap h3 {
	color: #158BBD;
	padding-left: .35em;
}
#nav_search h4 {margin: 0px;padding: 0px;margin-top: 0px;margin-bottom: 0px; padding-top:0;}
form { padding: 0; margin: 0; }
#s1 { width: 110px; float: left;}
#s1 input { width: 108px; font-size: 0.7em; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;margin:0; margin-top: 1px;padding: 0;}
#go { width: 28px; margin:0; padding:0; float: left; padding-top: 12px; height: 23px; 
}
#go a, #go a:link { margin: 0; width: 28px; height: 23px; background-image:  url(../images/go3.gif); background-repeat: no-repeat; color: #fff; text-align: center; font-weight: bold; display: block; text-decoration: none; }
#go a:hover { height: 23px; width: 28px; color: #fff; background-image:  url(../images/go3_o.gif); background-repeat: no-repeat; text-align: center; font-weight: bold; display: block; text-decoration: none; }
#content .iconLink {
	float: left;
	width: 119px;
	padding-right: 1.5em;
}

.sm {width: 100px;}
.wide {	width: 354px;}.sm img {
	margin-left: .5em;
	margin-top: 0.5em;
}
.youtube {
	width: auto;
	margin-bottom: 20px;
}