body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #a3d869;
	
	/* center the page #A1BCC7*/
	text-align: center;
	padding: 0px;
	margin: 0px auto;
}

/* left justify after centering */
#headingbg, #headingbg2, #midpic, #tabs, #main_content, .search_res {
	margin: 0 auto !important;
	width: 870px;
	text-align:left;
}

#midpic {
	background-color: #fff;
}

.footer {
    font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 8px;
	color: #FFF;
	text-align: center;
	/*background-color: #663333;*/
	background-color: #27773a;
}
.footer a:link {
	color: #fde08b;
}
.footer a:visited {
	color: #fde08b;
}
.footer a:hover {
	color: #41743c;
	text-decoration: underline;
	background-color: #ecece7;
}

.legal3 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #663333;
	padding-left:10px;
	}
.legal {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #663333;
	padding-left:10px;
	
}

.legal a:link {
	color: #41743c;
}
.legal a:visited {
	color: #41743c;
}
.legal a:hover {
 text-decoration: underline;
 color: #663333;
 background-color: #ecece7;
}

.peach {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	color: #663333;
	padding-left:10px;
}
.peach a:link {
	color: #41743c;
}
.peach a:visited {
	color: #41743c;
}
.peach a:hover {
	color: #663333;
	text-decoration: underline;
	background-color: #ecece7;
}
.peachheader {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #663333;
	padding-left:10px;
	padding-right:10px;
}
.peachheader a:link {
	color: #41743c;
}
.peachheader a:visited {
	/*color: #41743c;*/
	color: #41743c;
}
.peachheader a:hover {
	color: #663333;
	text-decoration: underline;
	background-color: #ecece7;
}

.peachlist {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #663333;
	padding-left:2px;
}
.peachlist a:link {
	color: #41743c;
}
.peachlist a:visited {
	/*color: #41743c;*/
	color: #41743c;
}
.peachlist a:hover {
	color: #663333;
	text-decoration: underline;
	background-color: #ecece7;
}

#headingbg{
	background: transparent url(../images/toplogo.jpg) top left no-repeat;
	height: 175px;
	width: 870px;
	background-color: #457440;/* color of the heading far-right */
}

#heading{
	height: 130px;
	width: 870px;
}

#heading, #navigation, #main_content, #tabs{
	text-align: left;
	margin: 0;
}

a:link {
	color: #41743c;
}

a:visited {
	/*color: #41743c;*/
	color: #41743c;
}

a:hover {
	color: #663333;
	text-decoration: underline;
	background-color: #ecece7;
}

a:active {
	color: #41743c;
}

img {
	border: 0px;
}

.hidden {
	display: none; /* For IE 4 only */
}

p {
	margin: .7em 0em .9em 0em;
}

ul {
	margin: 1em 0em 1em 1.4em;
	padding: 0em 0em .5em 1.4em;
}

ul ul {
	margin: 0em 0em 0em 1.4em;
	padding: .2em 0em .2em 1.4em;
}


/* TABS */
/* **********************************************/*

#tabs{
	
}

.block_with_image_and_tabpanel_2 {
	padding-bottom:0px;
	max-width:100%;
	top:0px;
	left:0px;
	height:750px;
	width:100%;
	position:relative;
}


#tabpanel_container {
	padding:0px 0px 0 0;
	margin:0 0 0 0px;
}


#tab_list {
	padding: 0;
	position:relative;
	display:block;
	z-index:10;
}

#tab_list ul {
	position: absolute; /* Needed for IE 5.x */
	margin: 0;
	z-index:1;
	padding: 0;
}
#tab_list ul#tab_ul {
	height: 55px;
}

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4, li#tabpanel_5, li#tabpanel_6{
	background: #663333 url(../images/tabpanel_tabs.gif) no-repeat -60px  ; /* normal tabs */
	margin: 0;
	float: left;
	display: inline;
	padding: 0;
}

#tab_list a.tab_link {
	z-index:10;
	position:relative;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding:8px 12px 0px 12px; /* Adjust left and right padding to adjust width of the tabs */
	display: block; /* Needed for Opera */
	float:left; /* Needed for IE, breaks Opera */
	background: transparent url(../images/tabpanel_tabs.gif) -60px 100% no-repeat;

	height:20px; /* Needed for IE 5.x broken box */

	voice-family:"\"}\"";
	voice-family:inherit;
	height:22px; /* 30 - 8, for non-broken browsers */
}

