@charset "utf-8";

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; font-size:100%;}
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown li a                    {
	display: block;
	color: #fff;
	border-right: 1px solid #006699;
	border-left: 1px solid #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
ul.dropdown li:first-child a        { border-left: none; } /* Doesn't work in IE */
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover,
ul.dropdown li:hover 	            { background: #006699; color: white; position: relative; }
ul.dropdown li.hover a              { color: #fff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 10; }
ul.dropdown ul li 					{ background: transparent url(/hospital/images/transparent.png) repeat;
									  border-bottom: 1px solid #fff; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border: none; width: 100%; line-height:20px; display: inline-block; color: #fff!important;} 
ul.dropdown ul li.hover,
ul.dropdown ul li:hover             { background: transparent url(/hospital/images/transparent2.png) repeat;}


/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0;}
ul.dropdown li:hover > ul 			{ visibility: visible; }

#PATIENT #subNavi ul.dropdown li a {
	padding:2px 12px;	
}

#HOSPITALIZATION #subNavi ul.dropdown li a {
	padding:2px 17px;	
}

#ACCESS #subNavi ul.dropdown li a {
	padding:2px 25px;	
}

#INSTITUTION #subNavi ul.dropdown li a {
	padding:2px 19px;
}

#INTRODUCTION #subNavi ul.dropdown li a {
	padding:2px 35px;
}

ul.dropdown li ul li  {
	line-height:25px;
	font-size:90%;
}