.menu {

	height: 32px; 

	position: relative;
	
	top: 128px;

	z-index: 100;

	font-family: Arial, Helvetica, sans-serif;

}



.menu span {

	position: absolute;

	width: 32px;

	height: 32px;

	background: url(images/navCap.png) no-repeat left;

	padding: 0;

}



/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

	padding: 0;

	margin: 0;

	list-style: none;

}





.menu ul ul {

	width: 128px;

}





/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {

	float: left;

	width: 120px;

	position: relative;

	list-style: none;

}





/* style the links for the top level */

.menu a, .menu a:visited {

	display: block;

	font-size: 14px;

	text-decoration: none;

	color: #FFF;

	width: 118px;

	height: 32px;

	background: url(images/navBackground.jpg) repeat-x;

	padding-left: 10px;

	line-height: 32px;

	font-weight: bold;

}





/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {

	background: #23ACF4;

}





/* style the second level hover */

.menu ul ul a.drop:hover {

	color: #000;

	background: #F4D41D;

	text-decoration: underline;

}





.menu ul ul :hover > a.drop {

	background: #F4D41D;

}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

	visibility: hidden;

	position: absolute;

	height: 0;

	top: 32px;

	left: 0; 

	width: 128px;

}





/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {

	position: absolute; 

	top: 0; 

	left: 0; 

	border-collapse: collapse;

}





/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

	color:#000;

	height:auto;

	line-height:14px;

	padding:5px 10px;

	width:108px;

        background: #F4D41D;

}





/* style the top level hover */

.menu a:hover, .menu ul ul a:hover {

	color: #000; 

	background: url(images/navDown.jpg) left repeat-x;

}



.menu ul ul :hover > a {

        color: #000;

        background: #F4D41D;

        text-decoration: underline;

}



.menu :hover > a {

	color: #000; 

	background: url(images/navDown.jpg) left repeat-x;

}





/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul {

	visibility: visible;

}





.herenow {

	color: #000;

}



.herenow a, .herenow a:visited {

	display: block;

	font-size: 14px;

	text-decoration: none;

	color: #000;

	width: 128px;

	height: 32px;

	background: url(images/navDown.jpg) repeat-x;

	padding-left: 10px;

	line-height: 32px;

	font-weight: bold;

}





.herenow ul a, .herenow ul a:visited {

	display: block;

	font-size: 14px;

	text-decoration: none;

	color: #000;

	width: 128px;

	height: 32px;

	background: #F4D41D

	padding-left: 10px;

	line-height: 32px;

	font-weight: bold;

}