.modRoot.menu {
    margin: 0 0 10px 0;
}

.modRoot.menu .modBody {
    overflow: visible;
}

.modRoot.menu a {
    text-decoration: none;
}

.submenu {
    display: none;
}

/* --- Top menu --- */

#menu_topmenu {
    float: right;
    height: 2em;
    margin-top: 10px;
    background-image: url(../../img/maalselvfossen/topmenu_bg.png);
}

#menu_topmenu h3.modHeader {
    display: none;
}

#menu_topmenu div.modBody {
    background-color: transparent;
}

#menu_topmenu div.modBody ul {
    margin: 0 0 0 0;
    padding: 0 10px 0 0;
    list-style-type: none;
}

#menu_topmenu div.modBody ul li {
    float: left;
    padding: 0 0 0 10px;
}

#menu_topmenu div.modBody ul li a {
    color: #FFFFFF;
    line-height: 2em;
    vertical-align: middle;
}


#menu_topmenu div.modBody ul li a:hover {
    text-decoration: underline;
}

/* --- end of Top menu --- */

/* --- Navigation menu --- */

#menu_navigation {
}

#menu_navigation h3.modHeader {
    display: none;
}

#menu_navigation div.modBody {
    background-color: transparent;
}

#menu_navigation div.modBody ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 210px;
    list-style-type: none;
}

#menu_navigation div.modBody ul li {
    margin-bottom: 2px;
}

#menu_navigation div.modBody ul li a {
    color: #FFFFFF;
    line-height: 34px;
    height: 34px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    padding-left: 40px;
    padding-right: 8px;
    background-image: url(../../img/maalselvfossen/menuitems.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#menu_navigation div.modBody ul li a:hover {
    text-decoration: none;
    background-position: 0 -68px;
}

/* --- end of Navigation menu --- */

/* --- Admin menu --- */
div.menu_admin {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
}

.menu_admin .modHeader {
    display: none;
}

div.menu_admin ul.rootmenu li.menuitem_logout {
    position: absolute;
    right: 0px;
}

/* top horizontal admin menu */
div.menu_admin ul.rootmenu {
   list-style: none;
   padding: 0 20px;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
   float: left;
   width: 100%;
   background: #222222;
   font-size: 1em;
   background: url(../../img/topnav_bg.png) repeat-x;
}

div.menu_admin ul.rootmenu li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

div.menu_admin ul.rootmenu li a {
    padding: 10px 5px;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    float: left;
}

div.menu_admin ul.rootmenu li a:hover {
    background: url(../../img/topnav_hover.png) no-repeat center top;
}

div.menu_admin ul.rootmenu li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(../../img/horiz_menu_arrow.png) no-repeat center top;
}

div.menu_admin ul.rootmenu li span.subhover {
    background-position: center bottom;
    cursor: pointer;
}

div.menu_admin ul.rootmenu li ul.submenu {
    list-style: none;
    position: absolute; /*--Important - Keeps submenu from affecting main navigation flow--*/
    left: 0;
    top: 35px;
    background: #333333;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    width: 170px;
    border: 1px solid #111111;
}

div.menu_admin ul.rootmenu li ul.submenu li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #444444;
    clear: both;
    width: 170px;
}

div.menu_admin ul.rootmenu li ul.submenu li a {
    float: left;
    width: 145px;
    background: #333333 url(../../img/dropdown_linkbg.png) no-repeat 10px center;
    padding-left: 20px;
}

div.menu_admin ul.rootmenu li ul.submenu li a:hover {
    background: #222222 url(../../img/dropdown_linkbg.png) no-repeat 10px center;
}

/* --- end of Admin menu --- */