/* CSS Document */

/* http://www.seoconsultants.com/css/menus/tutorial/ */

#menu {
position:relative;
width: 130px; /* set width of menu */
background: #E3C46B;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin:0px;
padding:0px;
}

/* style, color and size links and headings to suit */
#menu a, #menu h4 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
text-align:right;
}

#menu h4 {
color: #000;
background: #E3C46B;
text-transform: uppercase;
/*border:solid 1px #B59C55;
border-left-width:0px;
border-right-width:0px;*/
}

#menu h4 a {
padding:0px;
}

#menu a {
color: #000;
/*background: #E3C46B;*/
text-decoration: none;
}

#menu a:hover {
color: #a00;
/*background: #E3C46B;*/ /* commented out for CSS image swap */
}
/**/

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
}

#menu ul ul ul li {
/*border:solid 1px #B59C55;
border-right-width:0px;*/
}

#menu ul ul ul {
position: absolute;
top: 0;
right: 100%; /* to position them to the left of their containing block */
width: 140px; /* width is based on the containing block */
/*border-width: 1px;
border-style: solid;
border-color: #000;*/
background: #FFE188;
}

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

#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}

/* extra styles for parts of the nav that don't have submenus, but need to complete the rollover color overthe left curve */

#menu ul ul ul.home {
	height:30px;
	background:url("images/roll_sub_home.gif") right no-repeat;
}

#menu ul ul ul.our_specialists {
	height:30px;
	background:url("images/roll_sub_our_specialists.gif") right no-repeat;
}

#menu ul ul ul.contact {
	height:30px;
	background:url("images/roll_sub_contact.gif") right no-repeat;
}