/* Navigation */
.navWrapper {
    width: 960px;
    clear: left;
    position: relative;
    float: left;
    z-index: 3999;
}

#cssmenu {
    float: left;
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-family:'Roboto Slab', serif;
    font-size: 15px;
    font-weight: 700;
    width: 960px;
    height: 35px;
    overflow: hidden;
}

#cssmenu ul {
    background: #364659;
    height: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#cssmenu li {
    float: left;
    padding: 0px;
}

#cssmenu > ul > li {
    border-right: 1px solid rgb(13,13,13);
}

#cssmenu > ul > li:nth-child(8) {
    border:0px;
}

#cssmenu > ul > li:nth-child(8) > ul {
    right: 0;
    left: auto;
}

/* This rule will cause the sub-menus of the last 3 items to cascade back to the left
   rather than to the right which would take them off the right edge */
#cssmenu > ul > li:nth-child(5) > ul > li > ul,
#cssmenu > ul > li:nth-child(6) > ul > li > ul,
#cssmenu > ul > li:nth-child(7) > ul > li > ul,
#cssmenu > ul > li:nth-child(8) > ul > li > ul {
	right: 100%;
	left: -100%;
}


#cssmenu li a {
    background-color: #364659;
    display: block;
    font-weight: normal;
    line-height: 35px;
    margin: 0px;
    padding: 0px 13px 0 13px;
    text-align: center;
    text-decoration: none;
}

#cssmenu li a.highlighted {
    background-color: #2580A2;  
}

#cssmenu li.last ul {
    right: 0px;
}

#cssmenu li.last a {
    float: none;
}

#cssmenu > ul > li > a {
    color: #fff;
}

#cssmenu ul ul a {
    color: #fff;
}

#cssmenu ul ul ul {
	left: 100%;
	top: 0;
}

#cssmenu ul li:hover {
    background: #2580a2 url('clientlibs/css/hover.png') bottom center no-repeat;   
}

#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
    background: #2580a2 url('clientlibs/css/hover.png') bottom center no-repeat;
    color: #FFFFFF;
    text-decoration: none;
}

#cssmenu li > ul {
	position: absolute;
    background: #364659;
    display: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: auto;
    min-width: 225px;
    z-index: 200;
    margin-right: auto;
}
#cssmenu li:hover > ul {
    display: block;
}
/*
#cssmenu li ul li:hover ul {
    display: block;
}
*/
#cssmenu li li {
	position: relative;
    background: url('clientlibs/css/sub_sep.png') bottom left no-repeat;
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    min-width: 225px;
    overflow: visible;
}

#cssmenu li:hover li a {
    background: none;
}

#cssmenu li ul a {
    display: block;
    /*Randy - removing the height attr allows the text to wrap if it's too long */
    /* height: 35px; */
    font-size: 15px;
    font-style: normal;
    margin: 0px;
    padding: 0px 15px;
    text-align: left;
}

#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
    background: #2580a2 url('clientlibs/css/hover_sub.png') center left no-repeat;
    border: 0px;
    color: #ffffff;
    text-decoration: none;
}

#cssmenu p {
  clear: left;
}

#cssmenu .separator {
    float:left; 
    background: url("clientlibs/img/Separator.jpg");
    background-repeat:no-repeat;
    width:1px;
    height:35px;
}