/* @override http://rsarts.org/css/nav1.css */

/* @group Main */

div.nav1 {
	margin:0 auto;
	padding:0;
	width:100%;
	/*width:772px;*/
	/*position:relative;
	top: 45px;*/
	display: block;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-shadow: #000 0 -1px 0;
	font: normal .7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	z-index: 50;
}
#leftcap {
	background: url(../images/nav_left.png) no-repeat left top;
	width: 10px;
	height: 37px;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
}
#rightcap {
	background: url(../images/nav_right.png) no-repeat right top;
	width: 10px;
	height: 37px;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#nav {
	width: 935px;
	margin: 0 auto;
}

/* @end */

/* @group Top Level */

div.nav1 ul {
	float: left;
	/*width: 36em;
	width:772px;*/
	list-style: none;
	line-height: 1em;
	padding: 0;
	/*border: solid #7e6c5e;*/
	/*border-width: 0;*/
	margin: 0;
	text-align: center;
}
div.nav1 li a {
	display: block;
	
	color: white;
	text-decoration: none;
	padding: 1.15em .9em;
	border-right: 1px solid #010007;
	border-left: 1px solid #5d5b60;
}
/* Safari 3 and under specific hack below - this fixes nav height differences only on Safari */
/*\*/
html*div.nav1 li a {
padding: 1.2em .9em;
}/*end*/


div.nav1 li a:link {
	
}
div.nav1 a:hover {
	/*background: #49405b url(../images/nav_over.jpg) repeat-x;*/
}

div.nav1 li {
	float: left;
	padding: 0;
	/*width: 10em;*/ /* width needed or else Opera goes nuts */
	background: #000 url(../images/nav_off.jpg) repeat-x;
}
div.nav1 li.selected a {
	background: #49405b url(../images/nav_over.jpg) repeat-x;
}



/* @end */

/* @group Second Level */

div.nav1 li ul, div.nav1 li.selected ul  {
	position: absolute;
	left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 12em;
	font-weight: normal;
	/*border-width: 1px;*/
	margin: 0;
	/*background-color: #000;*/
	
	text-align: left;
}

div.nav1 li li, div.nav1 li.selected li  {
	padding-right: 0;
	width: 11em;
	background-image: none;
	background-color: transparent;
}

div.nav1 li ul a, div.nav1 li.selected ul a  {
	width: 14em;
	padding: .6em 0 .6em .9em;
	border-bottom: 1px solid #0d3342;
	border-top: 1px solid #49bfef;
	background-image: none;
	background-color: #0d799d;
	border-left-color: #205d70;
	border-right-color: #16526b;
	text-shadow: #16526b 0 -1px 0;
}
div.nav1 li ul a.daddy {
	background-image: url(../images/nav_rightarrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

div.nav1 li ul a:hover, div.nav1 li.selected ul a:hover {
	border-bottom: 1px solid #1e697f;
	border-top: 1px solid #6ee1fb;
	/*background-image: none;*/
	background-color: #2fc2f8;
	border-left-color: #205d70;
	border-right-color: #16526b;	
}

/* @end */

/* @group Third Level */

div.nav1 li ul ul {
	margin: -2.3em 0 0 14.95em; /* top margin is height of parent li, left margin is width of parent ul */
}



/* @end */

/* @group Hover */

div.nav1 li:hover ul ul, div.nav1 li:hover ul ul ul, div.nav1 li.sfhover ul ul, div.nav1 li.sfhover ul ul ul {
	left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */

}

div.nav1 li:hover ul, div.nav1 li li:hover ul, div.nav1 li li li:hover ul, div.nav1 li.sfhover ul, div.nav1 li li.sfhover ul, div.nav1 li li li.sfhover ul {
	left: auto;
}

div.nav1 li:hover, div.nav1 li.sfhover, div.nav1 li a.sfhover {
	background: #49405b url(../images/nav_over.jpg) repeat-x;
}

/* @end */

/* HOORAY, THIS FIXES DROPDOWNS IN IE7 SO THEY NOW DISAPPEAR WHEN MOUSE OUT*/
#nav li:hover ul,
#nav li.sfhover ul{
left:auto;
z-index:8009;
min-height:0;
}