/* CSS Document */
/**************** menu coding *****************/
#navigation {
	color:#333333;
	background:#006666;
	font: 12px Tahoma, Verdana, sans-serif;
	height:25px;
}
#navigation h1{
	color:#333333;
	font: bold 18px Tahoma, Verdana, sans-serif;
	vertical-align:top;
}
#navigation a{
	color:#333333;
	text-decoration:none;
}
#navigation a:hover{
	color: #660000;
	text-decoration: underline;
}

#menu {
width:640px;
background: #006666;
height:30px;
float: left;
	margin-top:46px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu ul.spacer{width:20px;}
#menu ul.about{width:130px;}
#menu ul.hypnotherapy{width:160px;}
#menu ul.counseling{width:145px;}
#menu ul.contact{width:110px;}

#menu a.mainmenu, #menu h2 {
font:bold 14px Georgia, "Times New Roman", Times, serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #ffffff;
background: #006666;
}

#menu a.mainmenu {
color: #ffffff;
background: #006666;
text-decoration: none;
}
#menu a:hover.mainmenu {
color: #CCCCCC;
background: #006666;
text-decoration: none;
}
#menu a {
color: #000033;
background: #D9DFFF;
text-decoration: none;
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
display: block;
margin: 0;
padding: 1px 8px;
}
#menu ul.submenu {
	border:1px solid #470103;
}
#menu li.submenu {
}

#menu a:hover {
color: #ffffff;
background: #004A9D;
}
#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
.submenu {width:140px;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
}