﻿
.rmNavBarContainer {
    position:absolute;
    width:1024px;            
    top:0px;
    text-align:right;
    vertical-align:bottom;
    z-index:400;
    height:88px;
}

.rmNavBar {
    position:absolute;
    right:0px;
    bottom:0px;
    padding:0px;
    margin:0px;
    z-index:350;
}

.rmNavArrow {
    padding:0px 4px 0px 4px;    
    vertical-align:middle;
    border:solid 0px;
}

.rmNavImg {
    padding:0px 0px 0px 0px;
    margin:0px 4px 0px 0px;
}

.rmNavArrowDown {
    padding:7px 3px 0px 3px;
}

.rmNavArrowRight {
    padding:4px 2px 0px 2px;
}

.rmNavIcon {
    padding:5px 5px 15px 0px;
}

/* ================== menu CSS  ======================== */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.rmNavmenu ul{
   
    margin: 0;
    padding: 0;
    list-style-type: none;
    height:auto;
    font-family:Arial,sans;
    letter-spacing:-0.04em;
    
}

/*Top level list items*/
.rmNavmenu ul li{
    list-style-type:none;
    position: relative;
    display: inline;        
    float: left;
    font-size:17px;        
    background-color:#345679;
    background-image:url(/_images/navigation/rmMainMenu_glare.png);
    background-repeat:repeat-x;      
    height:27px;      
}

/*Top level menu link items style*/
.rmNavmenu ul li a{    
    display: block;    
    padding: 6px 8px 5px 6px;
    text-decoration: none;    
    color: #FFFFFF;                    
}

.rmNavmenu ul li a:hover{     
    padding: 6px 7px 5px 5px;
    border-left:solid 1px #579cc9;
    border-right:solid 1px #333333;
}

.rmNavmenu ul li ul li a:hover{ 
    font-size:15px;
    border-left:solid 1px #345679;
    border-right:solid 1px #345679;            
    border-bottom:solid 1px #345679;    
}
	
/*1st sub level menu*/
.rmNavmenu ul li ul{
    left: 0;
    position: absolute;
    top: 1em; /* no need to change, as true value set by script */
    display: block;
    visibility: hidden;
    font-size:16px;   
    letter-spacing:-0.01em;    
}

/*Sub level menu list items (undo style from Top level List Items)*/
.rmNavmenu ul li ul li{    
    display: list-item;    
    font-size:15px;       
    width:100%;
    background-image:url(/_images/clearpixel.gif);        
    height:auto;    
    border-left:solid 1px #345679;
    border-right:solid 1px #345679;            
    border-bottom:solid 1px #345679;    
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.rmNavmenu ul li ul li ul{ 
    left: 159px; /* no need to change, as true value set by script */
    top: 0;   
}

/* Sub level menu links style */
.rmNavmenu ul li ul li a{    
    width: 160px; /*width of sub menu levels*/
    color: #ffffff;
    text-align:left;
    text-decoration: none;        
}

.rmNavmenu ul li a:hover{
    /*background-color: #363636; */
    color: white;
    background-image:url(/_images/navigation/rmMainMenu_glare.png);
    background-repeat:repeat-x;    
}

.rmNavmenu ul li ul li a:hover{
    /* background-color:Transparent;   */
    color: white;
    background-image:url(/_images/navigation/rmMainMenu_glare.png);
    background-repeat:repeat-x;
}

.rmNavmenuGenericLink a:hover{
    background-color: #345679; 
}

.rmNavmenuDivisionLink a:hover{
    background-color: #345679; 
}
.rmNavmenuDivisionLink ul li a:hover{
    background-color: #345679;
}


.rmNavmenuBlogLink {
    background-color: #777777; /*#A1876D;  */
}
.rmNavmenuBlogLink a:hover{
    background-color: #454545; /*#B39C88;     */
}


/* ------------- cloned code to let division menu items color themselves more interestingly ----- */

/* .rmDivisionNavmenu */

/* ------------------------------------------ */



/* Holly Hack for IE \*/
* html .rmNavmenu ul li { float: left; height: 1%; }
* html .rmNavmenu ul li a { height: 1%; }
/* End */
