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

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin-left:20px;
padding:5px;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display:inline;
padding:7px 5px;
color:#CCC;
margin-right: 1px;
text-decoration: none;
font: bold 12px Arial;
}
.tabsmenuclass #currentpage a {color:#69f;}
.tabsmenuclass a:hover, .tabsmenuclass{
color:#69F;
}

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

.tabsmenucontentclass{
clear: left;
width:auto;
height:15px;
margin-left:35px;
padding-top:10px;
font:12px Arial;
}
.tabsmenucontentclass a {color:#69F; text-decoration:none}
.tabsmenucontentclass a:hover {color:#CCC}
.tabsmenucontentclass #currentpages a {color:#fff;}
.tabsmenucontentclass ul{
margin-left:30px;
padding: 0;
list-style: none;
}

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