/* Header menu and navigation menu styles */
#header {
	width:900px;
	height:120px;
	background:url(/media/template/header.png) no-repeat 0 0;
	margin:0px 0px 0px 0px;
	position: relative;
	display: block;
}
#header a {
	text-decoration: none;
}
.hide {
  visibility:hidden;
}
#home {
	position: absolute;
	margin-left: 0px;
	margin-top: 70px;
	height: 42px;
	width: 252px;
}
.skiplink { display: none; } /* accessibility */

/* ---------------------- start navigation ---------------------------------*/
#info {background:#f8f8f8; border:0;}

/* ================================================================ 
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.cssplay.co.uk/menus/image-map-menu.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menuHolder {
	width: 615px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 290px;
	top: 80px;
	z-index: 500;
	border-top: 0px;
	border-bottom: 0px;
}
#menuHolder table {border-collapse:collapse; position:absolute; left:0; top:0;}
#menuHolder ul {padding:0; margin:0; list-style:none; border:none;}
#menuHolder ul ul {position:absolute; left:-9999px;}
#menuInner {
	position: relative;
	padding:0;
}
#menuInner li {float:left; padding:0px; border:none;}
#menuInner li.terms {padding:0;}

#menuInner li a {display:block; height:20px;}
#menuInner li a b {position:absolute; left:-9999px;}

#menuInner li#whats-your-problem a {width:175px;height:40px;}
#menuInner li#in-clinic-testing a {width:130px;height:40px;}
#menuInner li#free-stuff a {width:105px;height:40px;}
#menuInner li#about-wendy a {width:135px;height:40px;}
#menuInner li#contact a {width:70px;height:40px;}

#menuInner :hover ul {
	left: 0;
	top: 28px;
	background-color: #171717;
	border: solid #2a2a2a;
	border-width: 0px 1px 0px 1px;
	margin: 5px 0px 0px 0px;
}
#menuInner :hover ul li {
	border: solid #2a2a2a;
	border-width: 0px 0px 1px 0px;
	float: left; 
	width: 100%;
	height: 26px;
	overflow: hidden;
}

#menuInner li:hover {position:relative;} /* this is for all browsers except IE6 */
#menuInner li a:hover {position:relative;direction:ltr;} /* this is for IE6 */

* html #menuInner :hover ul li {float:left;} /* for IE6 */
#menuInner :hover ul li a {
	background: #d5ffbc; /* green */
	color: #000;
	font: 12px/16px Tahoma, arial, sans-serif;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 3px;
	white-space: nowrap;
	float: none;
	width: 100%;
	border: none;
}
#menuInner :hover ul li a:hover {color:#fff; background: #ffb525;} /* orange */

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menuInner ul ul {visibility:hidden;position:absolute;height:0; width:149px;border-top:1px solid #000;}*/
/* another hack for IE5.5 */
/** html #menuInner ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
#menuInner ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#menuInner ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menuInner table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menuInner ul a, #menuInner ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #menuInner ul a, * html #menuInner ul a:visited {width:150px;w\idth:128px;}

/* make the second level visible when hover on first level list OR link */
#menuInner ul li:hover ul,
#menuInner ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menuInner ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menuInner ul :hover ul :hover ul{ visibility:visible;}