@charset "UTF-8";
/*

[Table Of Contents] 

	00- Primary Navigation
	01- Prmary Navigation Dropdowns
	02- Secondary Navigation 
	03- Secondary Navigation Dropdowns

*/

/*	=======================
	00 - PRIMARY NAVIGATION
	=======================*/
#topLinks {
	padding: 0px;
	border: medium none;
	list-style: none outside none;
	text-align: left;
	margin: 0px;
	float: right;
}
#topLinks > li {
        float: left;
        line-height: 1.1em;
}
#topLinks > li > a {
        background-image: url(/sites/all/themes/nano7/images/backgrounds/topLinks.png);
        background-repeat: no-repeat;
        display: block;
        height: 26px;
}
#topLinks > li a strong {
        position: absolute;
        left: -9999em;
}
#topLinks li#topLink1 a {
        width: 40px;
        background-position: -6px top;
}
#topLinks li#topLink2 a {
        width: 46px;
        background-position: -45px top;
}
#topLinks li#topLink3 a {
        width: 82px;
        background-position: -91px top;
}
#topLinks li#topLink4 a {
        width: 62px;
        background-position: -173px top;
}
/* ROLLOVERS */
#topLinks li#topLink1:hover a,
#topLinks li#topLink1.active-trail:hover a,
#topLinks li#topLink1 a.ie6hover,
#topLinks li#topLink1.active-trail a.ie6hover {
        background-position: -6px -26px;
}                         
#topLinks li#topLink2:hover a,
#topLinks li#topLink2.active-trail:hover a,
#topLinks li#topLink2 a.ie6hover,
#topLinks li#topLink2.active-trail a.ie6hover {
        background-position: -45px -26px;
}
#topLinks li#topLink3:hover a,
#topLinks li#topLink3.active-trail:hover a,
#topLinks li#topLink3 a.ie6hover,
#topLinks li#topLink3.active-trail a.ie6hover {
        background-position: -91px -26px;
}
#topLinks li#topLink4:hover a,
#topLinks li#topLink4.active-trail:hover a,
#topLinks li#topLink4 a.ie6hover,
#topLinks li#topLink4.active-trail a.ie6hover {
        background-position: -173px -26px;
}



a#homeLink {
	display: block;
	width: 420px;
	height: 65px;	
}
#primaryNavigation {
	margin-left: 4px;
	width: 990px;
}
#primaryNavigation > div > ul > li {
	float: left;
	line-height: 1.1em;
}
#primaryNavigation > div > ul > li > ul {
	position: absolute;
	left: -9999em;
}
#primaryNavigation > div > ul > li a strong {
	position: absolute;
	left: -9999em;
}
#primaryNavigation > div > ul > li > a {
	background-image: url(/sites/all/themes/nano7/images/backgrounds/primaryNav.png);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	margin-top: 32px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}



#primaryNavigation div ul li:nth-child(1) a {
      width: 134px;
      background-position: 0px 0px;
}
#primaryNavigation div ul li:nth-child(2) a {
        width: 146px;
        background-position: -134px top;
}
#primaryNavigation div ul li:nth-child(3) a {
        width: 97px;
        background-position: -280px top;
}
#primaryNavigation div ul li:nth-child(4) a {
        //width: 152px;
	width: 140px;
        background-position: -377px top;
}
#primaryNavigation div ul li:nth-child(5) a {
        //width: 166px;
        //background-position: -529px top;
        width: 77px;
        background-position: -516px top;

}



/*
#primaryNavigation ul li#prim1 a {
      width: 134px;
      background-position: 0px 0px;
}
#primaryNavigation ul li#prim2 a {
	width: 146px;
	background-position: -134px top;
}
#primaryNavigation ul li#prim3 a {
	width: 97px;
	background-position: -280px top;
}
#primaryNavigation ul li#prim4 a {
	width: 152px;
	background-position: -377px top;
}
#primaryNavigation ul li#prim5 a {
	width: 166px;
	background-position: -516px top;
}
*/

/* ROLLOVERS */
#primaryNavigation div ul li:nth-child(1):hover a,
#primaryNavigation div ul li:nth-child(1).active-trail:hover a,
#primaryNavigation div ul li:nth-child(1) a.ie6hover,
#primaryNavigation div ul li:nth-child(1).active-trail a.ie6hover {
	background-position: 0px -24px;
}
#primaryNavigation div ul li:nth-child(2):hover a,
#primaryNavigation div ul li:nth-child(2).active-trail:hover a,
#primaryNavigation div ul li:nth-child(2) a.ie6hover,
#primaryNavigation div ul li:nth-child(2).active-trail a.ie6hover {
	background-position: -134px -24px;
}
#primaryNavigation div ul li:nth-child(3):hover a,
#primaryNavigation div ul li:nth-child(3).active-trail:hover a,
#primaryNavigation div ul li:nth-child(3) a.ie6hover,
#primaryNavigation div ul li:nth-child(3).active-trail a.ie6hover {
	background-position: -280px -24px;
}
#primaryNavigation div ul li:nth-child(4):hover a,
#primaryNavigation div ul li:nth-child(4).active-trail:hover a,
#primaryNavigation div ul li:nth-child(4) a.ie6hover,
#primaryNavigation div ul li:nth-child(4).active-trail a.ie6hover {
	background-position: -377px -24px;
}
#primaryNavigation div ul li:nth-child(5):hover a,
#primaryNavigation div ul li:nth-child(5).active-trail:hover a,
#primaryNavigation div ul li:nth-child(5) a.ie6hover,
#primaryNavigation div ul li:nth-child(5).active-trail a.ie6hover {
	background-position: -516px -24px;
}

 ON STATE 
