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

.tabsmenu{
float: right;
width: 600px;
height: 40px;
}

.tabsmenuclass ul{
overflow: hidden;
position: absolute; top: 70px;
width: 600px;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: right;
margin-left: 0px;
}

.tabsmenuclass a{
display: block;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 2px;
padding-left: 2px;
height: 20px;
background: none;
color: black;
margin-right: 0px;
text-decoration: none;
text-align: right;
font: bold 12px Georgia, "Times New Roman", Times, serif;
}

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

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

.tabsmenucontentclass{
clear: left;
background: none;
position: absolute; top: 95px;
width: 600px;
height: 20px;
padding: 0px;
border: 0px solid silver;
}

.tabsmenucontentclass a{
color: #d4d4d4;
text-decoration: none;
text-align: right;
font: bold 11px Arial ;
}

.tabsmenucontentclass a:hover{
color: #f15a25;
text-decoration: none;
text-align: right;
font: bold 11px Arial ;
}

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

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