/* ----- ICU LEFT MENU (http://css-class.com/articles/ursidae/)----- */
#leftmenucontainer { width: 197px; margin: 0px; padding: 0px 0px 60px 0px;}
#menu { Z-INDEX: 5; MIN-HEIGHT: 450px; padding: 0px 0px 0px 15px; BACKGROUND: transparent url(../images/bgd_nav.png) no-repeat left bottom; TEXT-ALIGN: left;}

UL#navigation { FONT: bold 11px "Lucida Grande", verdana, arial, helvetica, sans-serif;}
UL#navigation { PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;}
UL#navigation LI { FLOAT: left; LINE-HEIGHT: 1.35em; POSITION: relative;}

/* MAIN MENUS */
UL#navigation LI.main { WIDTH: 182px;}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}
#navigation LI.main A.main {
	DISPLAY: block; 
	TEXT-DECORATION: none;
	TEXT-ALIGN: left; 
	COLOR: #ffffff; 
	PADDING: 4px 0px 4px 8px; 
	MARGIN: 0px; 
	BORDER-BOTTOM: transparent 1px solid;
	background: transparent url(../images/bgd_hover_both.gif) no-repeat center bottom;
}
UL#navigation LI.main A.main:hover { /* The hovered style for main menus */
	COLOR: #FFFFFF;
	background: #A62305 url(../images/bgd_hover_both.gif) no-repeat center top; 
	border-bottom: 1px solid #FFFFFF;
}

/* SUB MENUS */
UL#navigation UL { PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;}
UL#navigation UL { BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid;}
#navigation LI.main UL LI A {
	DISPLAY: block; 
	PADDING: 4px 0px 4px 4px; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	BORDER-RIGHT: #FFFFFF 1px solid; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
}
ul#navigation li li { /* Needed for IE6 and IE7 for vertical menus */
	float: left;
}
UL#navigation LI LI A { WIDTH: 185px; BACKGROUND-COLOR: #772200; TEXT-ALIGN: left;} /*           ****CHANGE-SUBMENU**** */
UL#navigation LI LI LI A { WIDTH: 15em;} /*           ****CHANGE-SUB-SUB-MENU**** */

UL#navigation UL LI A:hover, UL#navigation UL LI:hover A:hover { /* The hovered style for submenus */
	COLOR: #FFFFFF; BACKGROUND-COLOR: #A62305;
}
UL#navigation LI UL { /* Hides the first unhovered submenu */
	LEFT: -999em; BOTTOM: 0px; POSITION: absolute;
}
#navigation LI:active UL UL, #navigation LI:active UL UL UL, #navigation LI:hover UL UL, #navigation LI:hover UL UL UL, #navigation LI.sfhover UL UL, #navigation LI.sfhover UL UL UL { 
	LEFT: -999em; /* Hides the second and following unhovered submenus */
}
#navigation LI:hover UL, #navigation LI LI:hover UL, #navigation LI LI LI:hover UL, #navigation LI.sfhover UL, #navigation LI LI.sfhover UL, #navigation LI LI LI.sfhover UL {
	LEFT: -1px; MARGIN-LEFT: 100%; TOP: 0px;
}
/* Allows parent list item to be highlighted */
#navigation LI.main:hover A.main, #navigation LI.main.sfhover A.main {/* Allows parent list item to be highlighted */
	color: #FFFFFF;
	background: #A62305 url(../images/bgd_hover_both.gif) no-repeat center top;
	border-bottom: 1px solid #FFFFFF;
}

/* CURRENT PAGE STYLE */
body.bodyhome #navigation #home a.main, 
body.bodyabout #navigation #about a.main, 
body.bodygreatsight #navigation #greatsight a.main, 
body.bodyeyecare #navigation #eyecare a.main, 
body.bodyhealthcostbenefits #navigation #healthcostbenefits a.main, 
body.bodylasersight #navigation #lasersight a.main, 
body.bodymaculardegeneration #navigation #maculardegeneration a.main, 
body.bodycataract #navigation #cataract a.main, 
body.bodyfeedback #navigation #feedback a.main, 
body.bodyappointment #navigation #appointment a.main, 
body.bodyquestions #navigation #questions a.main, 
body.bodynews #navigation #news a.main, 
body.bodyorchestra #navigation #orchestra a.main,
body.bodygallery #navigation #gallery a.main,
body.bodycontact #navigation #contact a.main {
	font-weight: bold;
	color: #FFFFFF;
	background: #A62305 url(../images/bgd_hover_light.png) no-repeat center top;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}