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

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0 0px 0 0px;
width:768px;
list-style-type: none;

}

.tabsmenuclass li{
float: left;
}
#mysubmenuarea_full{
	background: url(images/round_middle.gif) #333333 repeat-y left;	
}

.tabsmenuclass a{

display: block;
/*padding: 5px 7px;
background: #E8E8E8;
color: black;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;*/

	margin: 0 5px;
	padding: 0px 10px;
	color: #FFFFFF;
	font:  11px/45px verdana, 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
	text-transform: uppercase;		
	text-decoration:none;
}

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

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

.tabsmenucontentclass{
margin-left:1px;
clear: left;
width: 759px;
height: 15px;
padding: 5px;
background-color:#CCCCCC;
border: 1px solid silver;
}

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

}

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

.tabsmenucontentclass li a {
	color:#333333;
	font-weight:bold;
	text-transform:capitalize;
	letter-spacing:0.07em;
}
.tabsmenucontentclass li a:hover {	
	color:#990000;
	display:block;

	
}