/* @override http://turtlebay.westsidecms.com/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: #fff 0 1px 0 ;*/
	/*font: normal .7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	z-index: 100;
}
.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: 955px;
	margin: 0 auto;
	background-color: #F5BE2D;
	border-bottom: 1px solid #C09E54;
	z-index: 100;
}

/* @end */

/* @group Top Level */

div.nav1 ul {
	float: left;
	/*width: 36em;
	width:772px;*/
	list-style: none;
	line-height: 1em;
	list-style-image: none;
	padding: 0;
	/*border: solid #7e6c5e;*/
	/*border-width: 0;*/
	margin: 0;
	text-align: center;
}
div.nav1 li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: .6em 1em;
	border-right: 1px solid #C09E54;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	letter-spacing: .1em;
	z-index: 100;
}
/* 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 {
	text-decoration: none;
}
div.nav1 a:hover {
	/*background: #49405b url(../images/nav_over.jpg) repeat-x;*/
}
div.nav1 a:visited {
	color: #000;
	text-decoration: none;
}

div.nav1 li {
	float: left;
	padding: 0;
	/*width: 10em;*/ /* width needed or else Opera goes nuts */
	/*background: #f5be2d url(../images/nav_off.jpg) repeat-x;*/
	background-color: #f5be2d;
}
div.nav1 ul li {
	margin: 0;
}
div.nav1 li.selected a {
	background-color: #FFF2C8;
	/*background: #FFF2C8 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: 14.5em;
	font-weight: normal;
	/*border-width: 1px;*/
	margin: 0;
	/*background-color: #000;*/
	text-align: left;
	border: 1px solid #C39E57;
	border-bottom: none;
	border-right: none;
	border-left: none;
	z-index: 100;
}

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 1em .6em .9em;
	border-bottom: 1px solid #C39E57;
	/*border-top: 1px solid #49bfef;*/
	background-image: none;
	background-color: #FAE18F;
	border-right: 1px solid #C39E57;
	border-left: 1px solid #C39E57;
	/*border-left-color: #C39E57;
	border-right-color: #C39E57;*/
	/*text-shadow: #16526b 0 -1px 0;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: .1em;
}
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 ul a:hover:visited,
div.nav1 li.selected ul a:hover {
	border-bottom: 1px solid #C39E57;
	/*border-top: 1px solid #6ee1fb;*/
	/*background-image: none;*/
	background-color: #FFF2C8;
	/*border-left-color: #C39E57;
	border-right-color: #C39E57;*/	
}

/* @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 */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: .1em;
}



/* @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-color: #FFF2C8;
	/*background: #FFF2C8 url(../images/nav_over.jpg) repeat-x;*/
}

/* @end */

#nav_678160 li a img {
	display: none;
}
