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

.shadetabs{ text-align: right; border-bottom: 0 solid gray; margin-bottom: 1em; }

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

.shadetabs li{ text-align: right; display: inline; margin: 0; }

.shadetabs li a{
text-decoration: none;
padding: 0;
margin-right: 0;
border: solid 0 #778;
color: white;
background: url(images/shade.gif) repeat-x left top; /*THEME CHANGE HERE*/
}

.shadetabs li a:visited{
color: orange;
}

.shadetabs li a:hover{
text-decoration: underline;
color: orange;
}

.shadetabs li.selected{
}

.shadetabs li.selected a{ /*selected main tab style */
background: url(images/shade.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.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:12px/18px Arial; 
z-index:100; 
background-color: #cccccc; 
width: 200px; 
visibility: hidden; 
border-color: #918d8d; 
border-style: solid;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #918d8d; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #333333;
text-align: center;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: orange;
}