#topnav {

	position:absolute;

	right:27px;

	top:8px;

	z-index:8000

	}







/* Overall Box Properties */



#menu {

	margin: 0;

	padding: 0;

	float: right;

	width:760px

	}





/* Type of Menu (Vertical vs. Horizontal) */



#menu ul {

	display: block;

	list-style: none;

	margin: 0;

	float: right;

	padding: 0;

	}



/* Position of menu elements */



#menu ul li {

	position: relative;

	color: #CCCCCC;

	display: inline;

	padding: 0;

	float: left;

	margin:0 0 0 6px;

	}







/* 1st level menu items */



#menu ul li a {

	display: block;

	float: left;

	color: #ccc;

	padding: 7px 20px;

	text-decoration: none;

	font-weight: normal;

	font-size: 13px;

	background-color:#0D0D0D;

	color:#FFFFFF;

	border-bottom:none;

	}



#menu ul li a:hover {

	border-bottom:1px solid #0D0D0D;

	position:relative;

	top:1px;

	color:#9D9C54

	}





/* Position of Drop Down Elements */



#menu ul li ul {

	position: absolute;

	display: none;

	}



/* For Top Level Hover when on the second level */



#menu ul li:hover ul {

	display: block;

	position: absolute;

	left: 0;

	top: 100%;

	width: 180px;

	height: auto;

	margin: 0 0 0 -5px;

	padding: 0;

	z-index: 9000;

	color:#CCCCCC

	}

	

/* This adds the arrow to the Flyout link */



#menu ul li:hover ul li.flyout {

	background:url(images/arrow.gif) no-repeat center right #0D0D0D

	}



/* Added specifically for Internet Explorer */



* html #menu ul li:hover ul { 

	background: none; 

	}





#menu ul li ul li, #menu ul li.more ul li {

	width: 180px;

	background: #0D0D0D;

	padding: 0;

	margin-left:6px;

	}





/* Edit look of drop down 2nd level menu items */



#menu ul li ul li a {

	background: none;

	padding: 8px 10px;

	width: 180px;

	font-variant: normal;

	font-weight: normal;

	font-size: 11px;

	color: #ccc;

	float: none;

	padding: 7px 20px;

	margin-left:0;

	border-bottom:none;

	}



#menu ul li ul li:hover { 

	background: #333333; 

	width: 180px;

	border-bottom:none;

	}



#menu ul li ul li a:hover {

	color: #fff;

	background: none;

	padding: 7px 20px;

	border-bottom:none

	}



#menu ul li ul li:hover > a {

	color: #fff;

	background: none;

	padding:  7px 20px;

	border-bottom:none

	}



#menu ul li ul li ul, #menu ul li:hover ul li ul { 

	display: none;

	margin-left:0;

	border-bottom:none

	}



#menu ul li ul li:hover ul, #menu li.exp:hover ul, #menu ul li:hover ul li:hover ul {

	position: absolute;

	display: block;

	left: 100%;

	top: 0px;

	z-index: 300;

	border-bottom:none

	width: 180px;

	}



#menu ul li:hover ul li:hover ul li, * html #menu ul li ul li a { 

	width: 180x;

	margin-left:0

	}