/*** GENERAL STYLES ***/

/*body {background: #e9e9e9; text-align: center; margin: 0; padding: 0;}*/
body {background: url(../images/gradient.jpg) repeat-x #fff; text-align: center; margin: 0; padding: 0;}
body, th, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000;}
body, th, h1, h2, h3, h4, h5, h6 {line-height: 17px;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}


.hide {display: none;}
.small {font-size: 10px;}
.large {font-size: 12px;}
.button {background: #005b9a; color: #fff; font-weight: bold; border: 2px solid #005b9a;}
.alert {color: #d00; font-weight: bold;}
.required {color: #d00; font-weight: bold; font-size: 15px;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.imgleft {float: left; margin: 0 20px 20px 0;}
.imgright {float: right; margin: 0 0 20px 20px;}
.txtleft {float: left; margin: 0 10px 10px 0; padding: 0 0 10px 0;}
.txtright {float: right; margin: 0 0 10px 10px; padding: 0 0 10px 0;}
.envirobg {background: url(../imagegallery/LeafGreenLG.jpg) no-repeat;}

.x-small { font-size: 77%; letter-spacing:normal; }
.small { font-size: 85%; letter-spacing:normal; }
.med-small { font-size: 93%; letter-spacing:normal; }
.medium { font-size: 100%; letter-spacing:normal; }
.med-large { font-size: 108%; letter-spacing:normal; } 
.large { font-size: 116%; letter-spacing:normal; } 
.x-large { font-size: 123.1%; letter-spacing:normal; } 
.x2-large { font-size: 131%; letter-spacing:normal; } 
.x3-large { font-size: 138.5%; letter-spacing:normal; } 
.x9-large { font-size: 182%; letter-spacing:normal; }


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 990px; margin: 6px auto; text-align: left; background: #fff url(../images/bkg.gif);}
#cornerstop {height: 9px; overflow: hidden; background: url(../images/corners-top.gif);}
#cornersbottom {height: 9px; overflow: hidden; background: url(../images/corners-bottom.gif);}

#main {margin: 0 9px; background: url(../images/main.gif) repeat-y;}
	body.home #main {background: url(../images/main-home.gif) repeat-x; padding-top: 0px;}

#rightcolumn { float: right; width: 732px; padding: 15px 0px 0px 30px; background: url(../images/rightcolumn.gif) repeat-x;}
	body.home #rightcolumn { background: none; padding-top: 15px; }

#content { float: left; width: 660px; padding-bottom: 30px; }
	body.twocol #content {width: 692px; padding-right: 40px;}

#rightbar { padding-top: 15px; padding-bottom: 5px; width: 200px; }
	body.twocol #rightbar {display: none;}


/*** TOP AREA STYLES ***/

#top {margin: 0 9px 5px 9px; background: #3a8f04 url(../images/top.jpg) no-repeat;}
#top h1 a {display: block; width: 485px; height: 82px; overflow: hidden; line-height: 200px;}
#top h2 {display: none;}

#mainnav {height: 29px; padding: 0 5px; background: url(../images/mainnav.gif); font-size: 14px; font-weight: bold; line-height: 29px;}
#mainnav li {position: relative; float: left;}
#mainnav a {display: block; width: 10px; white-space: nowrap; color: #fff; text-decoration: none; background: left top no-repeat; padding-left: 9px;}
#mainnav span {display: block; width: 10px; white-space: nowrap; background: right top no-repeat; padding: 0 20px 0 11px; cursor: pointer; cursor: auto;}
html>body #mainnav a, html>body #mainnav span {width: auto;}

#mainnav li.roll, #mainnav li.on {background-image: url(../images/tab-roll-li.gif);}
#mainnav li.roll a, #mainnav li.on a {background-image: url(../images/tab-roll-a.gif);}
#mainnav li.roll span, #mainnav li.on span {background-image: url(../images/tab-roll-span.gif);}

#mainnav li.roll ul {display: block;}
#mainnav ul {display: none; position: absolute; left: 0; top: 26px; background: #005b9a; border: solid #003c65; border-width: 0 1px 1px 0; padding: 3px 3px 2px 3px; font-size: 12px; margin: 0 4px; line-height: 14px;}
#mainnav ul li {float: none; border-bottom: 1px solid #005b9a; background: #ccdaec url(../images/mainnav-ul-li.gif) repeat-y !important;}
#mainnav li ul a {background-image: none !important; padding: 5px 14px; width: 150px; color: #003c65; white-space: normal;}
#mainnav li ul a:hover {background: #662806; color: #fff;}
/*ModCode-#mainnav li ul a:hover {background: #489f06; color: #fff;}*/

#eyebrownav {position: absolute; left: 502px; top: 70px; width: 479px; height: 11px; padding: 5px 0; background: url(../images/eyebrownav.gif); font-size: 11px; line-height: 11px;}
#eyebrownav li {float: left; padding: 0 11px; border-right: 1px solid #fff;}
#eyebrowlogin {border: 0 !important;}
#eyebrownav a {color: #fff; text-decoration: none;}
#eyebrownav a:hover {text-decoration: underline;}
#homephotos { margin: 0 9px 5px 9px; height: 150px; background: url(../images/homephotos.jpg); }


/*** LEFT NAV STYLES ***/

#leftcolumn {float: left; width: 210px; padding-bottom: 30px; background: url(../images/leftcolumn.gif) repeat-x;}
	body.home #leftcolumn {padding: 0 5px; width: 200px; background: none;}
#leftcolumn h1 {padding: 23px 9px 0 9px; line-height: 22px; font-size: 14px; color: #005b9a; text-transform: uppercase;}
/*Modcode-#leftcolumn h1 {padding: 23px 9px 0 9px; line-height: 22px; font-size: 14px; color: #265303; text-transform: uppercase;}*/

#lefthomecolumn
{
	width: 210px;
	padding-bottom: 30px;
	background: url(../images/leftcolumn.gif) repeat-x;

}
	body.home #lefthomecolumn { width: 210px; background: #dce6f2 url(../images/leftcolumn.gif) top repeat-x;}
	
#leftdefaultcolumn { width: 210px; padding-top: 30px; padding-bottom: 30px;  }
	body.home #leftdefaultcolumn { width: 210px; padding-top: 15px; }

#leftquotecolumn { float: left; width: 210px; padding-left: 5px; padding-bottom: 30px;  }
	body.home #leftquotecolumn { width: 210px; padding-top: 15px; }
	
	
#leftnav {border: solid #fff; border-width: 1px 0; background: #becfe6; font-weight: bold;}
#leftnav li {border-bottom: 1px solid #b1c5e0;}
#leftnav a {display: block; width: 192px; padding: 4px 9px; color: #003c65; text-decoration: none;}
#leftnav a:hover {background: #005b9a; color: #fff;}
#leftnav li.on a {background: #662806; color: #fff;}
/*Modcode-#leftnav li.on a {background: #2d6304; color: #fff;}*/
#leftnav li.on ul {display: block;}
#leftnav ul {display: none; border: 0; background: #662806; padding: 4px 0;}
/*ModCode-#leftnav ul {display: none; border: 0; background: #489f06; padding: 4px 0;}*/
#leftnav ul li {border: 0; font-size: 11px; line-height: 12px;}
#leftnav ul li a {color: #fff; width: 171px; padding: 4px 9px 4px 30px; background: #662806 18px 6px no-repeat !important;}
/*ModCode-#leftnav ul li a {color: #fff; width: 171px; padding: 4px 9px 4px 30px; background: #489f06 18px 6px no-repeat !important;}*/
#leftnav ul li a:hover {text-decoration: underline;}
#leftnav ul li.on a {background-image: url(../images/leftnav-on.gif) !important;}
#leftglobalnav {padding-top: 30px;}

.globalleftcolumn
{
	float: left;
	width: 210px;
	padding-bottom: 30px;
	background: url(../images/main-home.gif) repeat-x;
}

.globalleftcolumnh1 {padding: 23px 9px 0 9px; line-height: 22px; font-size: 14px; color: #265303; text-transform: uppercase;
}

/*** MODULE STYLES ***/

.module {margin-bottom: 10px; padding: 10px 10px; background: #dce6f2 url(../images/module-bottom.gif) bottom no-repeat;}
.module h3 {position: relative; left: 0; top: -10px; margin: 0 -10px; background: #005b9a url(../images/module-top.gif) top no-repeat; color: #fff; font-size: 14px; text-transform: uppercase; padding: 4px 10px;}
.module li {padding-left: 10px; background: url(../images/module-bullet.gif) 0 6px no-repeat; margin-bottom: 5px;}
.module li a {color: #000; text-decoration: none;}
.module li a:hover {color: #005b9a; text-decoration: underline;}


/*** SPECIAL MODULE STYLES ***/

/*#productquote {margin-bottom: 4px}*/

#productquote {margin-bottom: 4px; margin-top: 83px;} /* margin-top: 0 */
#productquote a {display: block; width: 200px; height: 53px; background: url(../images/productquote.gif) no-repeat; overflow: hidden; line-height: 150px;}

#weservice {margin-bottom: 4px;}
#weservice a {display: block; width: 200px; height: 217px; background: url(../images/weservice.gif) no-repeat; overflow: hidden; line-height: 455px;}

#whywood {margin-bottom: 0px;}
#whywood a {display: block; width: 200px; height: 83px; background: url(../images/whywood.gif) no-repeat; overflow: hidden; line-height: 190px;}

.whywood {margin-bottom: 0px;}
.whywood a {display: block; width: 200px; height: 83px; background: url(../images/whywood.gif) no-repeat; overflow: hidden; line-height: 190px;}

/*** FOOTER STYLES ***/

#footer {clear: both; height: 25px; background: #662806 url(../images/bottom.gif) bottom no-repeat; color: #fff; line-height: 25px; font-size: 11px; padding: 0 10px; border-top: 5px solid #fff;}
/*ModCode-#footer {clear: both; height: 25px; background: #2d6304 url(../images/bottom.gif) bottom no-repeat; color: #fff; line-height: 25px; font-size: 11px; padding: 0 10px; border-top: 5px solid #fff;}*/
#footer p {margin: 0;}
#footer ul {float: right;}
#footer li {display: inline;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}


/*** CONTENT STYLES ***/

#content h1 {
	font-size: 2em;
	color: #0063A8;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin: 20px 0;
	}
	
#content h2 {
	font-size: 1.25em;
	color: #0063A8;
	font-family: arial, helvetica, sans-serif;
	text-transform: capitalize;
	margin-bottom: 10px;
	}
	
#content h3 {
	font-size:125%;
	color: #003c65;
	font-family: arial, helvetica, sans-serif;
	text-transform: capitalize;
	background-color: #DCE6F2;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

#content h4 {
	background-color: #DCE6F2;
	padding-left: 5px;
	color: #003366;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	text-transform: capitalize;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-top:7px;
}

#content p {
	font-size: 1.25em;
	font-family: arial, helvetica, sans-serif;
	}


#content ul {
	margin: 5px;
	text-transform: capitalize;
	}


/*ModCode-#content ul li {padding-left: 10px; background: url(../images/bullet.gif) 0 6px no-repeat; margin-bottom: 5px;}*/

#content ul li
	{padding-left: 3px;
	/*background: url(../images/bullet.gif) 0 6px no-repeat;*/
	list-style-type: none;
	margin-bottom: 2px;
	display:block;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	}
	
/*LinkStyles*/

#content ul a {	
	font-variant: small-caps;
}
#content a:link {
	text-decoration: none;
	background: none;
	color: #625957;
}
#content a:visited {
	text-decoration: none;
	background: none;
	color: #A3622A;
}
#content a:active {
	text-decoration: none;
	background: none;
	color: #000;
}
#content a:hover {
	text-decoration: none;
	font-variant: small-caps;
	background: none;
	color: #7EB149;
}
#content a:hover em {
	text-decoration: none;
	/*background-color: #fff;*/
	color: #7EB149;
}
#content a.nodecor:link {
	text-decoration: none;
	background: none;
	color: #000;
}
#content a.nodecor:hover {
	text-decoration: none;
	font-variant: normal;
	background: none;
	color: #000;
}
#content a.mindecor:link {
	text-decoration: none;
	background: none;
	color: #625957;
}
#content a.mindecor:visited {
	text-decoration: none;
	background: none;
	color: #625950;
}
#content a.mindecor:hover {
	text-decoration: none;
	font-variant: normal;
	background: none;
	color: #625957;
}
#content a.mindecor:active {
	text-decoration: none;
	background: none;
	color: #625957;
}
#content a.mindecor:hover {
	text-decoration: none;
	font-variant: normal;
	background: none;
	color: #A9D878;
}
/*EndLinkStyles*/


