#menu {
width: 752px;
background: #B1E0F2;
clear: both;
height: 41px;
padding: 0 0 0 5px;
margin: 0;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 123px;
margin-right: 2px;
float: left;
line-height: 30px;
height: 30px;
}

#menu a, #menu h2 {
font-size: 11px;
display: block;
text-align: center;
margin: 0;
padding: 2px 2px;
}

#menu h2 {
color: #CBCBCC;
background: #46166B;
margin: 0;
padding: 0;
}

#menu a, #menu a:link, #menu a:visited{
color: #fff;
text-decoration: none;
line-height: 30px;
height: 30px;
background: none;
border-width: 1px;
border-style: solid;
border-color: none;
}

#menu a:hover, #menu a:active, #menu a:focus {
color: #000;
background: none;
border-width: 1px;
border-style: solid;
border-color: none;

}
#menu a.green, #menu a:link.green, #menu a:visited.green{
background: #5FC315;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #5FC315;

}

#menu a:hover.green, #menu a:active.green, #menu a:focus.green {
background: #00A0E3;
border-width: 1px;
border-style: solid;
border-color: #00A0E3;

}

#menu a.purple, #menu a:link.purple, #menu a:visited.purple{
background: #4F3685;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #4F3685;

}

#menu a:hover.purple, #menu a:active.purple, #menu a:focus.purple {
background: #00A0E3;
border-width: 1px;
border-style: solid;
border-color: #00A0E3;

}

#menu a.red, #menu a:link.red, #menu a:visited.red{
background: #D74D48;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #D74D48;
}

#menu a:hover.red, #menu a:active.red, #menu a:focus.red {
background: #00A0E3;
border-width: 1px;
border-style: solid;
border-color: #00A0E3;
}

#menu a.lilac, #menu a:link.lilac, #menu a:visited.lilac{
background: #9696CE;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #9696CE;

}

#menu a:hover.lilac, #menu a:active.lilac, #menu a:focus.lilac {
background: #00A0E3;
border-width: 1px;
border-style: solid;
border-color: #00A0E3;

}

#menu a.darkgreen, #menu a:link.darkgreen, #menu a:visited.darkgreen{
background: #148783;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #148783;

}

#menu a:hover.darkgreen, #menu a:active.darkgreen, #menu a:focus.darkgreen {
background: #00A0E3;
border-width: 1px;
border-style: solid;
border-color: #00A0E3;

}

#menu a.orange, #menu a:link.orange, #menu a:visited.orange{
background: #FD8E46;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #FD8E46;

}

#menu a:hover.orange, #menu a:active.orange, #menu a:focus.orange {
background: #00A0E3;
border-width: 1px;
border-style: solid;
border-color: #00A0E3;

}

#menu a.mustard, #menu a:link.mustard, #menu a:visited.mustard{
background: #DBBE00;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #DBBE00;

}

#menu a:hover.mustard, #menu a:active.mustard, #menu a:focus.mustard {
background: #00A0E3;
border-width: 1px;
border-style: solid;
border-color: #00A0E3;

}
#menu a.blue, #menu a:link.blue, #menu a:visited.blue{
background: #3F56B2;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #3F56B2;

}

#menu a:hover.blue, #menu a:active.blue, #menu a:focus.blue{
background: #00A0E3;
border-width: 1px;
border-style: solid;
border-color: #00A0E3;

}

#menu li {position: relative;

}

#menu ul ul {
position: absolute;
top: 36px;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu li li{
border-top: 2px solid #B1E0F2;
margin-top: 0;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

body {
behavior: url(csshover.htc);
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font-size: 11px;
font-weight: bold;

}