/* from http://www.456bereastreet.com/lab/csstabs/nested/# */
div#navigation {
width:598px;
height:45px;
position:relative;
}
div#navigation ul {
width:598px;
font-family:Tahoma,"Trebuchet MS", sans-serif;
font-size:11px;
line-height:11px;
color:#000;
}
ul.menu {
margin:0;
padding:6px 0 5px 0;
background-color:#202F66;
list-style-type:none;
border-bottom:2px solid #000;
}
ul.menu li {
display:inline;
margin:0;
padding:0;
}
ul.submenu {
margin:0;
padding:5px 0;
background-color:#24568E;
list-style-type:none;
position: absolute;
top: 22px;
left:0;
}
ul.submenu li {
display:inline;
margin:0;
padding:0;
}
ul.submenu li+li {
border-left:1px solid #ccc;
}
div#navigation a:link,
div#navigation a:visited,
div#navigation a:hover {
color:#fff;
text-decoration:none;
padding:5px;
background-color:#202F66;
}
div#navigation ul.menu a:link,
div#navigation ul.menu a:visited,
div#navigation ul.menu a:hover {
font-weight:bold;
border:1px solid #000;
text-transform:uppercase;
}
div#navigation ul.menu a:hover {
background-color:#24568E;
}
div#navigation ul.menu li.active a:link,
div#navigation ul.menu li.active a:visited,
div#navigation ul.menu li.active a:hover {
background-color:#24568E;
font-weight: bold;
border-bottom-color:#24568E;
}
div#navigation ul.submenu a:link,
div#navigation ul.submenu a:visited,
div#navigation ul.submenu a:hover {
font-weight:normal;
padding:0 5px;
background-color:#24568E;
border:0;
}
div#navigation ul.submenu a:hover {
text-decoration:underline;
}