/* ----- TARE SIDE NAVIGATION MENU ----- 

dark blue: #002F86
medium blue: #255aad
light blue: #e0ebf6	

*/
#mainnav {
	margin: 0 0 3px;
	padding: 0;
}
#mainnav ul {
	margin: 3px 0 3px;
	padding: 0;
}
#mainnav li {
	margin: 0 0 3px;
	padding: 0;
	list-style:none;
}

/* --- top level links --- */
#mainnav a {
	display: block;
	color: #F7F7F7;
	font-weight:bold;
	background-color: #002F86;
	padding: 4px 2px 4px 4px;
	text-decoration: none;
	width: 157px;
	text-transform: uppercase;
	border: 1px solid #e0ebf6;
	line-height: 1.3;
}
/* --- top level hover style --- */
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
	display: block;
	padding: 4px 2px 4px 4px;
	color: #002F86;
	background-color: #e0ebf6;
	text-decoration: none;
	width: 157px;
	border: 1px solid #002F86;
}

/* I think this is an old style no longer used...*/
#mainnav a.highlight {
	color: #BD1C40;
	background-color: #FFDCB9;
	border: 1px solid #EE3E41;
}
#mainnav a:hover.highlight, #mainnav a:active.highlight, #mainnav a:focus.highlight {
	color: #BD1C40;
	background-color: #F7F7F7;
	border: 1px solid #BD1C40;
}

/* --- second level links --- */
#mainnav ul li a {
	display: block;
	padding: 4px 2px 4px 4px;
	color: #002F86;
	background-color: #e0ebf6;
	text-decoration: none;
	text-transform: none;
	font-variant:normal;
	font-weight:normal;
	vertical-align:middle;
	width: 147px;
	border-left: 12px solid #002F86;
	border-top: none;
	border-right: none;
	border-bottom: none;
}
/* --- second level hover --- */
#mainnav ul li a:hover, #mainnav ul li a:active, #mainnav ul li a:focus {
	display: block;
	padding: 4px 2px 4px 4px;
	color: #002F86;
	background-color: #F7F7F7;
	text-decoration: none;
	width: 147px;
	border-left: 12px solid #002F86;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

/* --- third level links ---

Dark #002F86
Medium #255aad
light #e0ebf6	 */
#mainnav ul li ul li a {
	display: block;
	padding: 4px 2px 4px 4px;
	color: #002F86;
	background-color: #F7F7F7;
	text-decoration: none;
	font-variant: normal;
	font-weight: normal;
	width: 137px;
	border-left: 22px solid #002F86;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

/* --- third level hover --- */
#mainnav ul li ul li a:hover, #mainnav ul li ul li a:active, #mainnav ul li ul li a:focus {
 	display: block;
 	padding: 4px 2px 4px 4px;
 	color: #b2202b;
 	background-color: #feedef;
 	text-decoration:none;
 	width: 137px;
 	border-left: 22px solid #b2202b;
 	border-top: none;
 	border-right: none;
 	border-bottom: none;
}
#jsKeepOpen {
	display: block;
	padding: 4px 2px 4px 4px;
	color: #333333;
	background-color: #CCCCCC;
	text-decoration:none;
	width: 137px;
	border-left: 22px solid #333333;
	border-top: none;
	border-right: none;
	border-bottom: none;
}