/* Dropdown Navigation with CSS - script created with the aid of a tutorial from www.alistapart.com
	Author: Mark Braybrook
	Site: www.professionalengineers-uk.org
*/	
	/* Active Dropdown Section */

	#navigationSection {
		position: relative;
		height: 30px;
		width: 100%;
		background-image:url(../images/layout/navBG.jpg);
		background-repeat: no-repeat;
		/*padding-left:50px;*/
		margin:0 0;
		margin-top:10px;
		margin-bottom:20px;
		vertical-align: text-top;
	}
	
	#navigationSection:hover {
		/*background: url(../images/layout/navBGOver.jpg);*/
	}
	#navigationSection ul {
		padding-left:100px;
	}
	#navigationSection li ul, #navigationSection li ul {
		margin: 0;
		padding: 0;
	}

	#navigationSection a {
		text-decoration: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:80%;
		text-align:center;
		color:#990000;
	}

	#navigationSection li { /*float the main list items*/
		margin: 0;
		float:left;
		display: block;
	}

	#navigationSection li ul {
		display: none;
	}

	#navigationSection li.off ul { /*put the subnav below*/
		position: absolute;
		top:15px;
		left:10%;
		padding-top: 10px;
		height: 30px;
		width: 80%;
		background-image:url(../images/layout/navSubBG.jpg);
		background-repeat: no-repeat;
	}

	#navigationSection li.on ul {
		background: #FFF;
	}

	#navigationSection li.on:hover ul, #navigationSection li.over ul { /*for ie*/
		background: #FFF;
	}

	#navigationSection li a {
		font-weight: bold;
		display: block;
		width: 90px;
		padding: 0;
	}

	#navigationSection li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}

	#navigationSection li.over ul li a { /*for ie - the specificity is necessary*/
		background: #FFF;
	}

	#navigationSection li.off:hover ul, #navigationSection li.over ul {
		display: block;
		z-index: 6000;
	}

	#navigationSection li.off a:hover{ 
		color: #660000;
		text-decoration:underline;
	}
/*subnav formatting*/
#navigationSection ul li ul {
	padding-left:10%;
}

#navigationSection li.off ul a, #navigationSection li.on ul a {
	display: block;
	color: #990000;
	font-family: arial, verdana, sans-serif;
	font-size: 70%;
	text-align:center;
}		

#navigationSection li.on ul a {
	text-decoration: underline;
}