/* CSS Drop Down Menu */

#nav ul {
	position: absolute;
	z-index: 999;
	top: 4px;
	left: 40px;
	padding: 0;
	margin: 0;
	list-style: none;
	
	}

#nav a, #nav a:link, #nav visited {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#nav a:hover {
	text-decoration: underline;
	}

/* Set widths for first level navigation items (if individual widths are desired, */
/* add these classes to the first level <li> tags in the navigation */
.nav1 ul {width: 160px;}	/* Menu Item #1 Width */
.nav2 ul {width: 160px}	/* Menu Item #2 Width */
.nav3 ul {width: 160px}	/* Menu Item #3 Width */
.nav4 ul {width: 160px}	/* Menu Item #4 Width */
.nav5 ul {width: 160px}	/* Menu Item #5 Width */
.nav6 ul {width: 160px}	/* Menu Item #6 Width */
.nav7 ul {width: 160px}	/* Menu Item #7 Width */

	/* first-level items */

	#nav li {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		}

	#nav li:hover, #nav li.sfhover {
		background-position: bottom;
		}

	#nav li.first {
		margin: 0;
		}

	#nav a {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
		line-height: 15px;
		height: 12px;
		}
	
	/* second-level items */
	#nav li ul {
		position: absolute;
		padding: 0;
		margin-left: 0;
		left: -999em;
		display: none;
		top: 26px;						/* Set distance from top of primary navigation */
		background: url('../images/nav_back.gif') left bottom repeat-x;
		border-left: 1px solid #333333;
		border-right: 1px solid #1d1d1d;
		border-bottom: 1px solid #1d1d1d;
		}
		#nav li.nav7 ul {margin-left: -30px;}
	
	/* third-level items */
	#nav li ul li ul {
		position: absolute;
		padding: 5px;
		margin-left: -9999px;
		width: 125px;					/* Set width of second-level drop-down menu */
		left: -9999px;
		display: none;
		top: 25px;
		z-index: 999;
		}

	
	/* second-level items hover */
	#nav li:hover ul, #nav li.sfhover ul {
		display: block;
		left: auto;
		}

	#nav li ul li {
		float: none;
		display: inline;
		height: auto;
		background-image: none;
		line-height: 0;
		}

	ul#nav li li a, ul#nav li li a:link, ul#nav li li a:visited {
		position: relative;
		display: block;
		height: auto;
		width: auto;
		padding: 2px 0 2px 5px;
		text-align: left;
		overflow: hidden;
		background: none;
		margin: 0;
		white-space: nowrap;
		text-decoration: none;
		color: #cececd;
		}
	ul#nav li li a:hover {
		background: #333333;
		color: #ffffff;
		text-decoration: none;
		}
	
	/* third-level items hover */
	#nav li ul li:hover ul, #nav li ul li.sfhover ul {
		z-index: 999;
		display: block;
		left: auto;
		margin-left: 125px;
		margin-top: -20px;
		}