#mainMenuContainer {
	width: 890px;
	height: 36px;
	border-top: 1px solid #B7C0C5;
	background: url(/gfx/navBG.gif) top repeat-x;
}


#mainMenu{
	width: 810px;
	height: 35px;
	margin: 0px;	
	padding: 0px 40px;
	font-weight: bold;
	font-size: 0.7em;
	font-weight: bold;
	position: relative;		
	z-index:100;
}

/* Level 1 Links */
#mainMenu li {
	list-style: none;
	float: left;
	padding: 0px;
	margin:0px;
	text-align: center;	
	width: 160px;	
	text-transform: uppercase;
	
}

	#mainMenu li a:link, #mainMenu li a:visited {
		line-height: 34px; 
		display: block;
		color: #626A88;
		padding: 0px 30px 0px 30px;
		text-decoration: none;
		width: 100px;
	}
	
	#mainMenu li:hover{
			position: relative;
	}
	
	#mainMenu li a:hover, #mainMenu li a:active, #mainMenu li.mainNavOn {
		line-height: 34px;	
		background: url(/gfx/navBGOver.gif) top repeat-x;				
		position: relative;
		padding: 0px 30px 0px 30px;
	}

		/* This way the background colour stays when you move the mouse down*/	
		#mainMenu li:hover{
			background: url(/gfx/navBGOver.gif) top repeat-x;				
		}

#mainMenu li.mainNavOn{
	padding: 0px;
}

/* Hide sub levels */

#mainMenu ul{
	visibility: hidden;
	position: absolute;
	width: 158px;

	
}

/* Display Level 2 when you hover over a level 1 link. Note! you must keep the classes defined here since otherwise the
Level 3 ul will show sometimes */

#mainMenu :hover ul.nav1, #mainMenu :hover ul.nav2, #mainMenu :hover ul.nav3, #mainMenu :hover ul.nav4, #mainMenu :hover ul.nav5{
	visibility: visible;
	border: 1px solid #FFF;
	background-color: #626A88 !important;
	padding: 0px 0 0px 0;
	list-style: none;
	position: absolute;		
	margin-left: 0px;
	width: 158px;
	
	
}

#mainMenu :hover ul.nav1 ul, #mainMenu :hover ul.nav2 ul, #mainMenu :hover ul.nav3 ul, #mainMenu :hover ul.nav4 ul, #mainMenu :hover ul.nav5 ul, #mainMenu :hover ul ul, #mainMenu a:hover ul ul{
	visibility: hidden !important;
	position: absolute;

}


#mainMenu :hover ul.nav1{
	width: 158px;
	left: 0%;
	position: absolute;
} 

#mainMenu :hover ul.nav2{
	width: 220px;
	left: 0px;
	position: absolute;
}


#mainMenu :hover ul.nav3{
	width: 158px;
	left: 0px;
	position:absolute;	
}

#mainMenu :hover ul.nav4{
	width: 158px;
	left: 0px;
	position:absolute;
	
}

/* Level 2 list items and links */

#mainMenu :hover ul li {
	list-style: none;
	padding: 0 0 0 0px !important;
	margin: 0;
	text-align: left;	
	background: none !important;
	width: 158px;
	text-transform: none;
	line-height: 18px;	
	display: block;
}

#mainMenu :hover ul li:hover{
		width: 158px;
		}

#mainMenu :hover ul.nav2 li{
	width: 220px;
}

#mainMenu :hover ul.nav3 li {
	width: 158px;
}

	#mainMenu :hover ul li a:link, #mainMenu :hover ul li a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #FFF;
		margin: 0;
		padding: 2px 0 2px 0;
		line-height: 18px;
		background: none;				
		font-size: 1em;		
		text-transform: none;
		width: 158px !important;		
		text-indent: 5px;
	}
	
	#mainMenu :hover ul.nav2 li a:link, #mainMenu :hover ul.nav2 li a:visited {
		width: 220px !important;
	}
	
	#mainMenu :hover ul li a:hover, #mainMenu :hover ul li a:active {
		font-weight: bold;
		margin: 0;
		padding: 2px 0 2px 0;
		line-height: 18px;
		background: none;				
		font-size: 1em;		
		text-transform: none;
		width: 158px;
		text-indent: 5px;				
		background-color: #93ADD9;
	}

/* Hide Level 3 list */

#mainMenu :hover ul ul{
	visibility: hidden !important;
}

/* Display Level 3 list on hover */

#mainMenu :hover ul :hover ul{
	visibility: visible !important;
	border: #FFF !important;
	background-color: #93ADD9 !important;
	padding: 0px 0px 0px 0 !important;
	height: auto !important;
	position: absolute;
	width: 100%;	
	margin: -22px 0px 0px 158px !important;
	margin: -20px 0px 0px 158px;
}

/* Extra margin because "Technologies" has long navigation names */
#mainMenu :hover ul.nav2 :hover ul{
	margin: -22px 0px 0px 220px !important;
	margin: -20px 0px 0px 220px;	
	border: #FFF !important;
}

/* Level 3 list items and links */
	
#mainMenu ul li ul li{
	width: 158px;
	list-style: none;
	padding: 2px 0 2px 0px !important;
	padding: 4px 0 4px 0px;
	margin: 0;
	text-align: left;				
	line-height: 18px;		
	float: none;
	}

	/* This way the background colour stays when you move the mouse down*/	
	#mainMenu ul li ul li:hover{
		background-color: #626A88 !important;	
	}		

	#mainMenu ul li ul li a:link, #mainMenu ul li ul li a:visited {
		width: 158px;	
		text-decoration: none;
		font-weight: normal !important;
		padding: 2px 0 2px 0 !important;
		background: none;						
		font-size: 1em;		
		color: #626A88;
		line-height: 18px !important;
		height: 18px !important;
		height: 19px;
		text-indent: 5px;
		background-color: #93ADD9 !important;	
	}
	
	#mainMenu ul li ul li a:hover, #mainMenu ul li ul li a:active, 	#mainMenu ul li ul li:hover a:hover, #mainMenu ul li ul li:hover a:active {
		width: 158px !important;
		font-weight: normal !important;
		margin: 0;
		padding: 2px 0 2px 0 !important;
		background-color: #626A88 !important;						
		display: block;
		font-size: 1em;		
		color: #FFF;
		text-decoration: none;
		line-height: 18px !important;
		text-indent: 5px;
	}
	
	#mainMenu ul.nav2 li ul li a:hover, #mainMenu ul.nav2 li ul li a:active, #mainMenu ul.nav2 li ul li:hover a:hover, #mainMenu ul.nav2 li ul li:hover a:active {
		width: 220px !important;