@charset "utf-8";

/* CSS Document */



#navContainer ul.nav , #navContainer ul.nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

}



#navContainer ul.nav {	

	font-size:1em; 

	background: #034575;

	height: 40px;

	margin: 0 10px;

}



#navContainer ul.nav a {

	display: block;

	width: 10em;

	text-align: center;

	text-decoration: none;

	color: #FFF;

	height: 40px;

	line-height: 40px;

}



#navContainer ul.nav a:hover {

	background: #FFF;

	color: #034575;

}



#navContainer ul.nav li { /* all list items */

	float: left;

	width: 10em; /* width needed or else Opera goes nuts */

}



#navContainer ul.nav li ul { /* second-level lists */

	position: absolute;

	width: 150px;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	text-align: inherit;

	border: 1px solid #ccc;

	font-size: 1em;

	font-size: 12px;

	

}



	#navContainer ul.nav li ul li a {

		color: #034575;

	}

	



#navContainer ul.nav li ul ul { /* third-and-above-level lists */

	margin: -41px 0 0 140px;

}



#navContainer ul.nav li:hover ul ul, #navContainer ul.nav li.sfhover ul ul {

	left: -999em;

}



#navContainer ul.nav li:hover ul, #navContainer ul.nav li li:hover ul, #navContainer ul.nav li.sfhover ul, #navContainer ul.nav li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



#navContainer ul.nav li.nav_home, #navContainer ul.nav li.nav_home a {width: 4em;}

#navContainer ul.nav li.nav_about, #navContainer ul.nav li.nav_about a {width: 7em;}

#navContainer ul.nav li.nav_news, #navContainer ul.nav li.nav_news a {width: 6em;}

#navContainer ul.nav li.nav_fraser, #navContainer ul.nav li.nav_fraser a {width: 8em;}

#navContainer ul.nav li.nav_maps, #navContainer ul.nav li.nav_maps a {width: 7em;}

#navContainer ul.nav li.nav_sponsors, #navContainer ul.nav li.nav_sponsors a {width: 5em;}

#navContainer ul.nav li.nav_links, #navContainer ul.nav li.nav_links a {width: 4em;}

#navContainer ul.nav li.nav_reports, #navContainer ul.nav li.nav_reports a {width: 7em;}

#navContainer ul.nav li.nav_contact, #navContainer ul.nav li.nav_contact a {width: 6em;}



body.home #navContainer ul.nav li.nav_home a,

body.about #navContainer ul.nav li.nav_about a,

body.news #navContainer ul.nav li.nav_news a,

body.fraser #navContainer ul.nav li.nav_fraser a,

body.maps #navContainer ul.nav li.nav_maps a,

body.sponsors #navContainer ul.nav li.nav_sponsors a,

body.links #navContainer ul.nav li.nav_links a,

body.reports #navContainer ul.nav li.nav_reports a,

body.contact #navContainer ul.nav li.nav_contact a {

	background: #001C41;

	color: #fff;

}



	#navContainer ul.nav li.nav_news ul li a, #navContainer ul.nav li.nav_fraser ul li a {

		width: 150px;

		background: #fff;

		text-align: inherit;

		text-indent: 0.5em;

	}

	

	#navContainer ul.nav li ul li a:hover {

		color: #157EBF;

	}

	

/* Footer Nav */



#footerNav {

	border-top: 1px solid #ccc;

	padding: 0.5em;

	margin: 0.5em;

}



#footerNav ul.nav {

	overflow: hidden;

	background: none;

	list-style: none;

}



	#footerNav ul.nav li {

		float: left;

		border-right: 1px solid #034575;

	}

	

		#footerNav ul.nav li ul {

			display: none;

		}

		

	#footerNav ul.nav li a {

		color: #034575;

		text-decoration: none;

		padding: 1em;

	}

	

	#footerNav ul.nav li a:hover {

		text-decoration: underline;

	}

	

body.home #footerNav ul.nav li.nav_home a,

body.about #footerNav ul.nav li.nav_about a,

body.news #footerNav ul.nav li.nav_news a,

body.fraser #footerNav ul.nav li.nav_fraser a,

body.maps #footerNav ul.nav li.nav_maps a,

body.sponsors #footerNav ul.nav li.nav_sponsors a,

body.links #footerNav ul.nav li.nav_links a,

body.reports #footerNav ul.nav li.nav_reports a,

body.contact #footerNav ul.nav li.nav_contact a {color: #0B8AC1;}