/* Dropdown Menu Styles for Safari. This ugly hack means dropdown menu styles have to be repeated twice! Once for Safari and once for all other browsers */

#topNav {
	background-color: #D1E1F4; clear: both; height: 20px;
}

#nav li.last {
	border-right: 0; padding-right: 0px;
}

#nav li.last a {
	padding-right:9px;
}

#nav, #nav ul {
	float: left;
	width: 770px;
	list-style: none;
	list-style-type: none;
	line-height: 0;
	font-weight: bold;
	padding: 0;
	border: none;
	margin: 0;
	height: 20px;
	font-size: 95%;
}

#nav a {
	font-size:1em;
	display: block;
	color: #3d005c;
	text-decoration: none;
	margin-left:0;
}
	
#nav a:link {background-color: none;}
#nav a:hover { background-color:#65B0EA; color:#FFFFFF; text-decoration: none;}
#nav li ul li a:hover {background-color: none;}
#nav li ul li a.daddy {background-color:#D1E1F4;font:bold 10px Verdana; text-align:left;}

#nav a.daddy:hover {background-color:#65B0EA; color:#FFFFFF; text-align:left;}

#nav li {
	float: left;
	padding: 0;
	display: inline;
	padding: 0;
	margin: 0;
	border-right: 1px solid #B1C6E0;
	height: 20px;
	/*border: solid red 1px;*/
}
#nav li a {	padding: 8px 6px 8px 6px; margin: 0;} /* tweaking padding top and bottom determines the vertical position of the main menu items on the menu bar */

#nav li.last a {margin: 0; padding-left: 8px;}

#nav li ul {
	background-image:none;
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	padding-right: 2px; /*  Safari hack to correct Safari redraw problem */
}

#nav li li {
	padding: 0;
	width: 150px;
	background:none;
	height: auto;
	border: 1px solid #B1C6E0;
	border-bottom: 0;
}
#nav .borderBottom {
	border-bottom: 1px solid #B1C6E0;
}
#nav li ul a {
	min-height: 10px;
	background-color:#D1E1F4;
	padding: 5px;
}

#nav li ul a:hover {
	/*color:#FFFFFF;*/
	text-decoration:none;
}


/* Medley of horrible hacks */

#nav li ul ul {
	margin: -21px 0 0 160px;
	/* border: solid red 2px; */
}

#nav li.last ul ul {
	margin: -21px 0 0 -151px;
	/* border: solid red; */
}

#nav li.last ul ul ul {
	margin: -21px 0 0 -149px;
	/* border: solid red; */
}

/* Moving dropdowns left so they properly left-align with main menu items, maybe there's a less ugly way of doing this */
#nav li.daddy ul li.daddy {
	position:relative; left:-1px; text-align:left;
}
#nav li.daddy ul li.daddy {
	position:relative; left:-1px; text-align:left;
}
#nav ul li.daddy ul li.daddy {
	position:relative; left:0px; text-align:left;
}
#nav li.last ul li.daddy ul li.daddy ul li.daddy {
	position:relative; left:-2px; text-align:left;
}

/* End of medley */

#nav li.last {
	border-right:0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color: #D1E1F4;
}

.last1 { margin-left: -79px; }
.last2 { margin-left: -87px;#} /*  Safari will ignore everything after the ;# */

/* End of Safari styles */










/* Dropdown Menu Styles for all other browsers */

#topNav {
	background-color: #D1E1F4; clear: both; height:30px;
}

#nav li.first {
	padding-left: 0px; padding-right: 0px; margin-left: 0px;font:bold 9px Verdana;
} 


#nav li.last {
	border-right: 0; padding-right: 0px;
}

#nav li.last a {
	padding-right:9px;
}

/* ??????????????????????? Probably not necessary */

#nav li.hiLighted {
	background: none; background-color: #65B0EA; margin-right: -2px; padding-right: 4px;
}

* html #nav li.hiLighted {
	margin-right: -1px; 
}

#nav li.hiLighted a {
	color: white;
}

/* ??????????????????????? */


#nav, #nav ul {
	float: left;
	width: 750px;
	list-style: none;
	list-style-type: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	border: none;
	margin: 0;
	background: URL(/generic/images/topnav_bg.gif) 0 0 no-repeat;
	height: 30px;
	font:bold 9px Verdana;

}

#nav a {
	font-size:1em;
	display: block;
	color: #3d005c;
	text-decoration: none;
	margin-left:0;
}
	
