/* topMenu */
.topMenu {
    margin-bottom: 5px;
    display: block;
}

.topMenu ul {
    float: left;
    margin:0;
    padding:3px 0 0;
    }

.topMenu li {
    list-style-type: none;
    float: left;
}

.topMenu li a {
    padding: 5px 15px; 
    margin: 0 2px 0 0;
    border-top-right-radius: 3px; 
    border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px; 
    -moz-border-top-left-radius: 3px;
    background: #27458e;
    color: #fff;
    text-decoration: none;
}
        
/* The links when hovered */
.topMenu li a:hover {
    background: #e4e3e8;
    padding: 5px 15px 6px;
    color:#000;
}
    
.topMenu li a.selected {
    color: #000;
    padding: 5px 15px 6px;
    /*background: #edebde;*/
    background: #e4e3e8;
}
    
/* The selected link when hovered */
.topMenu li a.selected:hover {
}

/* SUBMENU */
div.subMenu {
    height: 27px;
}

/* The links */
div.subMenu a {
    display: inline-block;
    background-color: #cccccc;
    padding: 5px 13px 6px 13px;
    text-decoration: none;
    color: black;
    -moz-border-radius: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    float: left;
    margin: 0 2px 0 0;
}

/* The active link (when you're on that page) */
div.subMenu a.active {
    background-color: #565656;
    color: white;
}

/* When you hover a link */
div.subMenu a:hover {
    background-color: #565656;
    color:white;
}

/* When you hover the active link */
div.subMenu a.active:hover {
    background-color: #565656;
}

/* Remove the border in the top left corner, but only if the submenu is on the page */
div.subMenu + div.content {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;
}