#content ul a.adobe {
	padding-left: 30px;
	background: url(../images/pdficon_small.gif) 0 10px no-repeat;
	list-style-type: none;
	margin-bottom: 2px;
	display:block;
	color: #000;
	text-transform: capitalize;
	font-size: 8px;
	font-family: arial, helvetica, sans-serif;
}
	
#contentwrap {margin: 0 auto; width: 655px}

.contspacer {
	height:10px;
	float: none;
	clear: both;
	overflow: hidden;
}

.innertube{
margin: 3px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.contbutton {background: #fff; border: 1px dotted #005b9a;}
.contbutton2 {background: #fff; border: 2px solid #662806;}
.contbutton3 {background: #DCE6F2; border: 1px dotted #625957}

.contbutton3 h3 {
	background-color: #BECFE6 !important;
	padding-left: 15px !important;
	cursor: pointer !important;
	color: #003366 !important;
	text-align: left !important;
	font-weight: bold !important;
	height: 20px !important;
	vertical-align: middle !important;
	padding-top:7px !important;
	}

.contbutton3 a:link {
	text-decoration: underline;
	font-variant: normal !important;
	background: none;
	color: #003366 !important;
}
.contbutton3 a:visited {
	text-decoration: none;
	background: none;
	color: #625950;
}
.contbutton3 a:hover {
	text-decoration: none;
	font-variant: normal;
	background: none;
	color: #625957;
}
.contbutton3 a:active {
	text-decoration: none;
	background: none;
	color: #625957;
}
.contbutton3 a:hover {
	text-decoration: none;
	font-variant: normal !important;
	background: none;
	color: #A9D878;
}
.contbutton3 em {
	color: #003366 !important;
}


.negten {
	margin-top: -10px; 
}
.negfive {
	margin-top: -5px; 
}
.negthree {
	margin-top: -3px; 
}

.bluebottomborder {
	border-bottom: 1px dotted #625957;
}



#contenthead {
z-index: 0;
margin-top:-10px;
height: 53px; padding: 0 5px; background: url(../images/header.gif) repeat-x; line-height: 52px;color: #FFF; font-family: arial black; letter-spacing: 3pt; font-size: 17px;  text-transform: uppercase; width: 100%;}

/*LinkStyles*/
#content ul a {	
	font-variant: small-caps;
}
#content a:link {
	text-decoration: none;
	background: none;
	color: #625957;
}
#content a:visited {
	text-decoration: none;
	background: none;
	color: #A3622A;
}
#content a:active {
	text-decoration: none;
	background: none;
	color: #000;
}
#content a:hover {
	text-decoration: none;
	font-variant: small-caps;
	background: none;
	color: #7EB149;
}
#content a:hover em {
	text-decoration: none;
	/*background-color: #fff;*/
	color: #7EB149;
}
/*EndLinkStyles*/



