body {margin: 0; padding: 0; color: #2e2d2d; background: #fff url(../img_t/bg.gif) repeat-x;}
body, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:12px;}

a {color:#333; text-decoration: underline; outline: none;}
a:hover {text-decoration: underline; color: #000;}
img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { vertical-align:top; padding: 0; }

h1, h2, h3 {margin:0 0 .5em 0; font-weight: bold;}
h1 {font-size: 20px;}
h2 {font-size: 16px;} /* also used in common files*/
h3 {font-size: 14px; }
h4 {font-size: 10px; font-style: italic; font-weight: normal;}


p, pre {margin: 0 0 1em 0; line-height: 1.4em; }
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: .5em 0 .5em 1.1em;}
ul li {list-style: square; margin:0 0 .25em .5em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 1em .5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: .25em 0; border: 1px solid #ccc;}
legend {font-size: 18px; font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 1px; padding: 0 2px; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 2px; padding-right: 2px;}

#wrap {width: 780px; position: relative;   }

#head { background: #000 url(../img_t/bg_head.jpg) no-repeat top right; height: 149px;}
#head td { vertical-align: middle;}
#head td img#logo { margin-left: 20px;}
#head th { vertical-align: middle; text-align: center; width: 180px;}

.left { width: 160px; background: #8cb82e; padding: 10px 10px 2px 10px;}
.right { width: 125px;}
.cnt { padding: 10px;}

.left h2 { text-align: center; margin: 10px 0;}
.gbox { background: #97c433; margin-bottom: 13px;}
.gbox h3 { background:  url(../img_t/bg_gboxhead.gif) no-repeat;  font-size: 12px; font-style: italic;
	height: 23px; padding: 5px 0 0 5px; margin: 0; text-transform: lowercase; }
.gbox h3 a {color: #fff; text-decoration: none;}
.gbox h3 a:hover { text-decoration: underline;}
.gbox p { padding: 3px 10px 12px 10px; margin: 0; color: #2e2d2d; font-size: 11px; font-style: italic; }


.linkshare img { margin-top: 5px;}
.localRes { background: #8cb82e; padding-bottom: 64px; margin-top: 5px;}
.localRes p { text-align: center; padding: 10px; margin: 0;}
.localRes p a { color: #333;}
.fyi { margin-top: 5px; background: #000; padding-bottom: 10px;}
.fyi p { margin: 0; padding: 0 10px; text-align: center; color: #fff;}
.fyi p a { color: #fff;}

.gspace {}
.gspace h3 {  font-style: italic; margin: 0;}
.gspace p { font-style: italic;}

.didyouknow { width: 212px; border: 1px solid #97c433; margin-right: 10px; padding-bottom: 42px;}
.didyouknow div.dykHead { background: #000; padding-bottom: 20px;}
.didyouknow div.dykHead div { color: #fff !important; font-size:12px; font-style: italic; padding: 0 10px; margin: 0; text-align: center;}
.didyouknow ul { margin: 0; padding: 26px 10px 10px 5px; list-style: none;}
.didyouknow li { list-style: none; background: url(../img_t/bg_li.gif) no-repeat; padding: 0 10px 16px 35px; font-style: italic;}

.ecoXpert { background: #739527; padding:5px 5px 10px 5px;}
.ecoXpert div.ecoHead { text-align: center; padding-bottom: 15px;}
.ecoXpert p { clear: left; font-style: italic; padding: 0 10px 5px 10px; margin: 0;}
.ecoXpert p a { color: #fff;}

/* -- fyi pages- links with no description --*/
.listTable td {padding: 5px;}
.listTable td a { background: url(../img_t/smallLeaf.png) no-repeat; padding-left: 19px;}

/* -- local resource pages- links with description --*/
.link { border-top: 1px dashed #97c433;}
.link p { margin: 5px 0;}
.link a {background: url(../img_t/smallLeaf.png) no-repeat; padding-left: 21px; font-size: 12px;}

#wrap550 { width: 550px;}

#wrap550 #head { width: 100%;background: #000;}
#wrap550 #head td {padding: 0;}
#wrap550 #head th { width: 387px; height: 148px; padding: 0;}
#wrap550 .gspace { padding: 10px;}

#wrap550 td#leftCol { width: 160px;background: #8cb82e; padding: 10px 0 2px 0;}
#wrap550 #leftCol h2 { text-align: center; margin: 10px 0;}


#wrap550 .fyi { margin-top: 5px; background: #000; padding: 10px; text-align: center;}
#wrap550 .fyi img { margin: 5px;text-align: center;}
#wrap550 .fyi p { margin: 0; padding: 0 10px;  color: #fff;}
#wrap550 .fyi p a { color: #fff;}
#wrap550 .localRes { background: #8cb82e; padding: 10px; text-align: center; }
#wrap550 .localRes p { text-align: center; padding: 10px; margin: 0;}
#wrap550 .localRes p a { color: #333;}

#wrap550 .didyouknow { width: 195px; border-bottom: 1px solid #97c433;}
#wrap550 .didyouknow div.dykHead { background: #000 url(../img_t/bg_didyouknow550.gif) no-repeat 50% 10px;  min-height: 155px;}
#wrap550 .didyouknow div.dykHead div { color: #fff !important; font-size:12px; font-style: italic; padding: 100px 10px 0 10px; margin: 0; text-align: center;}
#wrap550 .didyouknow ul { margin: 0; padding: 26px 10px 10px 5px; list-style: none;}
#wrap550 .didyouknow li { list-style: none; background: url(../img_t/bg_li.gif) no-repeat; padding: 0 10px 16px 35px; font-style: italic;}

#wrap550 .ecoXpert { background: #739527; padding:5px 5px 10px 5px;}
#wrap550 .ecoXpert div.ecoHead { text-align: center; padding-bottom: 15px;}
#wrap550 .ecoXpert p { clear: left; font-style: italic; padding: 0 10px 5px 10px; margin: 0;}
#wrap550 .ecoXpert p a { color: #fff;}

#wrap550 .subpage { padding: 10px;}

.PagerControl {font-size: 13px; text-align: center; height: 24px;}
.PagerResults { float: left; width: auto; padding: 0 5px;}
.PagerNumberArea {font-size: 13px; float: left; width: auto; padding-top: 4px; }
.PagerNumberArea a {background: #0e0e0e; padding: 5px; color: #fff;  border: 1px solid #3f3f3f; text-decoration: none; }
.PagerNumberArea a:hover {background: #fff; padding: 5px; color: #333; text-decoration: none; border-color: #666;}

.PagerNumberArea span.SelectedPage {
	background: #71AC00; padding: 5px; color: #fff;  border: 1px solid #666;}
.PagerNumberArea span.SelectedNext, .PagerNumberArea span.SelectedPrev {
	background: #0e0e0e; padding: 5px; color: #fff;  border: 1px solid #3f3f3f; }
	
	
#wrap480 { width: 472px; margin: 4px;}
#wrap480 td.spacer {width: 4px;}
#wrap480 table.section { width: 100%; margin-bottom: 4px;}


#wrap480 #head { width: 100%;background: #000;}
#wrap480 #head td {padding: 0;}
#wrap480 #head th { width: 307px; height: 147px; padding: 0;}
#wrap480 .gspace { padding: 10px; border: 1px solid #333; margin: 4px 0;}

#wrap480 .didyouknow { width: 234px; border-bottom: 1px solid #97c433;}
#wrap480 .didyouknow div.dykHead { background: #000 url(../img_t/bg_didyouknow550.gif) no-repeat 50% 10px;  
	min-height: 155px;}
#wrap480 .didyouknow div.dykHead div { color: #fff !important; font-size:12px; font-style: italic; padding: 120px 8px 0 8px; margin: 0; text-align: center;}
#wrap480 .didyouknow ul { margin: 0; padding: 26px 4px 10px 4px; list-style: none;}
#wrap480 .didyouknow li { list-style: none; background: url(../img_t/bg_li.gif) no-repeat; padding: 0 10px 16px 35px; font-style: italic;}

#wrap480 .ecoXpert { width: 234px; background: #739527; padding:5px 5px 10px 5px;}
#wrap480 .ecoXpert div.ecoHead { text-align: center; padding-bottom: 15px;}
#wrap480 .ecoXpert p { clear: left; font-style: italic; padding: 0 10px 5px 10px; margin: 0;}
#wrap480 .ecoXpert p a { color: #fff;}

#wrap480 #resources { background: #8cb82e; margin-bottom: 4px; border: 1px solid #333; padding-bottom: 4px; width: 470px;}
#wrap480 #resources h1 { background: url(../img_t/480/bg_h1.gif) repeat-x; padding: 8px 0; margin: 0;}
#wrap480 #resources h1 img {padding-left: 8px;}
#wrap480 #resources table {margin: 4px 4px; }
#wrap480 #resources table td {width: 110px; padding: 4px;}

#wrap480 .fyi {background: #000; padding: 4px; width: 234px !important;}
#wrap480 .fyi img { float: left; width: 90px; margin-top: 4px;}
#wrap480 .fyi p { margin: 0; padding: 0 4px;  color: #fff; text-align: left;}
#wrap480 .fyi p a { color: #fff;}
#wrap480 .localRes { background: #fff; padding: 4px; border: 1px solid #333; width: 232px; }
#wrap480 .localRes img {float: left; width: 90px; margin: 2px 0 0 4px;}
#wrap480 .localRes p { padding: 0 4px; margin: 6px 0 0 0; text-align: left;}
#wrap480 .localRes p a { color: #333;}


#wrap480 h1 { font-size: 16px; margin-bottom: 1em;}
#wrap480 .subpage { padding: 10px; border: 1px solid #333; margin: 4px 0;}
#wrap480 table.leaf {}
#wrap480 h2 {font-size: 14px;}
#wrap480 table.leaf {margin-top: 4px;}
#wrap480 table.leaf td {padding: 2px;}
#wrap480 .PagerControl {margin-top: 12px;}

.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}