/* CSS Document */
/*Code from Suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns/*/
/*The js document navhover.js is required to make this code function in IE6*/

/*CSS for the top horizontal menu*/

/*Structural Elements for CSS Menu*/
#nav1 ul, #nav1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav1 a {
	display: block;
	width: auto;
}
#nav1 li {
	float: left;
	width: auto;
	position: relative;
}
#nav1 li ul {
	position: absolute;
	left: -999em;
	width: 12.2em;
	/*This width is set specifically for this site. It can be changed for future sites, but it must be present.*/
}
#nav1 li:hover ul ul, #nav1 li.sfHover ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfHover ul, #nav1 li li.sfHover ul {
	left: auto;
	z-index: 10;
}
/*This item solves the sticking issue in ie7 - from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7*/
#nav1 li:hover, #nav li.sfHover {  
    position: static;  
}  


/*Design Elements specific to this site*/

#nav1 {
	/*This width is necessary in order to center the nav. If the nav text changes, the width will need to be changed accordingly.*/
	width: 48em;
	margin: 0 auto;
	max-width: 830px;
	zoom: 1;
}
#nav1 a {
	color: #315a2d;
	font-weight: bold;
	text-decoration: none;
	padding: 0em 1em;
	font-size: 1.1em;
	line-height: 35px;
	background: url(../images/retreats/layout/nav-divider.gif) no-repeat left center;
}
#nav1 a:hover {
	color: #822004;
}
#nav1 li:hover, #nav1 li.sfHover {
	background: #bfc6ad url(../images/retreats/layout/nav-bg-ro.jpg) repeat-x;
}
#nav1 li.first a {
	background-image: none;
}


/*Second Level*/
#nav1 ul {
	border-bottom: solid 1px #adb49d;
	z-index: 10;
}
#nav1 ul li {
	background-image: none;
	background-color: #dbe2cb;
	border-bottom: 1px solid #d5d9c6;
	border-left: solid 1px #adb49d;
	border-right: solid 1px #adb49d;
}
#nav1 ul li:hover, #nav ul li.sfHover {
	background-image: none;
	background-color: #bec5ac;
}

#nav1 ul a {
	padding: .2em 1em;
	line-height: normal;
	background-image: none;
	font-weight: normal;
	width: 9em;
	/*This width is for proper display in IE6. Width + padding here must match the width above in nav li ul.*/
}

#nav1 ul a:hover {
	background-color: #bec5ac;
}


/*Design  and Layout for 3rd level*/ 
#nav1 li ul ul {
	margin: -1.8em 0 0 11.5em;
}