/*start hover menu*/
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #003C65;
background-color: #BECFE6;
border: 2px solid #BECFE6;
}

.hovermenu ul li a:hover{
background-color: #70A2C7;
color: white;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
/*end hover menu*/

.cimgright {float: right; margin: 0 0 20px 20px; clear:right}

.arrows {
	color:#ADDC7C;
	font-size:20pt;
	padding:0 5px 0 5px;
	}
b {
	font-size: 110%;
	}

em {
	color: #662806;
	font-weight: 900;
	font-style: normal;
	font-size: 150%;
	}

#conttopsection{
background: #fff;
height: 17px; /*Height of top section*/
z-index: 0;
margin-top:-7px;
padding-bottom:10px ; 
/*background: url(../images/header.gif) repeat-x;*/ 
line-height: 17px;
width: auto;
border-bottom: 1px solid #cdcdcd;
}

#conttopsectionbackup  {
background: #fff;
height: 53px; /*Height of top section*/
z-index: 0;
margin-top:-10px;
padding: 0 5px; 
/*background: url(../images/header.gif) repeat-x;*/ 
line-height: 52px;
color: #FFF; 
font-family: arial black; 
letter-spacing: 3pt; 
font-size: 17px;  
text-transform: uppercase;
width: auto;
}

.contallcapheader 
{
color: #0063A8;
font-family: arial black;
letter-spacing: 3pt;
font-size: 17px;
font-size: 17px;
text-transform: uppercase;
border-bottom: 1px dotted #008000;
}

