/*--------- Menu CSS for all ----------*/
#mobile_nav{display:none;}

#skin_menuxxxxx {background:#eeeeee;}
#menuarea {
    float: left;
    width: 100%;
    position: relative;
    z-index: 903;
    background-color: #00336C; /*col*/
    min-height: 38px; /*  margin: 2px 2px 2px 2px; 
        border-bottom: 3px solid #336699;
        
        border-bottom-color: #336699;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black; */
}



/*--------- Menu style ----------*/
#standardMenu {position:relative;z-index:903; /*margin:5px 8px;*/}

#standardMenu ul {margin:0; padding:0;}
#standardMenu ul li {list-style:none;float:left;background:none;overflow:visible;position:relative;cursor:pointer;}
#standardMenu ul li a
{display: block;background: none;text-decoration: none;color: #ffffff;/*col*/font-family: arial,sans-serif,Tahoma,helvetica;
    font-weight:  normal;
    font-size: 14px;
}
#standardMenu ul li a:hover {background:none;text-decoration:none;}
#standardMenu ul li a div {display:block; background:none; }
#standardMenu ul li a:hover div{background:none;}
#standardMenu ul li a div span
{   display: block;
    background: none;
    margin: 0;
    padding: 0 10px;
    line-height: 38px;
    
    /* add divider border-right: 1px solid;
    border-right-color: #303590;*/
}
                                
                                
                                
#standardMenu .last {border-right:0px;}                                
                                
                                
#standardMenu ul li a:hover div span {
    color: #FFFFFF; /*col*/
    background-color: #B58B35;
}
#standardMenu ul li.selected a div span, #standardMenu ul li.breadcrumb a div span {
    color: #FFFFFF;
    background-color: #B58B35;
}
#standardMenu ul li ul li
{
    background: #FFFFFF; /*col*/
    margin: 0px;
    white-space: normal;
    height: auto;
    line-height: 1.5em;
    /*ra change menu widht for level 0*/
    width: 240px;
    border-top: 1px #303590 solid; /*col*/
    border-top-width: 1px;
    border-top-color: #CCCCCC;
}
#standardMenu ul li ul li.first{ border-top:none; }
#standardMenu ul li ul li.selected, #standardMenu ul li ul li.breadcrumb{ background:none; margin-top:0;height:auto;}
#standardMenu ul li ul li a {display:block;background:none;text-decoration:none;font-weight:normal;text-transform:none;padding:7px 15px 7px 12px;font-size:13px;
                             color:#000000;/*col*/}
#standardMenu ul li ul li.selected > a, #standardMenu ul li ul li.breadcrumb > a, #standardMenu ul li ul li.item a:hover
{
    color: #000000; /*col*/
    background-color: #CCCCCC;
    cursor: pointer;
}
#standardMenu ul li ul li.haschild > a
{
    background: #fff url(../images/menu-arrow01.gif) no-repeat right center;/*col*/
}
#standardMenu ul li ul li.selected.haschild > a, #standardMenu ul li ul li.breadcrumb.haschild > a, #standardMenu ul li ul li.item.haschild > a:hover
{
    background: #ccc url(../images/menu-arrow02.gif) no-repeat right center; /*col*/
}

#standardMenu ul li ul
{
    display: none;
    position: absolute; /*fix menu wrap zindex when menu wraps*/
    z-index: 904;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0,0.5);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0,0.5);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0,0.5);
    left: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #808080;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #808080; /*col*/
}
#standardMenu ul li.selected ul, #standardMenu ul li.breadcrumb ul{ display:none; position:absolute;/*top:41px;*/ }
#standardMenu ul li:hover ul.level0 { display: block;}
#standardMenu ul li ul li ul{ display:none;}
/*ra change menu width for level 1 for wider column*/
#standardMenu ul li ul li:hover ul.level1{ display: block;left:240px; top:0px}

#standardMenu ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block;left:180px; top:0px}
#standardMenu ul li ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block; left:180px; top:0px}
#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}
/*--------- CSS for all END----------*/




/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 760px) 
{
#mobile_nav{display:block;float:left;}
.mobile_nav_bg
    {
        background-color: #666666;
        color: #FFFFFF;
        width: 90px;
        padding-top: 8px;
        min-height: 28px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0,0.5);
    }
 #menuclick{color:#fff; text-decoration:none;text-transform:uppercase; 
            font-size:14px; text-shadow:1px 1px 0px #000; font-weight:bold;z-index:1000; 
            padding:11px 24px 11px 22px;
           }



