/* horizontal dropdown */
/* positioning */

.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.menu li{ 
		 /* width must be included here otherwise the menu does not render correctly in ie6, if the buttons are all diffrent sizes then apply the style straight to the <li> itself with inline styles */
}

.menu li ul {
}

.menu li li {
	display: block;
	width: 150px;

	text-transform: capitalize;
}

/* colour and style */

.menu a, .menu h2 {
display: block;
text-decoration:none;
margin: 0;
padding: 0;
}

.menu li li a, .menu li li a:hover, .menu li li a:visited {
	padding: 5px 15px 5px 0px;
	width: 135px;

	font-size:12px;
	color: #FFF;
	text-transform: capitalize;

	background: none;
	border-bottom: 1px solid #0B54B3;
}

.menu li li a:hover {
	background: url('../images/pnav_bg_f2.gif') no-repeat right;
}

/* layer positioning */

.menu li {
	float: left;
	position: relative;
}

.menu ul ul {
position: absolute;
top:35px;
left:0px;
z-index: 500;
}

.menu ul ul ul {
top: -1px;
left: 100%;
}

/* setup hover */div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}

/* styles */
	.menu {
		clear: both;
	}
		.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		.menu li {
			padding: 0;
			margin: 0;			
			float: left;
		}
		.menu li a:link, .menu li a:visited, .menu li a:hover{
			display: block;
			width: 150px;
			height: 25px;
			padding: 10px 0 0 0;
			
			text-align: center;
			text-transform: lowercase;
			text-decoration: none;
			font-size: 12px;	
			font-family: Verdana;

			background: url(../images/pnav_bg.jpg) no-repeat;
		}		
		.menu li a:hover{
			color: #FFFFFF;
		
			background: url(../images/pnav_bg_f2.jpg) no-repeat;
		}				
		/* second */
		.menu li li {
			padding: 0;
			margin: 0;
			float: none;
		}
		.menu li li a:link, .menu li li a:visited, .menu li li a:hover{
			display: block;
			width: 150px;
			height: auto;
			padding: 10px 0 10px 0;
			
			text-align: center;
			text-transform: capitalize;
			text-decoration: none;
			font-size: 12px;	
			font-family: Verdana;

			background: url(../images/pnav_bg.jpg) no-repeat;
		}		
		.menu li li a:hover{
			color: #FFFFFF;
		
			background: url(../images/pnav_bg_f2.jpg) no-repeat;
		}