/* ######### CSS for top level tabs ######### */
.tabsmenuclass {
padding:5px 0 0 0;
}

.tabsmenuclass ul{
overflow: hidden;
width: 700px;
margin: 0;
padding: 2px 0 0 15px;
list-style-type: none;
}

.tabsmenuclass li{
float: left;

}

.tabsmenuclass a{

display: block;
padding: 5px 7px 0 15px;
background: #d1d1d1;
border:1px;
color:#666666;
margin-right: 1px;
text-decoration: none;
font: 12px "Arial Narrow";
font-weight:bold;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background:#333333;
color: white;
}

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

.tabsmenucontentclass{
clear: center;
background: #ababab;
width: 100%;
height: 5px;
padding: 2px 0 0 0;
/*border: 1px solid silver;*/
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0 0 0 225px;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

.tabsmenucontentclass a{
font:Tahoma;
font-size:11px;
text-decoration:none;
color:black;
margin:10px;
padding:0 0 0 8px;
}