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

a{
	text-decoration:none;
	color:#555;
	font-family:Verdana, Arial, Helvetica,'sans-serif';
	font-size:11px;
}

.tabsmenuclass ul{
overflow: hidden;
width:100%;
margin: 0;
padding:0;
list-style-type: none;
text-align:center;
background:#C8C8C8;
}

.tabsmenuclass li{
float: right;
}

.tabsmenuclass a{
display: block;
padding:4px;
background:#C8C8C8;
color:#555;
margin-right: 1px;
text-decoration: none;
font-family:Verdana, Arial, Helvetica,sans-serif; font-size: 12px; 
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color:#E8E8E8;
}

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

.tabsmenucontentclass{
clear: left;
width:100%;
height: 24px;
padding:0px;
color:#555;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
color:#555;
text-decoration:none;
}

.tabsmenucontentclass li{
float:right;
margin:2px;
}