/* ######### CSS for header ######### */

div#header{
background:#1450ae;
}
	
a.logo, a.logo:visited{
font-family:Arial;
font-size:16pt;
font-weight:600;
color:white;
text-decoration:none
}

a.logo:hover, a.logo:active, a.logo:focus{
color:black;
}

/* ######### CSS for menu ######### */

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

.tabsmenuclass{
border-collapse:collapse;
width:900px;
text-align:center;
}

.tabsmenuclass td{
margin:0px;
padding:0px;
}

.tabsmenuclass div{
padding: 5px 7px;
background: black;
color: white;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
height:100%;
text-decoration:none;
color: white;
}

.tabsmenuclass div:hover{
cursor:pointer;
background: red;
}

a.menu, a.menu:visited{
color:white;
text-decoration:none;
}

a.menu:hover, a.menu:active, a.menu:focus{
color:black;
text-decoration:none;
letter-spacing:0px;
}

a.link, a.link:visited{
color:white;
text-decoration:none;
}

a.link:hover, a.link:active, a.link:focus{
color:red;
text-decoration:underline;
font-weight:900;
letter-spacing:1px;
}

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

.tabsmenucontentclass{
background: red;
width: 889px;
height: 20px;
padding: 5px;
}

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

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
font:bold 13px Arial;
}