/***********************************************************************
 * file:		css/style.css
 * author:		toy
 * date:		25jan10
 * re:			general css for site
 * 
 * rev history
 * [toy 25jan10]	init rev 
 * 
 ************************************************************************/

/* base */ 
.blog #main, .archive #main, .single #main {left:3px;}
* {
	font-family: Trebuchet, Tahoma, Arial, Sans-Serif;
/*	font-size: 11pt;*/
	margin: 0;
	padding: 0;
	list-style: none;
}
table {
	font-size: 11pt;
}
div {
	position:relative
}
/* default styles */
body {
	background-color: #4b4b25;
	font-size: 12px;
}
h1 {
	font-size: 30px;
}
h3 {
	font-size: 16px;
}
a {
	color: #506f6f;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	color: #233334;
	font-size: 12px;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}
ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
ol {
	counter-reset: item;
}
ol>li {
	counter-increment: item;
}
em {
	font-size: 12px;
}
/* working styles */
.pink {
	color: #f955e0;
}
.white {
	color: white;
}
.black {
	color: black;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.spacer {
	height:15px;
}
.error {
	color: Red;
	font-weight: bold;
}
.w25 {
	width: 25px;
}
.w50 {
	width: 50px;
}
.w100 {
	width: 100px;
}
.w150 {
	width: 150px;
}
.w200 {
	width: 200px;
}
.w250 {
	width: 250px;
}
.w300 {
	width: 300px;
}
.w350 {
	width: 350px;
}
.w400 {
	width: 400px;
}
.w500 {
	width: 500px;
}
.textD {
	color: Black;
	font-size: 11px;
}
/* template divs */
#container {
	width: 834px;
	/*overflow: auto;*/
	margin: 0 auto;
	border: solid 0px red;
	background-color:#FFF
}
#header {
	overflow: hidden;
	width: 834px;
	min-height: 335px;
	font-size: 12px;
	margin: 0 0 0 0px;
	background: url("../images/headerbg.png") no-repeat;
	border: solid 0px red;
	border-bottom: solid 0px red;
	background-color:#FFF;
	
}
#header .logoD {
	margin: 16px 0 0 135px;
	border: solid 0px blue;
}
#header .logoD img {
	width: 640px;
	height: 24px;
	border: solid 0px red;
}
#header .locationsD {
	width: 620px;
	color: #222222;
	font-size: 10px;
	margin: 5px 0 0 137px;
	border: solid 0px blue;
}
#menubar {
	margin: 86px 3px 0 0;
	float: right;
	z-index: 50;
	border: solid 0px blue;
}
#menubar form {
	color:White;
	margin: 4px 0 0 0;
	float: left;
	border: solid 0px purple;
}
#menubar form a {
	font-weight: bold;
	color:White;
	text-decoration:none;
}
#menubar form input {
	color: #aaaaaa;
	font-size: 12px;
}
#nav {
	color: white;
	margin: 10px 0 0 0;
	/*overflow: auto;*/
	border: solid 0px red;
}
#nav div a {
	color: white;
	font-size: 12px;
}
#nav div a:hover {
	text-decoration:none;
}
#nav div.reduceD {
	margin: 0 0 0 70px;
	float:left;
	border: solid 0px red;
}
#nav div.reuseD {
	margin: 0 0 0 150px;
	float:left;
	border: solid 0px red;
}
#nav div.recycleD {
	margin: 0 0 0 160px;
	float:left;
	border: solid 0px red;
}
#nav div.rethinkD {
	margin: 0 0 0 150px;
	float:left;
	border: solid 0px red;
}
#nav1 {
	color: white;
	margin:0px;
	/*overflow: auto;*/
	padding:0px;
	background-color:#FFF
}
#nav1 a {
	color: White;
	font-size: 1.1em;
	font-weight: normal;
}
#nav1 .navImagesD {
	height: 96px;
	overflow: hidden;
	border: solid 0px green;
	background-color:#FFF
}
#nav1 .navImagesD .navImageD {
	width: 208px;
	background-color: #aaaaff;
	float:left;
	border: solid 0px blue;
}
#nav1 .navImagesD .navImageD .navI {
	width: 208px;
	border: solid 0px #aaaaff;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #9C0;
}
#nav1 .navImagesD .navSpacerD {
	width: 1px;
	background: url("/images/blackgrade.png") repeat-y;
	background-color: #aaaaff;
	float:left;
}
#nav1 .navTextD {
	height: 35px;
	background: url("/images/blackgrade.png") repeat-x;
	overflow: hidden;
	padding: 0px;
	border: solid 0px red;
	text-align:center;
	font-size:12px;
}
#nav1 .navTextD .reduceD {
	margin: 10px 0 0 70px;
	padding: 0 0 0px 0;
	float:left;
	border: solid 0px red;	font-size:16px;
}
#nav1 .navTextD .reuseD {
	margin: 10px 0 0 150px;
	float:left;
	border: solid 0px red;	font-size:16px;
}
#nav1 .navTextD .recycleD {
	margin: 10px 0 0 140px;
	float:left;
	border: solid 0px red;	font-size:16px;
}
#nav1 .navTextD .rethinkD {
	margin: 10px 0 0 150px;
	float:left;
	border: solid 0px red;	font-size:16px;
}
#nav2 {
	width: 834px;
	height: 35px;
	color: white;
	margin: 0px 0 0 0;
	overflow: visible;
	border: solid 0px blue;
}
#nav2 a {
color:#fff;
font-size:1.1em;
font-weight:bold;
height:35px;
letter-spacing: 1px;
text-decoration: none;
}