#conttopsection h1{
margin: 0;
padding-top: 2px;
padding-bottom: 5px;
vertical-align: top;
text-align:center;
color: #0063A8;
font-family: arial black, arial, helvetica, sans-serif;
font-weight: 900;
letter-spacing: 2pt;
font-size: 160%;
text-transform: none;
font-variant: small-caps;
}

#contheadsection{
border-bottom: 2px solid #625957;
background: white;
margin-bottom:10px;
}

#contheadsection h1{
margin: 0;
padding-top: 15px;
padding-bottom: 5px;
vertical-align: text-bottom;
text-align:center;
color: #0063A8;
font-family: arial black, arial, helvetica, sans-serif;
letter-spacing: 5pt;
font-size: 125%;
text-transform: none;
font-variant: small-caps;
}

#contmaincontainer {width: 690px}

#contentwrapper{
float: right;
width: 100%;
margin-left: -460px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

#contentcolumn{
margin-left: 460px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
background: #fff;
}

#contleftcolumn{
float: left;
width: 230px; /*Width of left column in pixels*/
background: #fff;
}

#contleftcolumnborder{
float: left;
width: 230px; /*Width of left column in pixels*/
background: #fff;
border:2px solid #625957;
margin-right: 5px;
}

#contrightcolumn{
float: left;
width: 230px; /*Width of right column in pixels*/
background: #fff;
}

