/* css for topnav
	js: templates/yogalizard/top_menu_hover.js
*/

div#topBannerRow3 ul, div#topBannerRow3 li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}	

ul#topNav a {
	display:block;
	text-decoration:none;
}	



/* top row */
ul#topNav li {
	display:block;
	width:150px;
	float:left;
	padding-top:8px;
	font-size:12px;
}	

/* need specific widths for ie6 */
li.item1 {width:100px!important;} /* home */
li.item3 {width:90px!important;} /* yoga */
li.item4 {width:180px!important;} /* ayurveda & health */
li.item5 {width:165px!important;} /* sanskrit glossary */
li.item6 {width:100px!important;} /* store */
li.item7 {width:160px!important;} /* conscious living */
li.item8 {width:130px!important;} /* community */
li.item34 {width:130px!important;} /* contact us */	



/* hide subnavs */
ul#topNav ul{
	display:none;
	position:absolute;
	width:150px; /* submenu width */	
	background-color:#E7E4CE;
	border:2px solid #ddd;
	border-top:none;
	border-left-width:1px;
	font-size:11px;
	z-index:10000;
}	

/* show subnavs */
ul#topNav li.navOver ul, ul#topNav li:hover ul {
	display:block;
}
		

	
/* link css cascades due to menu output formatting */
ul#topNav a, ul#topNav a:hover, ul#topNav a:active, ul#topNav a:visited {
	color:white;
}	

ul#topNav a {
	font-weight:bold;
	padding-left:10px;
	overflow:hidden;		
	height:22px;
}
/* subnav text formatting */
ul#topNav li ul li a, ul#topNav li ul li a:hover, ul#topNav li ul li a:active, ul#topNav li ul li a:visited {
	color:#333;
	font-weight:normal;
	height:auto;
}

ul#topNav li ul li a:hover {
	background-color:white;
}	

ul#topNav ul li {
	padding:0px;
	font-size:11px;
	line-height:2em;
}