#nav2 a:hover{
color:white;
font-size:1.1em;
font-weight:bold;
height:35px;
letter-spacing: 1px;
text-decoration: none;
}

#nav2 .navTextD {
	height: 35px;
	background: url("/images/blackgrade.png") repeat-x;
	overflow: visible;
	padding: 0px;
	border: solid 0px red;font-size:16px; font-weight:bold
}
#nav2 .navTextD div {font-size:16px; font-weight:bold}
#nav2 .navTextD .reduceD {
	margin: 10px 0 0 70px;
	padding: 0 0 0px 0;
	float:left;
	border-right: solid 0px red;
}
#nav2 .navTextD .reuseD {
	margin: 10px 0 0 150px;
	float:left;
	border-right: solid 0px red;
}
#nav2 .navTextD .recycleD {
	margin: 10px 0 0 160px;
	float:left;
	border-right: solid 0px red;
}
#nav2 .navTextD .rethinkD {
	margin: 10px 0 0 150px;
	float:left;
	border-right: solid 0px red;
}
#main {
	position: relative;
	z-index: 2;
	background-color: white;
	/*overflow: auto;*/
	margin: -82px auto 0px auto;
	border: solid 0px blue;
}
.titleD {
	background: url("/images/bkg_bl_big_title.png") repeat-y;
	height: 27px;
	color: #f2f8ef;
	font-weight: bold;
	margin: 0px 0 0 0px;
	padding: 6px 0 0 160px;
	border: solid 0px red;
}
#main .titleBlueD {
	background: url("/images/bkg_blue_title.png") repeat-y;
	height: 24px;
	color: #f2f8ef;
	font-weight: bold;
	margin: 0px 0 0 0px;
	padding: 6px 0 0 160px;
	border: solid 0px red;
}
#main .titleRedD {
	background: url("/images/bkg_red_title.png") repeat-y;
	height: 24px;
	color: #f2f8ef;
	font-weight: bold;
	margin: 0px 0 0 0px;
	padding: 6px 0 0 160px;
	border: solid 0px red;
}
#main .titleOrangeD {
	background: url("/images/bkg_orange_title.png") repeat-y;
	height: 24px;
	color: #f2f8ef;
	font-weight: bold;
	margin: 0px 0 0 0px;
	padding: 6px 0 0 160px;
	border: solid 0px red;
}
#main .titleGreenD {
	background: url("/images/bkg_main_title.png") repeat-y;
	height: 24px;
	color: #f2f8ef;
	font-weight: bold;
	margin: 0px 0 0 0px;
	padding: 6px 0 0 160px;
	border: solid 0px red;
}
#main.contentD {
	background-color: White;
}
#main.contentD {
	width:400px;
	float: left;
	border:solid 1px red;
}
#main.sidebarD {
	width: 200px;
	float:left;
	border: solid 1px green;
}
#content {
	/*overflow: auto;*/
	color: #222222;
	width:550px;
	font-size: 12px;
	padding: 0 10px 0 20px;
	float: left;
	border:solid 0px yellow;
}
#content p {
	color: #222222;
	font-size: 12px;
	line-height:1.5em;
}
#content p strong {
	/*font-size: 1em;*/
}
#content .subtitle {
	background:url(../images/square.png) no-repeat;
	padding:0;
	margin:10px 0 10px 0;
	padding-left:30px;
	font-weight:bold;
	line-height:18px;
}
#content1 {
	color: #333333;
	width:750px;
	font-size: 12px;
	padding: 0 10px 0 20px;
	float: left;
	border:solid 0px red;
}
#content1 p {
	color: #333333;
	font-size: 12px;
	line-height: 1.6em;
}
#content1 p strong {
	font-size: 12px;
}
#sidebar {
	margin: 0px 10px 0 0px;
	float:right;
}
#sidebar .topBoxD {
	/*overflow: auto;*/
	border: solid 0px red;
}
#sidebar .topBoxD .headerD {
	color: #a3d560;
	font-size: 10px;
	font-weight: bold;
	background: url("/images/sidebarbluetop.png") no-repeat;
	padding: 0 0 0 10px;
	border: solid 0px blue;
}
#sidebar .topBox1D .headerD {
	color: #a3d560;
	font-size: 10px;
	font-weight: bold;
	background: url("/images/bkg_black_title.png") no-repeat;
	padding: 0 0 0 10px;
	border: solid 0px blue;
}
#sidebar .topBoxD .contentD, #sidebar .topBox1D .contentD {
	/*overflow: auto;*/
	width: 192px;
	color: black;
	background-color: #eff3de;
	padding: 0px 0 10px 0px;
	margin: 0px 0 0px 0px;
	border: solid 0px red;
}
.topBox1D {	background-color: #eff3de;}
#sidebar .topBoxD .contentD ul, #sidebar .topBox1D .contentD ul {
	width: 160px;
	margin: 10px 10px 0 10px;
	border: solid 0px blue;
}
#sidebar .topBoxD .contentD li, #sidebar .topBox1D .contentD li {
	width: 150px;
	font-size: 10px;
	line-height: 16px;
	border: solid 0px green;
	padding-top:5px;
}
#sidebar #centerWidget {
	color: White;
	background-color: #72a435;
	font-size: 0.8em;
	/*overflow: auto;*/
	margin: 20px 0 0 0;
	border: solid 0px red;
}
#sidebar .findBoxD {
	color: White;
	background-color: #72a435;
	font-size: 0.75em;
	/*overflow: auto;*/
	padding: 10px 5px 10px 5px;
	margin: 20px 0 0 0;
}
#sidebar .findBoxD .hintD {
	color: #d0e185;
	font-size: 0.7em;
	border: solid 0px red;
}
#sidebar p.golden_title {
	font-size: 1em;
	color:#A7B526;
	border-bottom:2px solid #A7B526;
	line-height:25px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:15px;
}
#sidebar p.golden_title strong {
	font-size: 1em;
}
#foot {
	width:834px;
	line-height:15px;
	height:15px;
	background-color:#CCCC99;
}
#footer {
	background-color: white;
}
#footer .orangeD {
	height: 37px;
	background-color:#ff6600;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 10px 0 0 20px;
	border: solid 0px green;
}
#footer .blueGradeD {
	height: 57px;
	background: url("/images/bluegrade.png") repeat-x;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 10px 0 0 20px;
	border: solid 0px green;
}
#footer .redGradeD {
	height: 57px;
	background: url("/images/redgrade.png") repeat-x;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 10px 0 0 20px;
	border: solid 0px green;
}
#footer .greenGradeD {
	height: 57px;
	background: url("/images/greengrade.png") repeat-x;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 10px 0 0 20px;
	border: solid 0px green;
}
#footer .orangeGradeD {
	height: 57px;
	background: url("/images/orangegrade.png") repeat-x;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 10px 0 0 20px;
	border: solid 0px green;
}
#footer .carouselD {
	width:750px;
	height:80px;
	margin:15px 0 15px 22px;
	padding: 10px 0 0px 25px;
	border: solid 0px red;
}
#footer .carouselD a {
}
#footer .carouselD a:hover {
}
#footer .brownD {
	width: 835px;
	height: 15px;
	background-color:#d2d69a;
	clear: both;
	border: solid 0px red;
}
.errMsgD {
	color: red;
	margin: 10px 0 10px 0;
}
/* custom styles */
table.infoT {
	font-size: 0.8em;
	margin: 0 0 0 30px;
	border: solid 0px red;
}
table.infoT td {
	font-size: 0.8em;
}
table.infoT td b {
	font-size: 0.9em;
}
table.infoT td div {
	font-size: 1em;
}
td.gridHeaderTD {
	color: #bbbbbb;
	font-size: .95em;
	font-weight: bold;
	text-align:center;
}
td.gridDataTD {
	color: #333333;
}
a.centerA {
	color: Yellow;
}
a.centerA:hover {
	color: blue;
}
ul.bulletUL {
	margin: 0px;
	padding:10px;
}
ul.bulletUL li {
	font-size: 0.8em;
	list-style: disc outside;
}
ol.decimalOL {
	margin: 0px;
	padding:10px;
}
ol.decimalOL li {
	font-size: 0.8em;
	line-height:1.5em;
	list-style: decimal inside;
	margin: 0 0 10px 0;
}
h2.blue {
	color: #006699;
	border-bottom: dotted 1px #006699;
}
h2.green {
	color: #338F00;
	border-bottom: dotted 1px #338F00;
	margin-bottom: 5px;
}
h2.orange {
	color: #FF8C3F;
	border-bottom: dotted 1px #FF8C3F;
}
h2.red {
	color: #C60000;
	border-bottom: dotted 1px #C60000;
}
h2.grey {
	color: gray;
	border-bottom: dotted 1px gray
}
div.col220D {
	width: 220px;
	font-size: 0.8em;
	float: left;
	margin: 0 20px 0 0;
	border: solid 0px red;
}
div.col220D div {
	font-size: 1.1em;
	line-height: 1.5em;
}
div.col220D .headerD {
	height: 30px;
	color:#709222;
	font-size: 1em;
	font-weight: bold;
	padding: 10px 0 0 0;
}
div.col220D .nameD {
	font-size: 1em;
	font-weight: bold;
}
#green_box {
	width:543px;
	height:68px;
	background:url(/images/bkg_green.png) repeat-x;
}
#green_box img {
	float:left;
}
#green_box .text {
	float:left;
	margin-top:3px;
	color:#333534;
	font-size:11px;
	width:400px;
	line-height:14px;
}
#green_box .text span {
	font-size:12px;
	font-weight:bold;
	line-height:28px;
	margin-top:3px;
}
#content .sectionD {
	/*overflow: auto;*/
	border: solid 0px blue;
}
#content .sectionD h3.mini {
	font-size: 0.8em;
	font-weight: bold;
	border: solid 0px yellow;
}
#content .sectionD .imageD {
	float: left;
	border: solid 0px green;
}
#content .sectionD .textD {
	width: 400px;
	float: left;
	padding: 0 10px 0 10px;
	border: solid 0px green;
}
/* popup boxes */
.pop_box {
	width:446px;
	position:absolute;
	bottom:0px;
	left:12px;
	background:#FFFFFF;
	border:1px solid #d8d8d8;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#333333;
	line-height:18px;
	display:none;
	z-index:1000;
}
.pop_box h2.blue {
	color:#006699;
	font-size:16px;
	width:415px;
	font-weight:bold;
	border-bottom:1px dotted #006699;
	line-height:28px;
	margin-left:10px;
	padding-left:5px;
}
.pop_box h2.green {
	color:#4C9C1F;
	font-size:16px;
	width:415px;
	font-weight:bold;
	border-bottom:1px dotted #4C9C1F;
	line-height:28px;
	margin-left:10px;
	padding-left:5px;
}
.pop_box p {
	margin-top:15px;
	margin-left:10px;
	margin-bottom:15px;
	width:240px;
}
.pop_box p a {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
/**/
.pop_box_plastic {
	width:446px;
	position:absolute;
	top:50px;
	left:100px;
	background:#FFFFFF;
	border:1px solid #D8D8D8;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#333333;
	line-height:18px;
	display:none;
	z-index:1000;
}
.pop_box_plastic h2 {
	color:#006699;
	font-size:16px;
	width:415px;
	font-weight:bold;
	border-bottom:1px dotted #006699;
	line-height:28px;
	margin-left:10px;
	padding-left:5px;
}
.pop_box_plastic p {
	margin-top:15px;
	margin-left:10px;
	margin-bottom:15px;
	width:240px;
}
.pop_box_plastic p a {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
/**/

.pop_box_m {
	width:446px;
	position:absolute;
	top:100px;
	left:80px;
	background:#FFFFFF;
	border:1px solid #D8D8D8;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#333333;
	line-height:18px;
	display:none;
	z-index:1000;
}
.pop_box_m h2.blue {
	color:#006699;
	font-size:16px;
	width:415px;
	font-weight:bold;
	border-bottom:1px dotted #006699;
	line-height:28px;
	margin-left:10px;
	padding-left:5px;
}
.pop_box_m h2.green {
	color:#4C9C1F;
	font-size:16px;
	width:415px;
	font-weight:bold;
	border-bottom:1px dotted #4C9C1F;
	line-height:28px;
	margin-left:10px;
	padding-left:5px;
}
.pop_box_m p {
	margin-top:15px;
	margin-left:10px;
	margin-bottom:15px;
	width:240px;
}
.pop_box_m p a {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.pop_box h2.red {
	color:#C60000;
	font-size:16px;
	width:210px;
	font-weight:bold;
	border-bottom:1px dotted #FF7575;
	line-height:28px;
	margin-left:10px;
	padding-left:5px;
}
.pop_box h2.orange {
	color:#FF8C3F;
	font-size:16px;
	width:210px;
	font-weight:bold;
	border-bottom:1px dotted #FF7575;
	line-height:28px;
	margin-left:10px;
	padding-left:5px;
}
.pop_box_mail {
	width:446px;
	position:absolute;
	bottom:800px;
	left:80px;
	background:#FFFFFF;
	border:1px solid #D8D8D8;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#333333;
	line-height:18px;
	display:none;
	z-index:2000;
}
.pop_box_mail h2 {
	color:#3F8CB2;
	font-size:16px;
	width:415px;
	font-weight:bold;
	border-bottom:1px dotted #006699;
	line-height: 1em;
}
.pop_box p {
	margin-top:15px;
	margin-left:10px;
	margin-bottom:15px;
	width:240px;
}
.pop_box_mail p a {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
/* other */
.bannerD {
	margin: 0px 0 0 0;
}
#calendar {
	margin: 0px;
	padding: 0px;
}
iframe {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:922px;
}
.navTextD td {text-align:center; font-weight:bold;}
.quick_links {
	font-size: 8px;
	text-transform: uppercase;
	color: #333;
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:15px;
}