@charset "UTF-8";
/* CSS Document */

/* ***********************************************************************************

Convertable Nestled list menu by DUNCAL Productions
 2007 by Duncan Hill and Alan Gresley
http://

Converts from a verticle menu with flyout submenus or a horizontal menu, with dropdown 
and then flyout submenus with a few changes in style where ****CONVERT**** appears.

Number 8 (with IE6 hacks and IE 7 hacks)

********************************************************************************* */

ul#mainmenu {
	font: normal bold 13px Arial, Helvetica, sans-serif;
	float: right;
	list-style: none;
}

*ul#mainmenu { 
	
}
/* ABOVE: This hacks ie6 and ie7. They shouldn't need it by now, but they do. */

ul#mainmenu ul {
	margin: 0;
	padding: 0;
}

ul#mainmenu li { 
	position: relative;
	float: left;
	list-style: none; 
}

ul#mainmenu li.last {
	border-right: none;
}

ul#mainmenu li.last.active {
	border-right: none;
}

ul#mainmenu li.active a, ul#mainmenu li li.active a  {
	color: #666;
}

ul#mainmenu li ul {
	width: 162px;
	margin-left: 8px;
}

ul#mainmenu li ul li {
	margin-left: 2px;
}

ul#mainmenu li ul li a {
	border: 0 none;
	width: 165px;
	color: #666;
	background: #dae1b8;
}

ul#mainmenu>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
	border: 0 none;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	
}

#mainmenu li a, #mainmenu li span {
	display: block;
	text-decoration: none;
	color: #666;
}

ul#mainmenu li li a, ul#mainmenu li li span {
	 /*           ****CHANGE-SUBMENU**** */
	text-align:left;
}

ul#mainmenu li li a:hover {
	width: 162px;
	color: #fff;
}


ul#mainmenu li li li a, ul#mainmenu li li li span {
	 /*           ****CHANGE-SUBMENU**** */
}

ul#mainmenu li li.longitem li span {
	 /*           ****CHANGE-SUBMENU**** */
}

ul#mainmenu li a:hover, ul#mainmenu ul li:hover a:hover, ul#mainmenu li span:hover, ul#mainmenu ul li:hover span:hover, ul#mainmenu li span.sfhover, ul#mainmenu ul li.sfhover span.sfhover { /* The hovered style for submenus */
	color: #fff;
}

ul#mainmenu li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;
}
#mainmenu li:active ul ul, #mainmenu li:active ul ul ul, #mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul, #mainmenu li.sfhover ul ul, #mainmenu li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}

#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul, #mainmenu li.sfhover ul, #mainmenu li li.sfhover ul, #mainmenu li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
	
}
/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#mainmenu li:hover ul, #mainmenu li a:focus ul, #mainmenu li.sfhover ul {
	top: 100%;
	margin-left: 0;
}
div#menu {
	
}

/* Submenu arrow indicator */

#mainmenu span:hover, #mainmenu span.sfhover {
	cursor:default;
}



/* Main Menu
========================================= */


.button1 a { background: url(../images/dropdown/mm-appointments.jpg) no-repeat; }
.button2 a { background: url(../images/dropdown/mm-treatment.jpg) no-repeat; }
.button3 a { background: url(../images/dropdown/mm-insurance.jpg) no-repeat; }
.button4 a { background: url(../images/dropdown/mm-locations.jpg) no-repeat; }
.button5 a { background: url(../images/dropdown/mm-providers.jpg) no-repeat; }


ul#mainmenu li li a { 
	display: block;
	width: 162px; 	
	height: 33px; 
}
ul#mainmenu li a { 
	display: block;
	width: 162px; 
	height: 32px; 
}

ul#mainmenu li.button3 a, ul#mainmenu li.button5 a { 
	display: block;
	width: 163px; 
	height: 32px; 
}

ul#mainmenu li a:hover {
	background-position:0 -32px;
}

ul#mainmenu li ul li { border-top: none; }


/* Appointments
========================================= */


ul#mainmenu li ul li.app1 a { background: url(../images/dropdown/app1.jpg) no-repeat; }
ul#mainmenu li ul li.app2 a { background: url(../images/dropdown/app2.jpg) no-repeat; }

ul#mainmenu li li.app1 a:hover,
ul#mainmenu li li.app2 a:hover { background-position: 0 -33px; }


/* Treatments
========================================= */

.treatment1 a { background: url(../images/dropdown/mm-appointments.jpg) no-repeat; }
.treatment2 a { }
.treatment3 a { }

ul#mainmenu li ul li.treatment1 a { background: url(../images/dropdown/treatment1.jpg) no-repeat; }
ul#mainmenu li ul li.treatment2 a { background: url(../images/dropdown/treatment2.jpg) no-repeat; }
ul#mainmenu li ul li.treatment3 a { background: url(../images/dropdown/treatment3.jpg) no-repeat; }

ul#mainmenu li li.treatment1 a:hover,
ul#mainmenu li li.treatment2 a:hover,
ul#mainmenu li li.treatment3 a:hover { background-position: 0 -33px; }




/* Locations
========================================= */