#contentwrapper2col {
float: left;
width: 100%;
margin-left: 0px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

#contentcolumn2col{
margin-left: 0px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
background: #fff;
}

#contfooter{
clear: both;
width: 100%;
background: #BECFE6;
color: #003c65;
text-align: center;
padding: 10px 0;
margin-top:10px;
border: 1px solid #003366;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;	
border-radius: 10px;
-moz-border-radius: 10px; /* Gecko browsers */
}

/*headsect*/

#headsect {
	width: 50%;
	float: left;
}

#headsect h1 {
	font-size: 2em;
	color: #662806;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
	}
	
#headsect h2 {
	font-size: 1.25em;
	color: #884618;
	font-family: arial, helvetica, sans-serif;
	text-transform: capitalize;
	margin-bottom: 10px;
	}
	
#headsect h3	{
	height: 25px;
	background: url(../images/headsect.gif) repeat-x #F3C784;; text-align: center; margin: 0; padding: 0;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: bold;
	line-height: 29px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: -20px;
	}
	
/*ModCode-#headsect h3 {
	font-size:16px;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	text-transform: capitalize;
	background: url(../images/mainnav.gif) repeat-x #F3C784;; text-align: center; margin: 0; padding: 0;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: -20px;
	}*/
	
#headsect h4 {
	background-color: #A3622A;
	padding-left: 10px;
	color: #662806;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	text-transform: capitalize;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-top:7px;
}

/*Endheadsect*/


.contact a{
color: #fff !important;
font-weight:bolder;
font-style: normal;
background:#0063A8 !important;
height:20px;
text-decoration:none;
padding-left:4px;
padding-right:4px;
display:inline;
border:1px solid #003C65;
}

.quote a{
color: #fff;
font-weight:bolder;
font-style: normal;
background: url(../images/header.gif) repeat-x #489F06 !important;
height:15px;
text-decoration:none;
padding-left:4px;
padding-right:4px;
display:inline;
border:1px solid #1E4902;
width: 15em;
-moz-border-radius: 5px; /* Gecko browsers */
}

#contfooter blockquote{
font-style: oblique;
font-size:13px;
font-weight:bold;
text-align: left;
padding-bottom:5px;

}

.thumbnail:hover span {
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
	}
	
.thumbnail{position: relative;z-index: 0; text-decoration:none;}
.thumbnail:hover{background-color: #fff/*transparent*/;z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/ position: absolute;background-color: #FFFFD0;padding: 5px;left: -1000px;border: 1px dashed gray;visibility: hidden;color: black;
text-decoration: none;z-index: 50;}
.thumbnail span img{ /*CSS for enlarged image*/ border-width: 0;padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible;top: 0;left: 60px; z-index: 50; /*position where enlarged image should offset horizontally */}
.thumbnail a {color: #000; text-decoration: none; z-index: 0;}


/*two-three-column*/
#container {
	width: 100%;
	max-width: 1000px;
	min-width: 300px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#innercontainer {
	height: auto;
	max-height: 400px;
	clear: both;
}

#fullwidthcontainer {
	clear: both;
}

#container h1 {
	font-size: 20px;
	color: #0063A8;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
	}

/*  border: thin solid green; /* remove this line to remove the border */

