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

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

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background-image:url(./img/cel2.gif);
color: #ffffff;
text-decoration: none;
font: bold 14px verdana;
margin-right: 1px;
padding-right:20px
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color: white;
background-image: url(img/background_menu4.gif)
background-position:center 
}

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

.tabsmenucontentclass{
clear: left;
background: #54b201;
width: 900px;
height: 16px;
font: 13px verdana;
color:#ffcb00;
margin-top:1px;
padding: 5px 7px;
padding-right:50px
}

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

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

.tabsmenucontentclass a:link{font-family:verdana;font-size: 13px;color:#ffffff; text-decoration: none; font-weight:bold}
.tabsmenucontentclass a:visited{font-family:verdana;font-size: 13px;color:#ffffff;text-decoration:none; font-weight:bold}
.tabsmenucontentclass a:active{font-family:verdana;font-size: 13px;color:#ffffff;text-decoration:none; font-weight:bold}
.tabsmenucontentclass a:hover{font-family:verdana;font-size: 13px;color:#ffcb00;text-decoration:underline; font-weight:bold}