/* ######### CSS for Shade Tabs. Remove if not using ######### */


#sectionTabs {	
	margin:0 0 0 30px;
	padding:0px;
		
	
}
.tabcontainer {
background-image:url(../gfx/gfx_greenpxrepeat.gif);
background-repeat:repeat-x;
background-position:bottom;


}

.shadetabs{
padding: 0px;
margin: 0px;
font: normal 11px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.shadetabs li{
margin: 0;
padding:0;
height:40px;
float:left;
font-size:1.2em;


}

.shadetabs li.selected{
background:url(../gfx/gfx_tabBg.gif) no-repeat bottom center;
text-decoration:none;

}

.shadetabs li a{
text-decoration: none;
z-index: 1;
padding: 5px 7px;
margin:0 5px 0 0;
display:block;
/*border: 1px solid #778;*/
color: #000000;
background-color:#E6E6E6;

}

.shadetabs li a:visited{
color: #000000;
margin:0 5px 0px 0;

}

.shadetabs li a:hover{
margin:0 5px 0 0;
text-decoration: none;
color: #ffffff;
background-color:#00853F;
}

.shadetabs li.selected a{
    color:#FFFFFF;
    background-color:#00853F;
margin:0 5px 0 0;
text-decoration:none;

}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
margin:0 5px 0 0;

}