﻿@charset "utf-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

ul.ulHidden {overflow:hidden !important;}
ul#nav-primary-ul {overflow:visible;}

.visibilityHidden
{ visibility:hidden;
}


#nav-primary{
	background-color:#e1ecfc;
    height: 30px;
	border-bottom:4px solid #a8c0e3;
	line-height:30px;
	width:100%;
}

#nav-primary ul {
    background: #c8d9f2;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav-primary li {
    float: left;
    position:relative;
    height:30px;
}
 
#nav-primary a {
    color: #000;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    padding-right:0px;
    text-decoration: none;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
}
#nav-primary a:hover {
    height: 30px;
    line-height: 30px;
}

/* This will make sure our menus overlap any buttons or other form elements that might try to pop through. */
#nav-primary ul {
    z-index: 1;
}
ul.nav-second,
ul.nav-second li.nav-second-li,
ul.nav-second li.nav-second-li a,
ul.nav-third,
ul.nav-third li.nav-third-li,
ul.nav-third li.nav-third-li a {
    height:auto !important;
    min-height:30px;
}




#nav-primary ul li ul a:hover {
    background-color: #e1ecfc;
}


ul#nav-primary-ul li > a {background-color:#e1ecfc;}
ul#nav-primary-ul li ul li > a {background-color:#c8d9f2; }
ul#nav-primary-ul li ul li ul li > a {background-color:#e1ecfc;}


ul#nav-primary-ul li:hover > a {background-color: #c8d9f2; height: auto;}
ul#nav-primary-ul li ul li:hover > a {background-color:#e1ecfc; height: auto; }
ul#nav-primary-ul li ul li ul li > a:hover {background-color:#cbddf7;}


#nav-primary li.hover a {background-color:#c8d9f2; height:auto;}
#nav-primary li.hover ul li a {height:auto;}
ul.nav-second li.hover a {background-color:#e1ecfc !important; height:auto;}
ul.nav-third li.hover a {background-color:#c8d9f2 !important; height:auto;}

 


.jsBody #nav-primary ul li a:hover {
    height: auto;
}

/* hover colors for non-js menu */
.jsBody ul.nav-second li a:hover {
    background-color:#E1ECFC !important;
}
.jsBody ul.nav-third li a:hover {
    background-color:#A8C0E3 !important;
}

.jsBody #nav-primary ul li ul li a:hover {
    height: auto;
}
 
 
.jsBody #nav-primary a:hover{
    background: #c8d9f2;
}
 
#nav-primary ul ul {
    display:none;
    position: absolute;
    top: 34px;
    left: 0;
    width: 200px;
}

.hover {display:block;}
 
#nav-primary ul ul li{
    width: 200px;
}
 
.jsBody #nav-primary ul li:hover > ul {
    display: block;
}

#nav-primary ul li.hover > ul {
	display: block;
}
 
#nav-primary ul ul ul {
    left: 100%;
    top: 0;
}




#nav-primary ul li a span.nav-text {
padding-left:10px;
}

.nav-second ul li a span.nav-text {
padding-left:10px;
}




#nav-primary ul li a span.nav-icon {
    width:18px;
	height:18px;
	float:left;
	margin-top: 7px;
	background-image:url(img/menu-sprite.png);
	background-repeat:no-repeat;
}




/* Allows text in the menu to be multiline */
#nav-primary ul li ul li a span.nav-text
{
line-height:11px;
padding-bottom:5px;
padding-top:9px;
display:block;
margin-left:20px;
width:140px;
overflow:hidden;
cursor:pointer;
}




#nav-primary ul li {
border-right:1px dotted #a8c0e3;
}
#nav-primary ul li ul li,
.nav-second ul li,
.nav-third ul li {
border-right:0px;
}

.hasArrow {
	background-image:url(img/arrowOn.png) !important;
	background-repeat:no-repeat;
	background-position: right center;
}
.hasArrow:hover {
	background-image:url(img/arrowHover.png) !important;
	background-repeat:no-repeat !important;
	background-position: right center;
}
li.lastLi {border-right:0px !important;}




