/* Navigational Area */	
#menu_three { background-color: #eeddaa; }
body#home #menu_one, body#cgf #menu_two, body#subscribe #menu_three, body#news #menu_four, body#survey #menu_five, body#reference #menu_six, body#services #menu_seven, body#about #menu_eight 
	{ background-color: #006699; /* dark blue */ }
body#home #menu_one > a, body#cgf #menu_two > a, body#subscribe #menu_three > a, body#news #menu_four > a, body#survey #menu_five > a, body#reference #menu_six > a, body#services #menu_seven > a, body#about #menu_eight > a, 
	body#home #menu_one > .noLink, body#cgf #menu_two > .noLink, body#subscribe #menu_three > .noLink, body#news #menu_four > .noLink, body#survey #menu_five > .noLink, body#reference #menu_six > .noLink, body#services #menu_seven > .noLink, body#about #menu_eight > .noLink 
	{ color: #ffffff; }

/* based on http://tanny.ica.com/ICA/TKO/test.nsf/suckerfish/examplefix.htm */	
#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: #EAEAEB; /* light grey */
	font-weight: bold;
	padding: 0;
	border-top: 1px solid #006699; /* dark blue */
	border-bottom: 1px solid #006699; /* dark blue */
	margin: 0;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1pt solid #006699; /* dark blue */
	}
#nav li ul {
	width: 150pt;
	background: #006699; /* dark blue */
	border: 1px solid #808080;
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
	/* opacity: .95; */
	}
#nav a, #nav .noLink {
	color: #006699; /* dark blue */
	font: bold 8pt arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 5pt;
	text-decoration: none;	
	/* leave in as minimum and needed for IE to link on background */
	min-width: 25px;
}	
#nav a:hover, #nav .noLink:hover {
	color: #006699; /* dark blue */
	}	
#nav .noLink:hover {
	cursor:default;
	}	
	
/* This is to make opacity work in IE. */
/*
* html #nav li ul {
	background-color: transparent;
	}
* html #nav li li {
	background: #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90);
	}
*/

#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 {
	left: auto;
	}
#nav li:hover, #nav li.sfhover {
	background: #eda;
	}	
#nav ul li {
	width: 150pt;
	border-bottom: 1px solid #EAEAEB; /* light grey */
	}
#nav ul a {
	/* need to accomodate padding */
	width: auto;
	padding: 3pt;
	padding-left: 7pt;	
	border-left: 0;
	color: #ffffff;
	}
	
/* menu class information */	
#nav a.login { background: url(../images/layout_navigation_lock.gif) no-repeat 90px 7px; }
#sidemenu li.noUnderline,
#nav ul li.noUnderline { 
	border-bottom: none; 
	}	


/* Side Menu Navigation */
#sidemenu {
	float: left;
	padding-top: 2pt;
	padding-bottom:100pt;
	background: #eda; /* cream */
	}
#sidemenu a {
	font: bold 9pt arial, helvetica, sans-serif;
	color: #006699; /* dark blue */
	text-decoration: none;
	}	
#sidemenu ul {
	list-style: none;
	margin: 0;
	padding: 8pt;
	width: 168px;
	}
#sidemenu li {
	padding: 5pt;
	padding-left: 0;
	border-bottom: 1px solid #EAEAEB; /* light grey */
	}
#sidemenu a:hover,
#sidemenu ul li:hover a {
	color: #006699; /* dark blue */
	}