#menuarea{ display:none;float:none;clear:both; width:100%; background:none; margin-bottom:0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0,0.5);-moz-box-shadow:0px 0px 0px 0px rgba(0, 0, 0,0.5);box-shadow:0px 0px 0px 0px rgba(0, 0, 0,0.5);}

/*--------- Menu style ----------*/
#standardMenu
    {
        background-color: #CCCCCC;
    }
#standardMenu { margin:0;position:relative;z-index:903;padding:3px 0;}
#standardMenu ul { margin:0; padding:0;}
/*#standardMenu ul li { list-style:none;float:none;overflow:visible; position:relative; margin:0; background:url(../../images/mobile_subnav.jpg) repeat-x left top; height: auto; line-height:1em;cursor:pointer; border:1px #ccc solid; margin-bottom:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}*/
#standardMenu ul li { list-style:none;float:none;overflow:visible; position:relative; margin:0;  background:white; height: auto; line-height:1em;cursor:pointer; border:1px #ccc solid; margin-bottom:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/* ra added this style to remove rounded shadow from phones*/
#standardMenu ul li,#standardMenu ul li ul {border-radius: 0px 0px 0px 0px;box-shadow: 0 0 0 0 ;}
/* ra added this style to remove rounded shadow*/
#standardMenu ul li.selected a div span, #standardMenu ul li.breadcrumb a div span {border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0 0 0 ;}
#standardMenu ul li a {display:block;background:none;text-transform:uppercase;font-size:12px;font-weight:bold;text-decoration:none;color:#000000;}
#standardMenu ul li:hover, #standardMenu ul li a:hover {text-decoration:none;}
#standardMenu ul li.selected > a, #standardMenu ul li.breadcrumb > a{ background:none; color:#ffffff; }
#standardMenu ul li a div {display:block; background:none; }
#standardMenu ul li a:hover div{background:none;}
#standardMenu ul li.selected a div, #standardMenu ul li.breadcrumb a div{ background:none;margin:0;}
#standardMenu ul li a div span{display:block; background:none; margin:0; padding:0 15px;line-height:32px; }
/*#standardMenu ul li a:hover div span{background:none;}
#standardMenu ul li a:hover div span{background:none; color:#C20012; }*/
#standardMenu ul li a:hover div span{background:none; color:#C20012; line-height:32px;margin-top:0px; 
border-radius: 0px 0px 0px 0px;box-shadow: 0 0 0 0 ;}
#standardMenu ul li.selected a div span, #standardMenu ul li.breadcrumb a div span{background:none; color:#C20012; padding:0 15px 0 15px;line-height:32px;}
#standardMenu ul li ul li{ background:#f9f9f9;margin:0px;white-space:normal; height:auto; line-height:2em; width:auto;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; border-left:none;border-right:none;border-top:none;border-bottom:1px dotted #ccc;}
#standardMenu ul li ul li.last {border-bottom:none;}
#standardMenu ul li ul li a {display:block;background:none;text-decoration:none;font-weight:normal;text-transform:none;padding:4px 15px 4px 20px;font-size:12px;color:#000000;}
#standardMenu ul li ul li.breadcrumb > a {background:url(../images/right1.gif) 10px 14px no-repeat; color:#000000; cursor:pointer;}
#standardMenu ul li ul li.selected > a, #standardMenu ul li ul li.item a:hover{ background:url(../images/right1.gif) 10px 14px no-repeat; color:#C20012; cursor:pointer; }
#standardMenu ul li ul li.haschild > a,#standardMenu ul li ul li.selected.haschild > a, #standardMenu ul li ul li.breadcrumb.haschild > a, #standardMenu ul li ul li.item.haschild > a:hover { background:url(../images/right1.gif) 10px 14px no-repeat; }
#standardMenu ul.level0 li, #standardMenu ul.level0 li:hover{ background:url(../images/right1.gif) 10px 14px no-repeat; }
#standardMenu ul li ul li ul li {border-bottom:none;}
#standardMenu ul li ul { display:block; position:relative; top:0; left:auto; padding:0; border:none;background:#f9f9f9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#standardMenu ul li.selected ul, #standardMenu ul li.breadcrumb ul{ display:block; position:relative; top:0px; }
#standardMenu ul li:hover ul.level0 { display: block;}
#standardMenu ul li ul li ul{ display: block; border:none; padding:0 0 0 10px;}
#standardMenu ul li ul li:hover ul.level1{ display: block; left:auto; top:0;}
#standardMenu ul li ul li ul li ul{ display: block}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block; left:auto; top:0; }
#standardMenu ul li ul li ul li ul li ul{ display: block}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block; left:auto; top:0; }           
            
}/*--------- CSS Reset for Mobile END ----------*/