@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

@import "helper.css";


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

div#nav.hpnav {position:absolute; left:350px; top:68px; background-color:#b1e2fd; z-index:1000;}
	div#nav.hpnav ul.dropdown {margin:0px 0px 0px 0px;}

div#nav {position:absolute; left:345px; top:93px; background-color:#fff; z-index:1000;}
	div#nav ul.dropdown {margin:0px 0px 0px 0px;}

div#nav ul.dropdown li.navOn {background-color:#465157; color:#fff;}
div#nav ul.dropdown li.navOn a {color:#fff;}


/* -- level 1 -- */

div#nav ul.dropdown {
font-weight: normal;
margin:0px 0px 0px 30px;
}

div#nav ul.dropdown li {
padding: 20px 10px;
background-color: #fff;
font:12px Arial, Helvetica, sans-serif;
color: #666;
font-weight:normal;
}

div#nav ul.dropdown li.hover,
div#nav ul.dropdown li:hover {
background-color: #465157;
color: #afca23;
}

div#nav ul.dropdown li.hover a,
div#nav ul.dropdown li:hover a {
color: #afca23;
display:block;
}

div#nav ul.dropdown li a {
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
}

div#nav ul.dropdown a:link,
div#nav ul.dropdown a:visited	{ color: #666; text-decoration: none; }
div#nav ul.dropdown a:hover		{ color: #fff; }
div#nav ul.dropdown a:active	{ color: #fff; }


	/* -- level 2 -- */

	div#nav ul.dropdown ul {
	width: 175px;
	margin-top: 0px;
	}
	
		div#nav ul.dropdown ul li.employeeCatDD {
		width: 100px;
		margin-top: 0px;
		}

		/* specific width for employees dropdowns */
		div#nav ul.dropdown li ul.employeesDD {
		width: 215px;
		margin-top: 0px;
		}

		/* specific width for contact dropdowns */
		div#nav ul.dropdown li ul.contactDD {
		width: 93px;
		margin-top: 0px;
		}

	div#nav ul.dropdown li ul li {
	font-size:11px;
	background-color: #465157;
	/* border-bottom:1px solid #fff; */
	padding-top:5px;
	padding-bottom:5px;
	color:#ccc;
	}

	div#nav ul.dropdown li ul li.hover,
	div#nav ul.dropdown li ul li:hover {
	background-color: #afca23;
	color:#fff;
	}

	div#nav ul.dropdown li ul li.hover a,
	div#nav ul.dropdown li ul li:hover a {
	color:#fff;
	}


	div#nav ul.dropdown li ul li a {
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	/* color:#ccc; */
	}

	div#nav ul.dropdown li ul a:link		{ color: #ccc; }
	div#nav ul.dropdown li ul a:visited		{ color: #ccc; text-decoration:none; }
	div#nav ul.dropdown li ul a:hover		{ color: #000; }
	div#nav ul.dropdown li ul a:active		{ color: #ccc; }



	/* -- level 3 -- */

	div#nav ul.dropdown li ul li ul {
	width: 175px;
	margin-top: 0px;
	}

		div#nav ul.dropdown li ul li ul li {
		background-color: #465157;
		/* border-bottom:1px solid #fff; */
		}

		div#nav ul.dropdown li ul li ul li.hover,
		div#nav ul.dropdown li ul li ul li:hover 			{ background-color:#afca23; color:#fff;}

			div#nav ul.dropdown li ul li ul li.hover a,
			div#nav ul.dropdown li ul li ul li:hover a 		{ color:#fff; }

			div#nav ul.dropdown li ul li ul li a {
			font:11px Arial, Helvetica, sans-serif;
			font-weight:normal;
			/* color:#fff; */
			}

			div#nav ul.dropdown li ul li ul a:link			{ color:#ccc; }
			div#nav ul.dropdown li ul li ul a:visited		{ color:#ccc; text-decoration:none; }
			div#nav ul.dropdown li ul li ul a:hover			{ color:#fff; }
			div#nav ul.dropdown li ul li ul a:active		{ color:#000; }






/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}