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

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

.tabsmenuclass li, .tabsmenucontent li{
float: left;
}

.tabsmenuclass a, .tabsmenucontent a{
display: block;
padding: 8px 7px 2px 7px;
color: white;
margin-right: 0px;
text-decoration: none;
font: bold 13px Arial;
}


.tabsmenuclass a:hover, .tabsmenuclass a.selected, .tabsmenucontent a:hover,.tabsmenucontent a.selected {
background: url(images/tab.gif) no-repeat;
background-position: 0px 4px;
color: white;
}

.tabsmenuclass a.selected {
color: #808080;
}

#mysubmenuarea .tabsmenuclass a, .tabsmenucontent a{
color: #808080;
}

#mysubmenuarea .tabsmenuclass a:hover,#mysubmenuarea .tabsmenuclass a.selected, #mysubmenuarea .tabsmenucontent a:hover, #mysubmenuarea.tabsmenucontent a.selected {

background:none;
color: white;
}


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

.tabsmenucontentclass{
clear: left;
background: url(images/BottomGreyBar.gif) no-repeat;
width: 743px;
height:26px;

}

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

.tabsmenucontentclass li{
float: left;
}
.tabsmenucontent a{
padding: 5px 7px 5px 2px;
}

#subgetconnected {padding-left:70px;}
#subwhatson { padding-left:137px;}
#subresources { padding-left:339px;}