html[xmlns] #tab_list a.tab_link {
	float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

html[xmlns] #tab_list a.tab_link {
	float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

#tab_list ul li a.tab_link:hover {
	text-decoration: underline;
	color: #FDE08B;
	cursor: pointer;
	cursor: hand;
}

#tab_list ul li ul a:link {
	color: #41743c;
}
#tab_list ul li ul a:visited {
	color: #41743c;
}
#tab_list ul li ul a:hover {
	text-decoration: underline;
	color: #663333;
	background-color: #ecece7;
}

#tabpanel #tab_list li {
	list-style-type: none;
	list-style-image: none;
}

#tab_list ul ul {
	position:absolute;
	top:29px;
	left:0px;
	display:none;
	z-index:-10;
	padding:12px 0px 2px 8px;
	background: url(../images/background_gradient.jpg) repeat-x;
	width:580px;
	height:300px;
}

#tabpanel #tab_list ul ul li {
	float: left;
}

#tabpanel #tab_list ul ul li a {
	float:none;
	height:auto;
	margin:0 0 0 0px;
}

#tabpanel_inner #tab_list ul ul li {
	float: left;
	width:580px;
}

#tabpanel_inner #tab_list li {
	list-style-type: none;
	list-style-image: none;
}

#tabpanel_inner #tab_list ul ul li a {
	float:none;
	height:auto;
	margin:0 0 0 0px;
}

.list_decorative_dark_2 a {
    text-decoration: none;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999999;
}

#tab_list ul li.tabpanel_default ul {
	display:block;
}

#tab_list li.tabpanel_default a.tab_link {
	background: transparent url(../images/tabpanel_tabs.gif) top right no-repeat;
	color:#000;
	text-decoration: none;
}
#tab_list li.tabpanel_default{
	background: #ffffff url(../images/tabpanel_tabs.gif) top left no-repeat;
}

#tabpanel #tab_list li a.tab_link:hover { /* Needed for IE */
	text-decoration: none;
}

#tabpanel #tab_list a:hover, #tabpanel #tab_list li.tabpanel_default ul a:hover {
	text-decoration:underline;
}

#tabpanel ul ul a:hover {
	background:transparent;
}

.block_with_image_and_tabpanel .list_decorative_dark a:hover {
	background:transparent; /* Fixes problem in IE (dotted line disappears) */
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
http://www.cssplay.co.uk/menus/simple_vertical.html
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:25px 0px 0px 0px; position:relative; width:870px; height:25px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders padding-right:15px; */
#pmenu a, #pmenu a:link, #pmenu a:visited, #pmenu a:active {display:block; font-size:11px; font-weight: bold; color:#ffffff; height:25px; text-decoration:none; line-height:31px; text-indent:15px; border:1px solid #000; border-width:0px 0px 0px 0px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0px 0px 0px 0px; width:260px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:0px; color:#457440; background:#FDE08B;}

/* Set up the list items */
#pmenu li {float:left; background:#457440;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist ""*/
#pmenu li:hover > a {background:#FDE08B; color:#41743C; text-decoration:underline;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(spacer.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:15px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#FDE08B; color:#41743C; text-decoration:underline;}

/* For accessibility of the top level menu when tabbing */
/* below, color means the color of the text AFTER being clicked. */
#pmenu li a:active, #pmenu li a:focus {background:#457440; color:#FFFFFF;}

/* Set up the pointers for the sub level indication */
/*
#pmenu li.fly {background:#457440 url(dropmenu_fly.gif) no-repeat right center;}
#pmenu li.drop {background:#457440 url(dropmenu_drop.gif) no-repeat right center;}
*/
#pmenu li.fly {background:#457440 url(spacer.gif) no-repeat right center;}
#pmenu li.drop {background:#457440 url(spacer.gif) no-repeat right center;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:16px 30px 30px 30px; background:transparent url(spacer.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; left:-31px; top:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */