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

/* container */
#menuwrap { float: left; width: 161px;}

/* patient/doctor login */
ul.topmenu, ul.mainmenu { list-style: none; text-indent: -9999px; margin:0 0 12px 0; padding:2px; }
ul.topmenu li, ul.mainmenu li { margin-top: 4px; }
ul.topmenu li a, ul.mainmenu li a { display: block; width: 161px; height: 36px; }

/* main menu */
ul.mainmenu li ul.inner { text-indent: 0; list-style: none; width: 161px; font-size: 11px; display: none; padding: 0; margin:0; }
ul.mainmenu li ul.inner li {   }
ul.mainmenu li ul.inner li a {
	padding: 2px 0 2px 2px;
	color: #9F9;
	line-height: 19px;
	height: 19px;
	width: 150px;
	overflow: hidden;
	background-color:#036;
	text-decoration: none;
}
ul.mainmenu li ul.inner li a:hover { background-color: #069; text-decoration: none; }


a#home { background: url(../images/menu/home.jpg) 0 0 no-repeat; }
a#about-office { background: url(../images/menu/office.jpg) 0 0 no-repeat; }
a#patient { background: url(../images/menu/patient.jpg) 0 0 no-repeat; }
a#treatment { background: url(../images/menu/treatment.jpg) 0 0 no-repeat; }
a#funstuff { background: url(../images/menu/funstuff.jpg) 0 0 no-repeat; }
a#testimonials { background: url(../images/menu/testimonials.jpg) 0 0 no-repeat; }
a#appointment { background: url(../images/menu/appointment.jpg) 0 0 no-repeat; height:72px !important; }

a#home:hover, a#about-office:hover, a#patient:hover, a#treatment:hover, a#funstuff:hover, a#testimonials:hover { background-position: 0 -36px; }
a#appointment:hover { background-position: 0 -72px; }