#nav a:link {background-color: none;}
#nav a:hover { background-color:#65B0EA; color:#FFFFFF; text-decoration: none;}
#nav li ul li a:hover {background-color: none;}
#nav li ul li a.daddy {background-color:#D1E1F4;font:normal 11px Verdana; text-align:left;}

#nav a.daddy:hover {background-color:#65B0EA; color:#FFFFFF;font:normal 11px Verdana;}

#nav li {
	float: left;
	padding: 0;
	display: inline;
	padding: 0;
	margin: 0;
	border-right: 1px solid #B1C6E0;
	height: 30px;
	/* border: solid red 1px; */
	z-index:2;
	*position:relative;
	
}
#nav li a {	padding: 8px 5px 8px 6px; margin: 0;} /* tweaking padding top and bottom determines the vertical position of the main menu items on the menu bar */

#nav li.last a {margin: 0; padding-left: 6px;}

@media all and (min-width: 0px){

#nav li a { padding: 8px 11px 9px 11px; margin: 0; }
#nav li.last a {margin: 0; padding-left: 11px;}

}

#nav li ul {
	background-image:none;
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	w\idth: 150px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	padding-right: 2px; /*  Safari hack to correct Safari redraw problem */
}
* html #nav li ul {
	border: 0px;
}
#nav li li {
	padding: 0;
	width: 150px;
	background:none;
	height: auto;
	border: 1px solid #B1C6E0;
	border-bottom: 0;
}
#nav .borderBottom {
	border-bottom: 1px solid #B1C6E0;
}
#nav li ul a {
	min-height: 10px;
	background-color:#D1E1F4;
	padding: 5px;
}
* html #nav li ul a {
	height:10px;
}
#nav li ul a:hover {
	/*color:#FFFFFF;*/
	text-decoration:none;
}


/* Medley of horrible hacks */

#nav li ul ul {
	margin: -21px 0 0 150px;
	/* border: solid red 2px; */
}

* html #nav li ul ul {
	margin: -21px 0 0 148px;
	/* border: solid red 2px; */
}

#nav li.last ul ul {
	margin: -21px 0 0 -150px;
	/* border: solid red; */
}

#nav li.last ul ul ul {
	margin: -21px 0 0 -150px;
	/* border: solid red; */
}

* html #nav li.last ul ul {
	margin: -21px 0 0 -150px;
	/* border: solid red; */
}

/* Moving dropdowns left so they properly left-align with main menu items, maybe there's a less ugly way of doing this */
#nav li.daddy ul li.daddy {
	position:relative; left:-1px;font:normal 11px Verdana;
}
#nav li.daddy ul li.daddy {
	position:relative; left:-1px;font:normal 11px Verdana;
}
#nav ul li.daddy ul li.daddy {
	position:relative; left:0px;font:normal 11px Verdana;
}
#nav li.last ul li.daddy ul li.daddy ul li.daddy {
	position:relative; left:-2px;font:normal 11px Verdana;
}
* html #nav li.last ul li.daddy ul li.daddy ul li.daddy {
	position:relative; left:0px;
}
/* End of medley */

#nav li.last {
	border-right:0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color: #D1E1F4;
}

.last1 { margin-left: -79px; }
.last2 { margin-left: -87px; }

* html .last1 { margin-left: -77px;}
* html .last2 { margin-left: -85px;}

@media all and (min-width: 0px){

#nav li ul ul {
	margin: -21px 0 0 148px;
	/* border: solid red 2px; */
}

#nav li.last ul ul {
	margin: -21px 0 0 -148px;
	/* border: solid red 2px; */
}

#nav li.last ul ul ul {
	margin: -21px 0 0 -148px;
	/* border: solid red 2px; */
}

.last1 {
	margin-left: -80px
}
.last2 {
	margin-left: -80px
}
}


/* ordered list styles*/
@media all and (min-width: 0px){

ol {margin: 0px 20px 16px 30px; margin-right: 20px!important;}
ol li {padding-top: 10px;}

ol ol li {padding-top: 10px;}
}


/* header email opera */

@media all and (min-width: 0px){
#headerEmail {height: 70px!important;}
#headerEmail #email {height: 26px; float: right; margin-top: 0px; padding:0; margin-bottom: 0!important; position:relative; top:42px;}
#headerEmail #email #headerNav {margin-top: -17px;}
}

/* end header email opera */