/* H2O NAVIGATION MENU */
/************************************************************/

/*global navigation left*/

	#nav, #nav ul { /* all lists */
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 0;
		margin: 0;
		list-style: none;
		width: 163px;
		background-color: #EEF8FC;
		font-weight: bold;
		
	}
	
	#nav li { /* all list items */
		position : relative;
		line-height : 24px;
		margin-bottom: -1px;
		width: 175px;
	}
	
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 163px;
		width: 185px;
		margin-top : -30px;
		line-height: 28px;
		border: 1px solid #0084BC;
		border-left: 0px none;
	
	}
	
	/* bring context ul back into menu */

		#nav li#context {
			width:175px;
			}
		
		#nav li#context ul {
			position: relative;
			left: auto;
			margin-left: 0px;
			margin-top: 10px;
			margin-bottom: 10px;
			border: 0px none;
			width: 163px;
			font-weight: normal;

		}
		
		#nav li#context a {

			font-size: 13px;
			color: #005842;
			font-weight: bold;
		}
		
		#nav li#context ul a.nav_open {
			background: #005843;
			color: #FFF;
			}
		
		
		
	
		#nav li#context ul a {
			width: 146px;
			padding-left: 35px;
			margin-left: 0px;
			line-height: 1.2em;
			border: 0 none;
			font-weight: normal;
			color : #064F6E;
			text-decoration : none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding-top: 4px;
			padding-bottom: 4px;
			
		}
		
		#nav li#context ul ul a {
			width: 149px;
			padding-left: 40px;
		}
		
		#nav li#context ul ul ul a {
			width: 159px;
			padding-left: 50px;
		}
		
		#nav li#context ul ul ul ul a {
			width: 169px;
			padding-left: 60px;
		}
		
		#nav li#context ul ul ul ul ul a {
			width: 144px;
			padding-left: 70px;
		}
		
		#nav li#context ul a:hover {
			background: #6BA8D1;
			color: white;
			
		}
		

		
	/* flyouts */
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a.top {
		line-height: 1.2em;
		font-size: 12px;
		border-bottom : 1px solid #0084BC;
		padding : 6px 0.5em 6px 0.5em;
		
	}
	
	#nav li a {
		/* width: 201px !important;
		width: 200px; */
		width: 169px;
		margin-left: 5px;
		display : block;
		font-size: 12px;
		text-decoration : none;
		border-bottom : 1px solid #0084BC;
		padding : 6px 0.5em 6px 0.5em;
		line-height: 1.2em;
		color : #064F6E;
		
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em
		}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: 24px;
	}	
	
	ul#nav li:hover a.top, ul#nav li.sfhover a.top {
		color: #005842;
		
	}

	/* Added by Terabit.ca - This controls the color change on the highlighted menu item */
	#nav li a.top:hover {
		color: #005842;
	}
	#nav ul li a:hover {
		color: #666666;
	}
	
	/* Added by Terabit.ca - This displays the sub menu when the list item is "hovered" over */
	#nav li:hover ul {
		display: block;
	}

	ul#nav li:hover a:hover, ul#nav li.sfhover a:hover {
		background: none;
		color: #666666;
	}
	

#mainnav p {
	text-align: center;
	margin-left: 2px;
	padding: 0;
	}

/*top sub navigation*/

#subnav ul{
	
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#subnav li {
	display: inline;
	}

#subnav li a:link, #subnav a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #064F6E;
		padding: 4px 10px 2px 10px;
		text-decoration:none;
		}

#subnav li a:hover {
	color: #666666;
	}

/*footer navigation*/

#footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#footer li {
	display: inline;
	}

#footer li a:link, #footer li a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #064F6E;
		padding: 4px 10px 2px 10px;
		text-decoration:none;
		}

#footer li a:hover {
	color: #666666;
	}