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

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

#mytabsmenu li.first{
    /*background:url(images/m1.gif);*/
    background:#000000;
    background-position: 0;
    background-repeat: no-repeat;
    float: left;
    height: 59px;
    padding: 0;
	
	
	
	
}
#mytabsmenu li.first a{
    /*padding: 19px 18px 8px 49px;*/
   /* padding: 19px 29px 8px 15px;*/
    /*padding: 19px 40px 8px 15px;*/
	padding: 19px 16px 8px 19px;
	margin-left:0px;
	
}
#mytabsmenu li{
    /*background:url(images/m2.gif);*/
    background: #000000;
    background-position: 0;
    float: left;
    background-repeat: repeat-x;
    height: 59px;
     padding: 0;
	 
}
#mytabsmenu li a{
    /*padding: 19px 23px 8px 3px;*/
	 /*padding: 19px 26px 8px 11px;*/
    /*padding: 19px 28px 8px 19px;*/
	padding: 19px 16px 8px 19px;
	$padding: 19px 38px 8px 19px;
}
#mytabsmenu li.last{
    /*background:url(images/m6.gif);*/
    background: #000000;
    background-position: 0;
    background-repeat: no-repeat;
    float: left;
    height: 59px;
     padding: 0;
}
#mytabsmenu li.last a{
    /*padding: 19px 45px 8px 11px;*/
    padding: 19px 16px 8px 16px;
	 $padding: 19px 16px 8px 11px;
}
.tabsmenuclass a{
display: block;
padding: 5px 7px;

color: black;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
}

#mytabsmenu a:hover, #mytabsmenu a.selected, #mytabsmenu a.active{
/*background-color:#B70004;*/
background-color:#9D9E8E;
text-decoration: none;
color: white;
height: 30px;

}

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

.tabsmenucontentclass{
clear: left;
background: #E8E8E8;
width: 90%;
height: 24px;
padding: 5px;
border: 1px solid silver;
}

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

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