/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
left: 10px;
top: 195px;
z-index: 100;
position: absolute;
list-style: none;
padding: 0px;
margin: 0px;
}

.tabsmenuclass li{
float: left;
display: inline;
font-weight: bold;
color:Black;
}

.tabsmenuclass a{
background: url( 'App_Themes/Default/images/NAVButton.gif' ) no-repeat;
  display: block;
  float: left;
  margin-right: 1px;
  width: 114px;
  height: 28px;
  color: #737685;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding-top: 6px; /* box model hack */
  voice-family: "\"}\"";
  voice-family: inherit; 
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: url( 'App_Themes/Default/images/RolloverBtn.gif' ) no-repeat;
  font-weight: bold;
  color:Red
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
width: 881px;
height: 15px;
padding:0px;
left: 1px;
top: 223px;
z-index: 102;
position: absolute;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 5px;
width: 881px;
height: 15px;
list-style-type: none;
position: absolute;
z-index: 102;
background: #E8E8E8;
border: 1px solid silver;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
font-weight: bold;
color:Black;
padding-right:10px;
}

.tabsmenucontentclass a:hover, .tabsmenuclass a.selected{
  font-weight: bold;
  color:Red;
  text-decoration:underline;
}