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

.tabsmenuclass ul{
overflow: hidden;
float:left;
width: 600px;
margin: 2px 0px 0px 50px;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
	float: left;
	border-right:#000000 solid 1px;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
color: #792E0C;
margin-right: 1px;
text-decoration: none;
font: bold 11px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background-image:url(../images/blockactive.gif);
color: #333953;
}



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

.tabsmenucontentclass{
margin: 0 auto;
clear: left;
width: 99%;
height: 25px;
padding: 5px;
font-size:10px;
font-weight:bold;
z-index: 100;
background-color:#000000;
background-image:url(../images/submenu-bg.jpg);
background-position:center;
background-repeat:no-repeat;
}

.tabsmenucontentclass ul{
margin: 0 auto;
padding-left: 3px;
padding-right: 3px;
list-style-type: none;
}

.tabsmenucontentclass li{
float:left;
margin-right: 1px;
text-transform:uppercase;
}

.tabsmenucontentclass li a{
margin: 0 auto;
padding-right: 3px;
padding-left: 3px;
color:#FFFFFF;
text-decoration: none;
}
.tabsmenucontentclass a:hover, .tabsmenucontentclass a.selected{
color: #E6CE3B;
}
