/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */
/* depending on site size these can also be moved to the structure.css file instead */
/* this method can be used to create either horizontal or vertical menus */

/* PRIMArY, SECOND LEVEL AND THIRD LEVEL NAVIGATION ON LEFT SIDE -- {$GLOBALS['primaryNav']} etc -- */
#leftnav ul {
	width:167px; margin:0 0 13px 0; padding:0; font:13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:none; color:#FFF; font-weight:normal; list-style-type:none;
}
#leftnav li {width:167px; margin:0; padding:0; list-style-type:none;} 
#leftnav ul li a {
	background:url(/theme/KOOQ/i/background_leftnav_li.gif) top left no-repeat; width:147px;
	display:block; height: 26px; margin: 0; padding: 5px 10px 0 10px; /*float: left;*/ color:#FFF;
	font: 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
}
#leftnav ul li a:hover /*, #leftnav ul li .active*/ {
	background:url(/theme/KOOQ/i/background_leftnav_li_on.gif) top left no-repeat; width:147px;
	display: block; height: 26px; margin: 0; padding: 5px 10px 0 10px; /*float: left;*/ color:#FFF;
	font: 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
}

/* primaryNav levels
#leftnav #secondaryNav ul li a:link, #leftnav #secondaryNav ul li a:visited {
	color:#1c5185; margin:0; padding:6px 10px 6px 6px; text-decoration:none; 
	width:162px; display:block; background:url(/theme/KOOQ/i/bkgnd_nav_line.jpg) bottom right no-repeat;
}
#leftnav #secondaryNav ul li a:hover, #leftnav #secondaryNav ul li a:active, #leftnav #secondaryNav ul li a.active {
	color:#FFF; margin:0; padding:6px 10px 6px 6px; text-decoration:none;
	width:162px; display:block; background:#CC0000;
}  */

/*secondaryNav levels */
#leftnav ul li ul {width:167px; margin:0 0 4px 0; padding:0;}
#leftnav ul li ul li {width:151px; margin:0; padding:6px 6px 0 10px;}
#leftnav ul li ul li a:link, #leftnav ul li ul li a:visited {
	color:#CC0000; text-decoration:none;background:none; display: block;
	width:151px; font-weight:normal; margin:0; padding:0; border-bottom:2px solid #e29ea1;
}
#leftnav ul li ul li a:hover, #leftnav ul li ul li a:active, #leftnav ul li ul li a.active {
	color:#CC0000; text-decoration:none; border-bottom:2px solid #e29ea1;display: block;
	width:151px; font-weight:bold;background:none; margin:0; padding:0;
}

/*third nav levels levels */
#leftnav ul li ul li.active ul {width:151px; margin:0; padding:0; list-style-type:none;background:none; overflow:hidden;}
#leftnav ul li ul li.active ul li {width:151px; margin:0; padding:6px 0 0 0;}
#leftnav ul li ul li.active ul li a:link, #leftnav ul li ul li.active ul li a:visited {
	color:#666; text-decoration:none;display: block;
	width:130px; font-weight:normal;background:none; margin:0; padding:0 6px 0 15px;
}
#leftnav ul li ul li.active ul li a:hover, #leftnav ul li ul li.active ul li a:active {
	color:#666; text-decoration:none;display: block;
	width:130px; font-weight:bold;background:none; margin:0; padding:0 6px 0 15px;
}


/* FOOTER NAV MENU STYLES */
#footer_nav ul {margin:0; padding:0; list-style-type:none; font:12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
#footer_nav ul li {margin:0; padding:0; list-style-type:none; display:inline;}
#footer_nav ul li a {
	display:block; height: 19px; margin: 0; padding: 3px 10px 0 10px; float: left; border-right:1px solid #4f4f4f;
	font:12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
}
#footer_nav ul li a:hover {
	background-color:#69737c;
	display: block; height: 19px; margin: 0; padding: 3px 10px 0 10px; float: left; border-right:1px solid #4f4f4f;
	font:12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
}
#footer_nav ul li .active {color:#FFF;}