#container h2 {
	clear: both;
	font-size: 1.05em;
	color: #0063A8;
	font-family: arial, helvetica, sans-serif;
	text-transform: capitalize;
	margin-bottom: 10px;
	border-top: 2px solid #662806; /* remove this line to remove the border */
	/*ModCode-border-top: 2px solid #0063A8; /* remove this line to remove the border */
	}

/*#container a.grey {
	color: #625957;	
	}

#container a:link {
	text-decoration: none;
	font-variant: small-caps;
	color: #000;
}
#container a:visited {
	text-decoration: none;
	color: #000;
}
#container a:active {
	text-decoration: none;
	color: #000;
}
#container a:hover {
	text-decoration: none;
	color: #000;
}
#container a:hover em {
	text-decoration: none;
	color: #A0D370;
}*/

#thick-col {
  width: 70%;
  padding-right: 5px;
  float: left; /* switch this to left and below to right to change the column locations */
  /*border-right: 1px solid #cdcdcd;  remove this line to remove the border */
}

#thin-col {
	width: 27%;
	
	float: right; /* switch this to right and above to left to change the column locations */
	border: 2px solid #662806; /* remove this line to remove the border */
	/*border: 2px solid #297B02; /* remove this line to remove the border */			       
}

/*ThreeColumn*/

#container2 {
  width: 66%; 
  float: right; /* switch this to left and col1 to right to change the column locations */
}

#col1 { 
  width: 32.4%; 
  float: left; /* switch this to right and container2 to left to change the column locations */
  border: none; /* remove this line to remove the border */
}
#col2 {
  width: 49%;
  float: left;
  border: none; /* remove this line to remove the border */
}
#col3 {
  width: 49%;
  float: right;
  border: none; /* remove this line to remove the border */
} 
/*EndThreeColumn*/

/*end two-three-column*/

/*twocolumn thin left*/

#containerleftthin {
  width: 100%;
  max-width: 1000px;
  min-width: 300px;
  margin: 0 auto;
  padding: 0;
}
#containerleftthin h1 {
	font-size: 2em;
	color: #0063A8;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom: 1px solid #cdcdcd;
	}

/*  border: thin solid green; /* remove this line to remove the border */

#containerleftthin h2 {
	clear: both;
	font-size: 1.05em;
	color: #0063A8;
	text-transform: capitalize;
	margin-bottom: 10px;
	border-top: thin solid #0063A8; /* remove this line to remove the border */
	}

#thick-colright {
  width: 70%;
  padding-left: 5px;
  float: right; /* switch this to left and below to right to change the column locations */
  border-left: 1px solid #cdcdcd; /* remove this line to remove the border */
}
#thin-colleft {
	width: 27%;
	float: left; /* switch this to right and above to left to change the column locations */
	border: 2px solid #662806; /* remove this line to remove the border */
	/*ModCode-border: thin solid #297B02; /* remove this line to remove the border */
}

/*end twocolumn thin left*/

/*Bottom Nav*/

#bottomnav {
	position: absolute;
	left: 200px;
	Bottom: 40px;
	width: 740px;
	height: 11px;
	padding: 5px 0;
	background: #0063A8 !important;
	font-size: 11px; line-height: 11px;
	}
#bottomnav li {
	float: left;
	padding: 0 11px;
	border-right: 1px solid #fff;
	list-style: none;
	background: none
	}
#bottomnav {
	border: 0 !important;
	}
#bottomnav a {
	color: #000 !important;
	text-decoration: none;
	}
#bottomnav a:hover {
	text-decoration: underline !important;
	}
/*End Bottom Nav*/

/*** FORM AND TABLE STYLES ***/

