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

.tabsmenuclass ul{
overflow: hidden;
width: 960px;
height: 22px;
margin: 0px;
padding: 0px;
background: #c61e52;
list-style-type: none;
}

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

.tabsmenuclass a{
display: block;
background: #c61e52;
color: white;
padding: 3px 16px 5px 16px;
text-decoration: none;
}

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

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

.tabsmenucontentclass {
clear: left;
background: #991949;
width: 960px;
height: 22px;
padding: 2px 0px 0px 0px;
overflow: hidden;
}

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

.tabsmenucontentclass li{
/*display: inline-block;*/
display: inline;
padding: 0px 16px;
}

.tabsmenucontentclass a{
font-style: italic;
text-decoration: none;
color: white;
}

.tabsmenucontentclass a:hover{
text-decoration: none;
color: #ff3366;
}