﻿/* ::: Regular Columns styles 
--------------------------------------- */

div.RadMenu a.rmLink { cursor: pointer; display: block; }
div.RadMenu .rmGroup .rmText { padding: 8px 30px 0px 0px !important; }
div.RadMenu .rmGroup a {
    font: 12px 'Segoe UI', Arial;
    color: #fff;
    height: 35px;
}
div.RadMenu .rmGroup .rmItem { background: transparent url('Menu/horiz-dots.gif') repeat-x bottom; }
div.RadMenu .rmGroup .rmLast { background: none; }

.RadMenu_Zoo .rmRootGroup .rmItem {background: transparent url('Menu/vertical-line.gif') no-repeat center right;}
.RadMenu_Zoo .rmRootGroup .rmLast {background: none;}
.RadMenu_Zoo .rmRootGroup .rmExpanded {background: transparent url('Menu/vertical-line.gif') no-repeat center right;}


.RadMenu_Zoo .rmRootGroup .rmItem a.rmFocused,
.RadMenu_Zoo .rmRootGroup .rmItem a.rmSelected,
.RadMenu_Zoo .rmRootGroup .rmItem a.rmExpanded
{
    background: transparent url('Menu/vertical-line.gif') no-repeat center right;
    }

/* ::: Multicolumn styles with icons/images (Exhibits button it classed as "rmLast"
----------------------------------------------------------------------------------- */
div.RadMenu .rmMultiColumn .rmLast { top: 1px; height: 0px;}
div.RadMenu .rmMultiColumn .rmLast a {
    background: none;
    float: right;
    position: relative;
    top: 0px;
    text-align: right;
    height: 0px;
    left: 107px;
    margin-top: 0px;
}
div.RadMenu .rmMultiColumn .rmItem { margin: 0px 5px; clear: both; }
div.RadMenu .rmMultiColumn .rmLeftImage { display: block; margin-top: 4px; /* width: 44px; height: 37px; */}
div.RadMenu .rmMultiColumn .rmText { height: 37px; background: none; padding: 10px 0px 0px 50px !important; }

div.RadMenu .rmMultiColumn {padding-top: 5px;}
div.RadMenu .rmMultiColumn .rmRemoveBackground {background: transparent url('Menu/spacer.gif') no-repeat; }
/*div.RadMenu .rmMultiColumn .rmDinosaurs {width: 815px; position: absolute; top: 0px; left: -5px;}*/


/* ::: Top Menu CSS Overwrites
----------------------------------------------------------------------------------- */
div.RadMenu .rmGroup li.contactus .rmText 
{
    padding: 5px !important;
}
div.RadMenu .rmGroup li.contactus a {
    color: #999999 !important;
    width: 400px;
    margin-bottom: 5px;
    white-space:nowrap;
    line-height: 20px;
}