/*** Level 1 ***/
#navigation ul {
	position: absolute;
	margin: 0; padding: 0;
}

#navigation li {
	float: left;
	display: block;
	list-style: none;
}

#navigation li a {
	display: block;
	padding: 6px 12px 6px 12px;

	font-family: verdana;
	font-size: 10px;
	/*font-weight: bold;*/
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;

	color: #fff;
}
#navigation li.active a { color: #fc0; }
#navigation li.pipe {
	padding-top: 6px;
	font-weight: bold;
}

#navigation li a:hover {
	text-decoration: underline;
	color: #fc0;
}

/*** Level 2 ***/
#navigation li ul {
	visibility: hidden;
	width: 143px;
	height: auto;
	display: block;
	margin: 0; padding: 10px 0;
	margin-left: -1px;
	background: #cdebf5;
	border-top: 1px solid #fff;
}

#navigation li ul li {
	width: 143px;
	display: block;
	border: none;
}

#navigation li ul li a {
	width: 123px; /* 152 - 10 - 10 */
	padding: 3px 10px;
	float: none;
	display: block;
	text-align: left;
	text-transform: capitalize;
	color: #0098ce;
}

#navigation li ul li a:hover {
	text-decoration: none;
	color: #0098ce;
	background: #e6f5fa;
}

/*** Level 3 ***/
#navigation li ul li ul {
	margin: -16px 0 0 145px;
	padding: 0;
	border: none;
}

/*** Footer Navigation ***/
.footlnk { float: right; }
.footnote ul { margin: 0; padding: 0; }
.footnote li {
	float: left;
	list-style: none;
}
.footnote li.pipe { padding: 0 6px; top: 0; }
.footnote li a {
	display: block;
	color: #0099cb;
	text-decoration: none;
	text-transform: capitalize;
}
.footnote li a:hover, .footnote li a.active { color: #fc0; text-decoration: underline; }