/* 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 */
	float: left;
}

#menu li ul {
}

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

	text-transform: capitalize;
}

/* layer positioning */

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

#menu ul ul {
position: absolute;
top:28px;
left:0px;
z-index: 5000;
}

#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;
			width:912px;
		}
		#menu li {
			padding: 0;
			margin: 0;			
			float: left;
		}
		#menu li a:link, #menu li a:visited, #menu li a:hover{
			display: block;
			padding: 6px 12px;
			
			text-align: center;
			text-decoration: none;
			font-size: 14px;	
			color:#4F2683;

		}		
		#menu li a:hover, #menu li a.active:link, #menu li a.active:visited, #menu li a.active:hover{
			color: #FFFFFF;
			background-color:#4F2683;
		
		}				
		/* 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: 140px;
			height: auto;
			padding: 10px 5px;
			
			text-align: left;
			text-decoration: none;
			font-size: 12px;	

			color: #FFFFFF;
			background-color:#4F2683;
			border-bottom:1px solid #fff;
		}		
		#menu li li a:hover{
			color: #FFFFFF;
			background-color:#FF7908;
		}	
		
		/* ORANGE BUTTON */
		#menu li a.orange:link, #menu li a.orange:visited, #menu li a.orange:hover{
			display: block;
			padding: 6px 20px;
			margin: 0px 0px 0px 40px;	/* BH 2010-05-07 Changed right margin from 50 to 40 to stop safari changing layout */
			
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 14px;	
			color:#fff;
			background-color:#FF6600;

		}		
		
/*** Submenu ***/

#smenu ul {
	clear:both;
	width:150px;
	margin:	0px;
	padding: 0px 0px 20px 0px;
	list-style:	none;
}

#smenu li {
	padding:0px;
	margin:0px;
}

#smenu a,#smenu a:visited  {
	display:block;
	padding:3px 5px 3px 0px;
	margin:0px;
	color:#000;
	font-size:12px;
}

#smenu a:hover {
	display:block;
	padding:3px 5px 3px 0px;
	margin:0px;
	color:#000;
	font-size:12px;
}

#smenu a.active, #smenu a.active:hover {
	display:block;
	padding:3px 5px 3px 0px;
	margin:0px;
	color:#4F2683;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}