.formtable {margin-top: 5px;}
.formtable th {padding: 4px 20px 4px 10px; background: #dce6f2; border-bottom: 1px solid #fff;}
.formtable td {padding: 4px 20px 4px 10px; border: solid #dce6f2; border-width: 0 1px 1px 0;}
.formtable h3 {background: #abc0dd url(../images/table-h3.gif) bottom repeat-x; border-top: 18px; margin: -4px -21px -4px -10px; padding: 5px 10px 3px 10px; font-size: 14px; color: #fff;}
.formtable td input, .formtable td textarea {width: 250px;}
.formtable td textarea {height: 50px;}
.formtable tfoot td {text-align: right; border: 0; padding: 15px 0 0 0;}
.formtable tfoot td input {width: auto;}

.datatable {margin-top: -18px;}
.datatable th {padding: 4px 20px 4px 10px; background: #dce6f2; border-bottom: 1px solid #fff;}
.datatable td {padding: 4px 20px 4px 10px; border: solid #dce6f2; border-width: 0 1px 1px 0;}
.datatable h3 {background: #abc0dd url(../images/table-h3.gif) bottom repeat-x; border-top: 18px solid #fff; margin: -4px -21px -4px -10px; padding: 5px 10px 3px 10px; font-size: 14px; color: #fff;}
.datatable .right {text-align: right;}
.datatable .center {text-align: center;}

/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */

.accordionHeader
{
	border-top: #b1c5e0 1px solid;
	background-color: #becfe6;
	padding-left: 15px;
	cursor: pointer;
	color: #003366;
	text-align: left;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	padding-top:7px;;
}

.accordionHeader a {color: #003c65; text-decoration: none;}
.accordionHeader a:hover {background-color: #662806;}
/*ModCode-.accordionHeader a:hover{background-color: #669933;}*/

.accordionHeaderSelected
{
	background-color: white;
	padding-left: 15px;
	cursor: pointer;
	font-size: 10pt;
	font-family: arial;
	color: #005B9A;
	text-align: left;
	font-weight: 900;
	height: 20px;
	padding-top: 7px;
	border-bottom: 2px solid #625957;
}

.accordionHeaderSelectedbak
{
	background-color: #660033;
	padding-left: 15px;
	cursor: pointer;
	font-size: 9pt;
	color: white;
	text-align: left;
	font-weight: bold;
	height: 20px;
	padding-top: 7px;
}

.accordionHeaderSelectedBackup
{
	background-color: #265303;
	padding-left: 15px;
	cursor: pointer;
	font-size: 9pt;
	color: white;
	text-align: left;
	font-weight: bold;
	height: 20px;
	padding-top:7px;

}
.accordionHeaderSelected a
{
	background: #005b9a; color: #fff;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.subLeftNav a {color: #fff; text-decoration: none;}
.subLeftNav a:hover {text-decoration: underline;}

.subLeftNav
{
	background-color: #662806;
	font-weight: bold;
	color: #ffffff;
	padding-left: 35px;
	height: 25px;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: normal;
}

/*ModCode-.subLeftNav
{
	background-color: #669933;
	font-weight: bold;
	color: #ffffff;
	padding-left: 35px;
	height: 25px;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: normal;
}*/


.subLeftNavHeader
{
	font-size: 14px; 
	color: #265303; 
	text-transform: uppercase;
	width: 190px;
	background: url(../images/leftcolumn.gif) repeat-x;
}


.TopDynamicMenuItem
{
	background: #ccdaec;
	border: solid #005b9a;
	border-width: 0px 1px 1px 1px;
	padding: 3px 3px 2px 3px;
	font-size: 12px;
	margin: 0 4px;
	color: #003c65;
	width:175px;
	cursor: pointer;
}

.TopDynamicMenuItem a
{
	color: #003c65;
	text-decoration: none;
	cursor: pointer;
}

.TopDynamicMenuItemHover
{
	background: #662806;
	border: solid #005b9a;
	border-width: 0px 1px 1px 1px;
	padding: 3px 3px 2px 3px;
	font-size: 12px;
	margin: 0 4px;
	color: #ffffff;
	width:175px;
	cursor: pointer;
}

.TopDynamicMenuItemHover a
{
	background: #489f06;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

.TopDynamicMenuItem a:visited
{
	color: #003c65;
	text-decoration: none;
}

.TopStaticMenuItem
{
	height:29px; 
	background-image:  url(../images/mainnav.gif);
	cursor: pointer;
	white-space: nowrap;
}

.TopStaticMenuItem a
{
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
}

.TopStaticMenuItemCenter
{
	height:29px; 
	background-image: url(../images/tab-roll-li.gif);
	cursor: pointer;
	white-space: nowrap;
}

.TopStaticMenuItemCenter a
{
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
}

.TopStaticMenuItemLeft
{
	width: 9px;
	background-image:  url(../images/tab-roll-a.gif);
}

.TopStaticMenuItemRight
{
	width:9px; 
	background-image:  url(../images/tab-roll-span.gif);
	
}

.DynamicTableTemplate
{
	width: 100%; 
}


.DynamicTableTemplatePadding
{
	padding-bottom: 0px;
}