/* Common.css
   author: www.squiz.net */

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #777777; }
form { margin: 0; padding: 0; }
h1 { margin: 0; padding: 0; }
a { text-decoration: underline; }
a:hover { color: #367E2A; }

.sup { position: relative; bottom: 0.3em; }

.spacer { width: 5%; float: left; }
.nocss { display: none; }
.printer_friendly { display: none; }
div.clearing { clear: both; font-size: 1px; line-height: 1px; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.content-row { overflow: auto; margin: 2em 0; }

#header { width: 100%; float: left; }
#toplinks { clear: right; background: #1b4912 repeat-x top left; text-align: right; padding: 4px 16px 4px 4px; margin: 0; font-size: 85%; }
#toplinks a { color: #FFFFFF; text-decoration: none; }
#toplinks a:hover { color: #367E2A; }
#toplinks .separator { color: #4a7f40; padding: 0 0.5em; }
#banner { height: 217px; width: 100%; background: #1b4912 repeat-x top left; }
#logo { width: 100%; padding-left: 8px; padding-top: 14px; }

#left-column { width: 203px; float: left; border-top: 2px solid #6ab21a; padding: 5px 0; z-index:500;}
#right-column { width: 187px; float: right; margin: 0; padding: 0; }
#container-outer { float: left; width: 100%; margin-top: 1px; background: repeat-y top left; z-index:1;}
#container-outer { background: url("mysource_files/left-border.gif"); }
#main-wrapper-outer { margin-left: 204px; margin-right: 190px; border-top: 2px solid #6ab21a; position: relative; z-index:1;}
#main-content {padding: 0 25px; margin: 0; z-index:10;}
#breadcrumb { margin: 0; padding: 17px 0 0 0; }
#breadcrumb a { color: #939393; }
#breadcrumb a:hover { color: #367E2A; }
p#sponsors img { margin: 5px 10px; }

#search { border: 1px solid #c4d0b8; padding: 10px 12px; clear: right; }
#search input { border: 1px solid #b8d3ab; margin: 0; }
#search .submit input { vertical-align: top; border: none; padding-top: 2px; }

#main-nav { background: #c3d5a5 repeat-x top left; width: 202px; padding-top: 12px; padding-bottom: 24px; border-right: 1px solid #c4d0b8; z-index:1000;}
#main-nav ul, .display-box ul { margin: 0 15px; padding: 0; list-style-type: none; }
#main-nav ul li, .display-box ul li{ display: block; padding: 5px 0 6px 0; background: repeat-x bottom left; }
#main-nav ul li{ position:relative; width:165px;}
#main-nav a { text-decoration: none; color: #494949; background: no-repeat 0 1px; padding-left: 15px; display:block; }
#main-nav a:hover { color: #367E2A; display:block;}

#main-nav ul li ul {
    display: none;
    z-index: 1001;
    position: absolute;
    top:-11px;
    left:145px;
    width:150px;
    padding:10px;
background: #f1f5e9;
}

#main-nav li ul li a:hover
{
	display: block;
}

#main-nav li ul li a:hover
{
	display: block;
}

#main-nav #nav li:hover ul,
#main-nav #nav li.hover ul
{
    display: block;
}

#main-nav ul ul li{

background: #f1f5e9;
padding-left:10px;
}

#main-nav ul li ul li
{
	display:block;
}

* html #main-nav li li
{
	height:1%;
}

#login { background: no-repeat top left; width: 202px; border-right: 1px solid #c4d0b8; border-bottom: 1px solid #c4d0b8; margin-top: -15px; }
.left-column-div-content { padding-bottom: 15px; padding-left: 12px; }
#login h2 { margin: 0; padding: 3px 0 0 29px; font-size: 105%; font-weight: 550; color: #3e8431; }
#login p { margin: 0; padding: 12px 12px 12px 0; }

.display-box { width: 187px; margin-top: 1px; margin-bottom: 15px; background: repeat-y top left; }
.display-box h2, #feature-news-item h2 { margin: 0; padding: 0.75em 0 1em 0; font-size: 105%; font-weight: 550; color: #3e8431; background: no-repeat top left; }
.display-box h2 { padding-left: 15px; }
.display-box ul li { padding: 7px 0 8px 0; }
.display-box a { color: #717161; }
.display-box a:hover { color: #367E2A; }
.display-box .footer { background: no-repeat top left; height: 9px; overflow: hidden; }

.content-row { width: 100%; overflow: auto; margin: 2em 0; }

.tab-container { float: left; width: 49%;}
.tab-display { width: 240px; border-bottom: 1px solid #e9e9e9; float: left; }
.tab-display h2 { font-size: 105%; color: #3e8431; margin: 0; padding: 0; border-bottom: 1px solid #e9e9e9; }
.tab-display span { background: no-repeat right top; border-bottom: 1px solid #FFFFFF; }
.tab-display span span { background: no-repeat left top; padding: 0px 10px 0px 10px; border: none; }
.tab-display ul { margin: 0; padding: 10px; list-style-type: none; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
.tab-display ul li { background: no-repeat 0 0.5em; margin-bottom: 3px; }
.tab-display ul li a { display: block; width: 208px; padding: 0 0 4px 10px; background: repeat-x left bottom; text-decoration: none; color: #666666; }
.tab-display ul li a:hover { color: #367E2A; }
.tab-display p { margin: 1em; }

#feature-area {  margin: 1px 0 0 0; padding-top: 5px; padding-left: 15px; }
#feature-area h2 { font-size: 105%; font-weight: 550; color: #3e8431; margin: 0 0 10px 0; padding-left: 14px; }
#feature-area ul { list-style-type: none; margin: 0; padding: 0; }
#feature-area a { color: #666666; text-decoration: none; }
#feature-area a:hover { color: #367E2A; }

.feature-image-outer { float: left; }
.feature-image-inner { padding: 7px; }

#feature-news-content { float: left; margin-left: 10px; }
#feature-news-content h2 { margin: 0; padding: 0; }
#feature-news-content p { margin: 1em 0; }
#container-outer #footer { height: 2.9em; background-position: bottom; }
#footer a { color: #939393; text-decoration: none; }
#footer a:hover { color: #367E2A; }
#container-outer #footer { padding-bottom: 30px; }
#footer_image { text-align: center; margin-bottom: 5px;}
#site_tools { float: right; width: 187px; }
#site_tools div { display: inline; }
#site_links { padding-left: 232px; float: left; }

#last_updated { float: left; }
#site_links ul { margin: 0; padding: 0; list-style: none; }
#site_links ul li { float: left; }
#footer .site_tools_button a { padding: 3px; color: #58595b; padding-left: 5px; padding-right: 5px; }
#footer .site_tools_button a:hover { color: #367E2A; }

/* Hides from IE5 mac */
* html div#main-wrapper-outer { height: 1%; margin-left: 0px; margin-right: 188px; }
* html #left-column { margin-right: -2px; }
/* End hide from IE5 mac */

.bottom-content-row .tab-display {width:100%; float:left; margin:0; padding:0;}