/**** Default styles ****/
html, body, h1, h2, h3, h4, h5, h6, form, fieldset, a {margin: 0; padding: 0; border: 0;}
p {margin-top: 0;}
body {margin: 0; padding: 10px 0 0 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; background: #6e6e6e url('../images/main_background.gif') repeat-x top;}
a:link {color: #006633;}
a:visited {color: #006633;}
a:hover {color: #000000;}
a:link.white {color: #ffffff;}
a:visited.white {color: #ffffff;}
a:hover.white {color: #000000;}
a img {border: none;}
h1 {margin: 5px 0 0 0; color: #000000; font-size: 16px; line-height: 18px;}
h2 {font-size: 14px; color: #108244; line-height: 18px;}
.textsmall {font-size: 10px; line-height: 14px; font-weight: normal; color: #000000;}
.textred {color: #ff0000;}

/**** Main Content Areas ****/
#maincontainer { width: 960px; margin: 0px auto; text-align: left; padding: 0 10px 0 10px; background: #ffffff url('../images/background_topnav_top_980.gif') 0 0 no-repeat; position: relative; }
#twocolmaincontainer {width: 960px; padding: 0 0 20px 0;}
#twocolmain {float: left; width: 790px; margin: 0 0 0 -790px; padding: 0 0 0 0;}
#leftnavcontainer {float: left; width: 160px; padding: 0 800px 0 0;}
#twocolmain h1, #content h1 {margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dashed #858585;}
#content h2, #content h3 {margin-bottom: 10px;}
#content h4 {font-size: 12px; color: #ffffff; background: #078148; height: 20px; line-height: 20px; text-align: center; margin-bottom: 5px;}
#breadcrumb {font-size: 10px; margin: 0 0 15px 0; padding: 0;}
#content {float: left;}
#content.cols_3 {width: 620px; float: left; padding: 0 170px 0 0;}


/**** Top Link Area ****/
#topabove {float: left; clear:left; width: 960px; height: 16px; margin: 0; padding: 5px 0; text-align: right; font-size: 10px; color: #ffffff;}

/**** Masthead Area ****/
#topnav { float: left; margin: 0 0 15px 0; width: 960px; position: relative;}
#logo { margin: 8px 0 8px 0; padding-left: 20px; float: left; background: #ffffff; }

/**** Top Navigation Area ****/
#dropdownmenu { float: left; text-align: left; width: 960px; height: 30px; padding: 0; margin: 0; background: #ffffff url('../images/background_navlinks.jpg') 0 0 no-repeat;} 
#MenuBar { height: 30px;}
#MenuBar ul, #MenuBar, #dropdownmenu { white-space: nowrap; }
ul.dropdown { position:relative; z-index: 1000; list-style-type: none; margin: 0; padding: 0; float: left; }
ul.dropdown li { float: left; zoom: 1; font-weight:bold; }
ul.dropdown li a { display: block; padding: 18px 25px 11px 25px; border-right: 1px solid #ffffff; line-height: 14px; text-decoration:none; font-size: 12px; color: #ffffff; height: auto; }
#MenuBar.dropdown li a { padding: 8px 16px 8px 16px; }
ul.dropdown li a:hover, ul.dropdown li a:visited, ul.dropdown li a.hover {color: #ffffff;}
ul.dropdown li ul li a:visited {color: #006633;}
ul.dropdown li ul li:hover a:visited {color: #ffffff;}

ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;  list-style-type: none; margin: 0; padding: 0; z-index: 1001;}
ul.dropdown ul li {float: none; font-weight: normal; background-color: #e1e1e1; color: #ffffff; border: 1px solid #ffffff; border-top:none; opacity: .95; }
ul.dropdown ul li a {width: 100%; display: inline-block; color: #006633; font-size:12px; padding: 9px 0 9px 5px; border: none;}
#MenuBar.dropdown ul li a { padding: 8px 0 8px 5px; }
ul.dropdown ul ul { left: 100%; top: 0;  list-style-type: none; }

ul.dropdown li.hover, ul.dropdown li:hover {position: relative; color: #ffffff; background: #333333; opacity: 1;}
ul.dropdown li:hover > ul {visibility: visible;}
ul.dropdown ul li:hover {background-color:#333333;}
ul.dropdown ul li:hover a, ul.dropdown ul li.hover a {color: #ffffff;}
ul.dropdown ul li:hover ul li a, ul.dropdown ul li.hover ul li a {color: #006633;}
ul.dropdown ul li:hover ul li:hover a, ul.dropdown ul li.hover ul li.hover a {color: #ffffff;}
ul.dropdown li.more {background-image: url('../images/nav_more_arrow.gif'); background-repeat:no-repeat; background-position:center right;}
ul.dropdown li:hover.more {background-image: url('../images/nav_more_arrow-white.gif'); background-repeat:no-repeat; background-position:center right;}

ul.dropdown li ul li:hover ul li a:visited {color: #006633;}
ul.dropdown li ul li ul li:hover a:visited {color: #ffffff;}

/**** Bottom Nav ****/
#btmnav { margin: 0; padding: 0; font-size: 10px; text-align: center; width: 960px; clear: both; } 
#btmnavcontent { clear: both; width: 960px; margin: 0px auto 10px auto; font-size: 10px; text-align: center; padding: 0 10px 10px 10px; background: url('../images/background_btmnav_btm_980.gif') bottom no-repeat; } 

/**** innercontent Area ****/
#innercontent {background: #e1e1e1 url('../images/background-innercontent-top.jpg') 0 0 no-repeat; padding: 20px; float: left; width:920px;}
#innercontentbtm { background: #e1e1e1 url('../images/background-innercontent-btm.jpg') bottom center no-repeat; height: 20px; line-height: 20px; text-align: right; padding: 0 30px 10px 0; clear: both; font-size: 12px; }

/**** Forms ****/
#content form {margin-top: 20px;}
form div {margin: 0 0 8px 0;}
form legend {font-weight: bold; padding-bottom: 8px;}
form div label {float: left; width: 115px; text-align: right; padding-right: 10px;}
form .btn {margin: 0 0 0 125px;}

/**** Specification Tables ****/
.specstable table { width: 100%; border-bottom: 1px solid #858585; border-right: 1px solid #858585; } 
.specstable table td, .specstable table th { border-top: 1px solid #858585; border-left: 1px solid #858585; padding: 3px 2px 3px 2px; margin: 0; text-align: center; background: #ffffff; } 
.specstable thead th { padding: 5px 2px 5px 2px; font-weight: bold; color: #ffffff; background: #009e56; font-size: 12px; text-align: center; } 
.specstable tbody .specssubhead { font-weight: bold; background: #a3d49d; text-align: left; } 
.specstable tbody th { font-weight: bold; background: #e6f3e9; text-align: left; }

/**** Tab Bars ****/
#tabs { float:left; width:100%; font-size: 11px; line-height:normal; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #cccccc; }
#innercontent #tabs {border-bottom: 1px solid #999999;}
#tabs ul { margin:0; padding:5px 10px 0 0; list-style:none; } 
#tabs li { display:inline; margin:0; padding:0; } 
#tabs a { float:left; background:url("../images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } 
#tabs a span { float:left; display:block; background:url("../images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#ffffff; } 
/* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;} 
/* End IE5-Mac hack */ #tabs a:hover span, #tabs #tabsselected a span { color:#ffffff; } 
#tabs a:hover, #tabs #tabsselected a { background-position:0% -42px; } 
#tabs a:hover span, #tabs #tabsselected a span { background-position:100% -42px; }

/**** Left Navigation ****/
#leftnav { float: left; width: 160px; padding: 10px 0 0 0; background: #c6c6c6 url('../images/rightnav_top.gif') top no-repeat; } 
#leftnavbottom { float: left; clear: left; height: 10px; font-size: 3px; line-height: 3px; width: 100%; padding: 0; margin: 0; background: #c6c6c6 url('../images/rightnav_btm.gif') top no-repeat; border-top: 1px solid #ffffff; } 
#leftnav .noborder { border-style: none; } 
#leftnav h3 { margin: 4px 0 0 0; padding: 6px 0 6px 4px; color: #0A4C89; font-size: 12px; border-bottom: 2px solid #ffffff; } 
#leftnav ul { background: #c6c6c6; margin: 0; padding: 0; float: left; } 
#leftnav li { font-size: 11px; list-style: none; border-top: 1px solid #ffffff; float: left; } 
#indent1 li { font-size: 11px; padding: 0 0 0 0; width: 155px; background: #ffffff; border-top: 1px solid #efefef; } 
#indent2 { background: #ffffff; width: 150px; } 
#indent2 li { font-size: 10px; width: 150px; background: #eef1f5; border-top: 1px solid #ffffff; } 
#leftnav li a { text-decoration: none; padding: 4px 0 4px 4px; width: 156px; float: left;} 
#indent1 li a { background: #ffffff; width: 130px; padding: 2px 10px 2px 15px; } 
#indent2 li a { background: #efefef; width: 125px; padding: 2px 0 2px 25px; } 
#leftnav li a:hover { background: #3e3e3e; color: #ffffff; } 
.leftselected { color: #000000; width: 156px !important; padding: 3px 0 3px 4px !important; } 
.leftselectedindent1 { width: 130px !important; padding: 1px 10px 1px 15px !important; } 
.leftselectedindent2 { background: #e1e1e1 !important; width: 125px !important; padding: 1px 0 1px 25px !important; }

#leftnav ul li.leftnavlvl2, #leftnav ul li.leftnavlvl3, #leftnav ul li.leftnavlvl4 { border: none; }
#leftnav ul li.leftnavlvl2 span { font-size: 11px; width: 155px; background: #ffffff; border-top: 1px solid #efefef; float: left; }
#leftnav ul li.leftnavlvl2 span a { padding: 2px 0 2px 5px; width: 150px; }
#leftnav ul li.leftnavlvl3 span { font-size: 10px; width: 150px; border-top: 1px solid #ffffff; border-right: 5px solid #ffffff; float: left; }
#leftnav ul li.leftnavlvl3 span a { padding: 2px 0 2px 10px; width: 140px; background: #eeeeee; }
#leftnav ul li.leftnavlvl4 span { font-size: 10px; width: 145px; background: #efefef; padding-right: 5px; border-right: 5px solid #ffffff; float: left; }
#leftnav ul li.leftnavlvl4 span a { padding: 2px 0 2px 15px; width: 130px; border-top: 1px solid #ffffff; background: #dcdcdc; } 
#leftnav ul li.leftnavlvl2 span a:hover, #leftnav ul li.leftnavlvl3 span a:hover, #leftnav ul li.leftnavlvl4 span a:hover { background: #3e3e3e; color: #ffffff; }
.leftoption { color: #000000 !important; }
#leftnav ul li.leftnavlvl4 span a.leftoption:hover { background: #dcdcdc !important; }
#leftnav ul li.leftnavlvl3 span a.leftoption:hover { background: #eeeeee !important; }
#leftnav ul li.leftnavlvl2 span a.leftoption:hover { background: #ffffff !important; }

/**** Rightnav ****/ 
#rightnav { margin: 0 0 20px -160px; width: 160px; float: right; padding: 0; background: #e1e1e1;} 
#rightnavtop { height: 10px; background: url('../images/rightnav_top.gif') top no-repeat; } 
#rightnavbottom { height: 10px; line-height: 10px; font-size: 10px; padding: 0; margin: 0; background: #e1e1e1 url('../images/rightnav_btm.gif') top no-repeat; } 
#rightnav h3 { font-size: 12px; font-weight: bold; margin: 5px 0 0 5px; padding: 0; color: #000000; } 
#rightnav ul { color: #0066cc; margin: 0 0 10px 0; padding-left: 1.75em; } 
#rightnav li { margin: 0 0 5px 0; padding: 1px 0 0 0; font-size: 11px; line-height: 13px; color: #006633; } 


