#menu {
 position:relative;
 top:0px;
 margin-top:20px;
 height:0px; /* was 22px */
 width:729px;
 font-size:1px;
 /* ie 5.x */
 left:0px;
 voice-family:"\"}\"";
 voice-family:inherit;
 left:1px;
}

html>body #menu {
 left:0px;
}

#menu .section {
 /*left:1px;*/
 width:179px;
 margin-right:0px;
 float:left;
}

#menu a {
 display:block;
 height:20px;
 line-height:20px;
 color:#fff;
 font-size:10px;
 text-decoration:none;
 text-align:left;
 font-weight:bold;
 letter-spacing:1px;
 /* ie 5.0 workaround (text-indent not supported) */
 padding-left:36px;
 width:179px;
 w\idth:177px;
 voice-family:"\"}\"";
 voice-family:inherit;
 /* everybody else */
 text-indent:36px;
 padding-left:0px; /* workaround fix */
}

#menu #nav-group0 {
 margin-left:0px;
}

#menu #nav-group0 a {
 background-color:#1b2c85;
 border-top:1px solid #273c91;
 border-left:1px solid #273c91;
 border-right:1px solid #162560;
 border-bottom:1px solid #162560;
}

#menu #nav-group0 a:hover,
#menu #nav-group0 a.active {
 background-color:#5362A0;
}

#menu #nav-group1 {
 margin-left:183px;
}

#menu #nav-group1 a {
 background-color:#ff4a00;
 border-top:1px solid #f96e3e;
 border-left:1px solid #f96e3e;
 border-right:1px solid #db3900b;
 border-bottom:1px solid #db3900;
}

#menu #nav-group1 a:hover,
#menu #nav-group1 a.active {
 background-color:#f78259;
}

#menu #nav-group2 {
 margin-left:366px;
}

#menu #nav-group2 a {
 background-color:#90c842;
 border-top:1px solid #b7dd7a;
 border-left:1px solid #b7dd7a;
 border-right:1px solid #6b9627;
 border-bottom:1px solid #6b9627;
}

#menu #nav-group2 a:hover,
#menu #nav-group2 a.active {
 background-color:#b4d67f;
}

#menu #nav-group3 {
 margin-left:549px;
}

#menu #nav-group3 a {
 background-color:#808080;
 border-top:1px solid #9b9b9b;
 border-left:1px solid #9b9b9b;
 border-right:1px solid #5b5b5b;
 border-bottom:1px solid #5b5b5b;
}

/* common menu behaviors */

#menu #nav-group3 a:hover,
#menu #nav-group3 a.active {
 background-color:#aaaaaa;
}

#menu #nav-group4 {
 display:none;
}

/*
#menu #sub-group0 a,
#menu #sub-group1 a,
#menu #sub-group2 a,
#menu #sub-group3 a {
 border-right:1px solid #333;
 border-bottom:1px solid #333;
}
*/

#menu a.active {
 color:#333;
}

/* sub-items */

#nav-cont {
 position:absolute;
 top:0px;
 left:0px;
 display:block;
 /* z-index? */
}

.nav-groups {
 position:absolute;
 left:0px;
 width:179px;
 float:left;
}

.sub-groups {
 position:relative;
 left:0px;
 width:179px;
 padding-top:10px;
 background:transparent url(media/images/common/none.gif); /* puts "something" in the container background, so nav event-based handling works */
 display: none;
}

html>body .sub-groups {
 /* for mouseout on menus (Mozilla) */
 border:1px solid transparent;
 left:-1px;
 padding-top:9px;
}

.nav-groups:hover div.sub-groups {
 display:block;
}

#menu .sub-groups a {
 border-top:1px solid #ffffff;
 border-left:1px solid #ffffff;
 letter-spacing:0px;
 width:179px;
 width:177px;
}

#menu ul {
 list-style-type:none;
 margin:0;
 padding:0;
}

#menu li {
 margin-bottom:1px;
}