/* ######### Style for Tab Interface itself ######### */



.shadetabs{



margin-bottom: 1em;

}



.shadetabs ul{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 11px arial;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{

display: inline;

margin: 0;

}



.shadetabs li a{

text-decoration: none;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid #778;

color: #fff;
font-size:11px;

background: #333

}



.shadetabs li a:visited{

color: #fff;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #fff;

}



.shadetabs li.selected{

}



.shadetabs li.selected a{ /*selected main tab style */





}



.shadetabs li.selected a:hover{ /*selected main tab style */

text-decoration: none;

}



/* ######### Style for Drop Down Menu ######### */



.dropmenudiv{

position:absolute;

top: 0;


border-width: 0 1px;

font:normal 11px Verdana;

line-height:18px;

z-index:100;

background-color: #333;

width: 200px;

visibility: hidden;

}





.dropmenudiv a{

width: auto;

display: block;

text-indent: 3px;

padding: 2px 0;

text-decoration: none;

font-weight: bold;

color: white;

}



* html .dropmenudiv a{ /*IE only hack*/

width: 100%;

}



.dropmenudiv a:hover{ /*THEME CHANGE HERE*/

background-color: #ccc;

}