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

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
margin-right:1px;
}

.shadetabs li a{
position:relative;
text-transform:uppercase;
border:1px solid #cacaca;
padding:3px;
padding-left:23px;
padding-right:22px;
margin:0px;
text-decoration:none;
border-bottom:1px;
font-weight:bold;
color:#333333;

}



.shadetabs li a:hover{
text-decoration: none;
background-color:#FFF3B9;
color:#C20000;




}


.shadetabs li a.selected{

position:relative;
text-transform:uppercase;
border:1px solid #cacaca;
padding-left:23px;
padding-right:22px;
margin:0px;
text-decoration:none;
border-bottom:1px;
font-weight:bold;
color:#C20000;


/*text-transform:uppercase;
border:1px solid #cacaca;
width:100px;
height:31px;
padding:4px;
color:#333333;

border-bottom:0px;
text-decoration:none;
font-weight:bold;
padding-left:22px;
padding-right:20px;
background-color:none;*/
}

.shadetabs li a.selected:hover{ 
text-decoration: none;
background-color:transparent;
}