/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#headermenu {
	text-align:left;
	margin: 0px 16px 0 px 15px; width:auto;
}

/* Site-specific styles added by Joel for per-blog styling */
/*	Ambercare's site needs to have transparent backgrounds on the menu */
#nav.foundation, #nav.home ul{/* background:#633319;border-color:#a86; */}
#nav.internal , #nav.internal ul{/*background:#dfc69d;border-color:#a86;*/}
#nav.medicalsupply , #nav.medicalsupply ul{/*background:#dfc69d;border-color:#a86;*/}
#nav.homehealth, #nav.homehealth ul{/* background:#C9B265;border-color:#a86; */}
#nav.hospice, #nav.hospice ul{/* background:#a79354;border-color:#a86; */}
#nav.home, #nav.home ul{/* background:#633319;border-color:#a86; */}

#nav li li.foundation {background: #633319}
#nav li li.internal {background: #dfc69d;}
#nav li li.medicalsupply {background: #dfc69d;}
#nav li li.homehealth {background: #C9B265;}
#nav li li.hospice{background: #a79354;}
#nav li li.home {background: #633319}

#nav li li.foundation a {color:#fff;}
#nav li li.internal a {color:#555;}
#nav li li.medicalsupply a {color:#555;}
#nav li li.homehealth a {color:#fff;}
#nav li li.hospice a {color:#fff;}
#nav li li.home a {color:#fff;}

/* On Ambercare's site, the styles affect all items that are not the current Nav item */
#nav.foundation a {color:#666;}
#nav.internal a {color:#666;}
#nav.medicalsupply a {color:#666;}
#nav.homehealth a {color:#666;}
#nav.hospice a {color:#666;}
#nav.home a {color:#666;}

/*Styles specific to Ambercare's site for highlighting the  menu item of the current page */
#nav.home #current_nav_item {color:#fff;}
#nav.hospice #current_nav_item {color:#fff;}
#nav.homehealth #current_nav_item {color:#fff;}
#nav.medicalsupply #current_nav_item {color:#fff;}
#nav.internal #current_nav_item {color:#fff;}
#nav.foundation #current_nav_item {color:#fff;}

#nav, 
#nav ul {
	padding:0 0 0px 0; 
	margin: -1px 16px 0px 13px; 
	width:auto;
	list-style:none; 
	font: 16px verdana, sans-serif; 
	font-weight:bold;
	/*border-bottom:1px solid;*/
	/* border-color:#eca #b97 #a86 #edb; */
	border-color:#a86;
	border-width:1px 1px 1px 1px; 
	/* background: #fff url('http://thevanwyks.net/wp-content/themes/oceanwide-10/images/header_end_trans.png'); */
	/*background:#C9B265;  /* Commented by Joel /* needed to eliminate staggered fills of each item */
	position:relative; 
	z-index:200;
	}

#nav ul { 
	border: 1px solid #888;
}
	
#nav {height:22px; padding:0;}

#nav li { float:left;}
#nav li li { float:none; 
	background: #f9f9f9;  /* Commented by Joel */ /* was #ffffff */
}
/* a hack for IE5.x and IE6 */
* html #nav li li { float:left;}

#nav li a { 
	display:block; 
	float:left; 
	color:#ffffff; /* #888 */
	font-weight:medium;
	margin:0 25px 0 10px; 
	height:22px; 
	width:126px;
	line-height:25px; 
	text-decoration:none; white-space:nowrap;}
	
#nav li li a { 
	height:21px; 
	width: auto;
	line-height:22px; 
	float:none;
}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:20px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {
	text-decoration:underline; 
	color:#0054a6;  /* was #b75; */
}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a {
	text-decoration:underline; 
	color:#0054a6; /* was #b75; */
}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a {
	text-decoration:none; 
	color:#white; /* was #888 */
}