#primaryNavigation div ul li:nth-child(1).active-trail a {
	background-position: 0px -24px;
}
#primaryNavigation div ul li:nth-child(2).active-trail a {
	background-position: -134px -24px;
}
#primaryNavigation div ul li:nth-child(3).active-trail a {
	background-position: -280px -24px;
}
#primaryNavigation div ul li:nth-child(4).active-trail a {
	background-position: -377px -24px;
}
#primaryNavigation div ul li:nth-child(5).active-trail a {
	background-position: -516px -24px;
}


/*	======================
	01 - PRIMARY DROPDOWNS
	======================*/
#primaryNavigation ul li ul {
	margin-top: 0;
}
#primaryNavigation a,
#primaryNavigation a:link,
#primaryNavigation a:visited,
#primaryNavigation a:hover,
#primaryNavigation a:active {
	color: #184d4d;
}
#primaryNavigation > div > ul > li:hover > ul {
	position: absolute;
	left: auto;
}
/* Neutralize preceding declarations */
#primaryNavigation div ul li ul li {
	float: none;
	vertical-align: top;
}
#primaryNavigation div ul li ul li a {
	display: block;
	height: auto;
	background-image: none;
	padding: 2px 5px;
	font-size: 11px;
	font-weight: bold;
}
#primaryNavigation div ul li ul li ul li a {
	font-weight: normal;
	padding-left: 15px;
}
#primaryNavigation div ul li ul li ul li ul li a {
	font-weight: normal;
	padding-left: 25px;
}
#primaryNavigation div ul li ul li ul li ul li ul li a {
	font-weight: normal;
	padding-left: 35px;
}
#primaryNavigation div ul li:nth-child(1) ul li a,
#primaryNavigation div ul li:nth-child(2) ul li a,
#primaryNavigation div ul li:nth-child(5) ul li a,
#primaryNavigation div ul li:nth-child(4) ul li a,
#primaryNavigation div ul li:nth-child(3) ul li a {
	width: auto;
}
#primaryNavigation div ul li ul {
	position: absolute;
	display: none;
	width: 200px;
	background-color: #fff;
	border: solid 1px #4d6780;
	z-index: 1000;
}
#primaryNavigation div ul li:hover ul {
	display: block;
}
/*#primaryNavigation div ul li:hover ul li ul {
	display: none;
}*/
#primaryNavigation div ul li ul li ul {
	position: relative;
	border: none;
	margin-bottom: 1em;
}
#primaryNavigation div ul li ul li ul li ul {
	margin-bottom: 0;
}

#primaryNavigation div ul li ul li a:hover {
	background-color: #4d6780;
	color: #fff;
	text-decoration: none;
}

/*	=========================
	02 - SECONDARY NAVIGATION
	=========================*/
div#primaryNavigation > div > ul > li:nth-child(6) {
	margin-left: 6px;
}
div#primaryNavigation > div > ul > li:nth-child(6) > a,
div#primaryNavigation > div > ul > li:nth-child(7) > a,
div#primaryNavigation > div > ul > li:nth-child(8) > a {
	margin-top: 38px;
}
div#primaryNavigation > div > ul > li:nth-child(6) > a,
div#primaryNavigation > div > ul > li:nth-child(7) > a,
div#primaryNavigation > div > ul > li:nth-child(8) > a {
	display: block;
	height: 18px;
	background-image: url(/sites/all/themes/nano7/images/backgrounds/secondaryNav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#primaryNavigation > div > ul > li:nth-child(6) > a {
	width: 86px;
	background-position: left top;
	background-repeat: no-repeat;
}
div#primaryNavigation > div > ul > li:nth-child(7) > a {
	width: 86px;
	background-position: -86px top;
	background-repeat: no-repeat;
}
div#primaryNavigation > div > ul > li:nth-child(8) > a {
	width: 86px;
	background-position: -172px top;
	background-repeat: no-repeat;
}
/*	The active-trail declarations below cause the submenus to go to the right instead of below in IE7?
	No idea why, so fixed the problem in jQuery.
*/
div#primaryNavigation > div > ul > li:nth-child(6):hover > a,
div#primaryNavigation > div > ul > li:nth-child(6) > a.ie6hover,
div#primaryNavigation > div > ul > li:nth-child(6).active-trail > a {
	background-position: 0px -17px;
}
div#primaryNavigation div ul li:nth-child(7):hover a,
div#primaryNavigation div ul li:nth-child(7) a.ie6hover,
div#primaryNavigation div ul li:nth-child(7).active-trail a {
	background-position: -86px -17px;
}
div#primaryNavigation div ul li:nth-child(8):hover a,
div#primaryNavigation div ul li:nth-child(8) a.ie6hover,
div#primaryNavigation div ul li:nth-child(8).active-trail a {
	background-position: -172px -17px;
}
	