ul#mainmenu li ul li.locations1 a { background: url(../images/dropdown/locations1.jpg) no-repeat; height: 39px; }
ul#mainmenu li ul li.locations2 a { background: url(../images/dropdown/locations2.jpg) no-repeat; }
ul#mainmenu li ul li.locations3 a { background: url(../images/dropdown/locations3.jpg) no-repeat; }
ul#mainmenu li ul li.locations4 a { background: url(../images/dropdown/locations4.jpg) no-repeat; }
ul#mainmenu li ul li.locations5 a { background: url(../images/dropdown/locations5.jpg) no-repeat; }
ul#mainmenu li ul li.locations6 a { background: url(../images/dropdown/locations6.jpg) no-repeat; }
ul#mainmenu li ul li.locations7 a { background: url(../images/dropdown/locations7.jpg) no-repeat; }

ul#mainmenu li li.locations1 a:hover { background-position: 0 -39px; }
ul#mainmenu li li.locations2 a:hover,
ul#mainmenu li li.locations3 a:hover,
ul#mainmenu li li.locations4 a:hover,
ul#mainmenu li li.locations5 a:hover,
ul#mainmenu li li.locations6 a:hover,
ul#mainmenu li li.locations7 a:hover { background-position: 0 -33px; }

ul#mainmenu li ul li.locations ul li a { 
	display: block;
	width: 162px; 
	height: 33px; 
}



ul#mainmenu li ul li.locations1 ul,
ul#mainmenu li ul li.locations2 ul,
ul#mainmenu li ul li.locations3 ul,
ul#mainmenu li ul li.locations4 ul,
ul#mainmenu li ul li.locations5 ul,
ul#mainmenu li ul li.locations6 ul,
ul#mainmenu li ul li.locations7 ul {
	margin-left: 161px;
}

ul#mainmenu li ul li.locations1 ul li a,
ul#mainmenu li ul li.locations2 ul li a,
ul#mainmenu li ul li.locations3 ul li a,
ul#mainmenu li ul li.locations4 ul li a,
ul#mainmenu li ul li.locations5 ul li a,
ul#mainmenu li ul li.locations6 ul li a,
ul#mainmenu li ul li.locations7 ul li a {
	display: block;
	width: 118px;
	height: 27px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}


/* San Francisco
========================================= */

ul#mainmenu li li ul li.sf1 a { background: url(../images/dropdown/sf1.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sf1 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sf2 a { background: url(../images/dropdown/sf2.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sf2 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sf3 a { background: url(../images/dropdown/sf3.jpg) no-repeat; height: 27px; border-bottom: 1px solid white; }
ul#mainmenu li li li.sf3 a:hover { background-position: 0 -27px; }


/* East Bay
========================================= */

ul#mainmenu li li ul li.eb1 a { background: url(../images/dropdown/eb1.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.eb1 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.eb2 a { background: url(../images/dropdown/eb2.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.eb2 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.eb3 a { background: url(../images/dropdown/eb3.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.eb3 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.eb4 a { background: url(../images/dropdown/eb4.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.eb4 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.eb5 a { background: url(../images/dropdown/eb5.jpg) no-repeat; height: 27px; border-bottom: 1px solid white;  }
ul#mainmenu li li li.eb5 a:hover { background-position: 0 -27px; }


/* Sacramento
========================================= */

ul#mainmenu li li ul li.sac1 a { background: url(../images/dropdown/sac1.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sac1 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sac2 a { background: url(../images/dropdown/sac2.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sac2 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sac3 a { background: url(../images/dropdown/sac3.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sac3 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sac4 a { background: url(../images/dropdown/sac4.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sac4 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sac5 a { background: url(../images/dropdown/sac5.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sac5 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sac6 a { background: url(../images/dropdown/sac6.jpg) no-repeat; height: 27px; border-bottom: 1px solid white; }
ul#mainmenu li li li.sac6 a:hover { background-position: 0 -27px; }


/* San Joaquin
========================================= */

ul#mainmenu li li ul li.sj1 a { background: url(../images/dropdown/sj1.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sj1 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sj2 a { background: url(../images/dropdown/sj2.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.sj2 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.sj3 a { background: url(../images/dropdown/sj3.jpg) no-repeat; height: 27px; border-bottom: 1px solid white; }
ul#mainmenu li li li.sj3 a:hover { background-position: 0 -27px; }


/* North Counties
========================================= */

ul#mainmenu li li ul li.nc1 a { background: url(../images/dropdown/nc1.jpg) no-repeat; height: 27px; border-bottom: 1px solid white; }
ul#mainmenu li li li.nc1 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.nc2 a { background: url(../images/dropdown/nc2.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.nc2 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.nc3 a { background: url(../images/dropdown/nc3.jpg) no-repeat; height: 27px; }
ul#mainmenu li li li.nc3 a:hover { background-position: 0 -27px; }

ul#mainmenu li li ul li.nc4 a { background: url(../images/dropdown/nc4.jpg) no-repeat; height: 27px; border-bottom: 1px solid white; }
ul#mainmenu li li li.nc4 a:hover { background-position: 0 -27px; }


/* Solano
========================================= */

ul#mainmenu li li ul li.sol1 a { background: url(../images/dropdown/sol1.jpg) no-repeat; height: 27px; border-bottom: 1px solid white; }
ul#mainmenu li li li.sol1 a:hover { background-position: 0 -27px; }


/* South Counties
========================================= */

ul#mainmenu li li ul li.sc1 a { background: url(../images/dropdown/sc1.jpg) no-repeat; height: 27px; border-bottom: 1px solid white; }
ul#mainmenu li li li.sc1 a:hover { background-position: 0 -27px; }


ul#mainmenu li li a:hover {
	
	width: 162px;
	color: #fff;
}