/* ######### CSS for top level tabs ######### */
.bg{
background-image:url(images/navbg.jpg);
background-repeat:no-repeat;
}

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

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
/*padding: 2px 27px 6px 27px;*/
/*padding: 2px 15px 6px 15px;*/
padding: 2px 5px 6px 5px; 
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:15px;
color: #fefefe;
margin-left:36px;
text-decoration: none;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background-image:url(images/rollover.jpg);
background-repeat:x-repeat;
/*padding: 2px 27px 6px 27px;*/
/*padding: 2px 15px 6px 15px;*/
padding: 2px 5px 6px 5px; 
color: #666666;
}

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

.tabsmenucontentclass{
	clear: left;
	background-image:url(images/subbg.jpg);
	background-repeat:no-repeat;
	width: 100%;
	height: 29px;
	padding-left:64px;
	padding-top:6px;
	font-size:14px;
	color:#666666;
}

.tabsmenucontentclass a{
font-size:14px;
color:#666666;
text-decoration:none;
text-transform:lowercase;
padding-right:16px;
}


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

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