/*	===================================
	03 - SECONDARY NAVIGATION DROPDOWNS
	===================================*/
div#primaryNavigation > div > ul > li:nth-child(6) > ul > li > a,
div#primaryNavigation > div > ul > li:nth-child(7) > ul > li > a,
div#primaryNavigation > div > ul > li:nth-child(8) > ul > li > a {
	margin-top: 0;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul > li,
#primaryNavigation > div > ul > li:nth-child(7) > ul > li,
#primaryNavigation > div > ul > li:nth-child(8) > ul > li {
	float: none;
	vertical-align: top;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(7) > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(8) > ul > li > a {
	display: block;
	height: auto;
	background-image: none;
	padding: 2px 5px;
	font-size: 11px;
	font-weight: bold;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul > li > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(7) > ul > li > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(8) > ul > li > ul > li > a {
	font-weight: normal;
	padding-left: 15px;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul > li > ul > li > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(7) > ul > li > ul > li > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(8) > ul > li > ul > li > ul > li > a {
	font-weight: normal;
	padding-left: 25px;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul > li > ul > li > ul > li > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(7) > ul > li > ul > li > ul > li > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(8) > ul > li > ul > li > ul > li > ul > li > a {
	font-weight: normal;
	padding-left: 35px;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(7) > ul > li > a,
#primaryNavigation > div > ul > li:nth-child(8) > ul > li > a {
	width: 110px;
}
#primaryNavigation div ul li:nth-child(6) ul li ul li a,
#primaryNavigation div ul li:nth-child(7) ul li ul li a,
#primaryNavigation div ul li:nth-child(8) ul li ul li a {
	width: 100px;
}
#primaryNavigation div ul li:nth-child(6) ul li ul li ul li a,
#primaryNavigation div ul li:nth-child(7) ul li ul li ul li a,
#primaryNavigation div ul li:nth-child(8) ul li ul li ul li a {
	width: 90px;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul,
#primaryNavigation > div > ul > li:nth-child(7) > ul,
#primaryNavigation > div > ul > li:nth-child(8) > ul {
	position: absolute;
	width: 120px;
	background-color: #fff;
	border-right: 1px solid #4d6780;
	border-bottom: 1px solid #4d6780;
	border-left: 1px solid #4d6780;
	z-index: 1000;
}
#primaryNavigation > div > ul > li:nth-child(8) > ul {
	margin-left: -36px;
}
#primaryNavigation > div > ul > li:nth-child(8) > ul > li > ul {
	margin-left: 0;
}
#primaryNavigation > div > ul > li > ul > li > ul {
	position: relative;
	border: none;
	margin-bottom: .5em;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul > li > ul > li > ul,
#primaryNavigation > div > ul > li:nth-child(7) > ul > li > ul > li > ul,
#primaryNavigation > div > ul > li:nth-child(8) > ul > li > ul > li > ul {
	margin-bottom: 0;
}
#primaryNavigation > div > ul > li:nth-child(6) > ul > li > a:hover,
#primaryNavigation > div > ul > li:nth-child(7) > ul > li > a:hover,
#primaryNavigation > div > ul > li:nth-child(8) > ul > li > a:hover {
	background-color: #4d6780;
	color: #fff;
	text-decoration: none;
}

/*	================================
	03 - RIGHT MARGIN SUB NAVIGATION
	================================*/
#subNav ul li ul {
	margin-top: 0;
}
#subNav a,
#subNav a:link,
#subNav a:visited,
#subNav a:hover,
#subNav a:active {
	color: #184d4d;
}
#subNav div.homeLink {
	display: none;
}
/*	HIDE THE TWO SUBNAV ULs
	jQuery turns on the one with the active trail */
#subNav > ul {
	display: none;
}
#subNav > ul > li > a strong {
	font-size: 22px;
	font-weight: normal;
}
#subNav li {
	display: none;
	font-weight: normal;
}
#subNav a {
	display: block;
	padding: 3px 15px;
	font-size: 14px;
	text-decoration: none;
}
#subNav a:hover,
#subNav a:active {
	/*color: #2D92A0;*/
	color: #fff;
}
#subNav > div > ul {
	background-color: #c3d5cf;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	margin-bottom: 20px;
	padding: 15px 0;
}
#subNav li.active-trail,
#subNav li.active-trail > ul > li {
	display: block;
}
#subNav ul li ul li {
	padding-left: 1em;
}
#subNav ul li ul > li.active-trail {
	font-weight: bold;
	background-image: url(/sites/all/themes/nano7/images/icons/nanite-small.png);
	background-repeat: no-repeat;
	background-position: 12px 5px;
}
