/* remove the indents and bullets from the unordered list and define the width of our menu items. */
#sidebar ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	
}
/* we must set the position as relative, because we will need to position the sub-menus absolutely within them. */
#sidebar ul li {

	list-style:none;
	
 	padding: 0;
	margin: 0;
	border-left: 10px solid #002c74;
	background: url(../images/sidemenu-back.gif) bottom right no-repeat;
}

#sidebar ul li A  {
	display:inline-block;
	}
#sidebar ul li.r4r { border-left: 10px solid #e7b521; }
#sidebar ul li.r4r a:hover { background: #e7b521; border-color: #e7b521; }
#sidebar UL LI.r4r UL { background: #f8e9bc; }
#sidebar UL LI.r4r UL LI { border-bottom:1px solid #e1cc8f; border-top: 1px solid #fff7dd; } 

#sidebar ul li.apy { border-left: 10px solid #812449; }
#sidebar ul li.apy a:hover { background: #812449; border-color: #812449; }
#sidebar UL LI.apy UL { background: #d9bdc8; }
#sidebar UL LI.apy UL LI { border-bottom:1px solid #c2a4b0; border-top:1px solid #ecd2dc; }

#sidebar ul li.esdn { border-left: 10px solid #3f6d97; }
#sidebar ul li.esdn a:hover { background: #3f6d97; border-color: #3f6d97; }
#sidebar UL LI.esdn UL { background: #c5d3e0; }
#sidebar UL LI.esdn UL LI { border-top: 1px solid #d4e2ef; border-bottom:1px solid #a8bbcd; }

#sidebar ul li.cri { border-left: 10px solid #e96b10; }
#sidebar ul li.cri a:hover { background: #e96b10; border-color: #e96b10; }
#sidebar UL LI.cri UL { background: #f8d2b7; }
#sidebar UL LI.cri UL LI { border-top:1px solid #ffdfc8; border-bottom: 1px solid #e8b997; }

#sidebar ul li.lsp { border-left: 10px solid #3f305a; }
#sidebar ul li.lsp a:hover { background: #3f305a; border-color: #3f305a; }
#sidebar UL LI.lsp UL { background: #c5c0cd; }
#sidebar UL LI.lsp UL LI { border-top:1px solid #d8d1e2; border-bottom:1px solid #b3aac0; }

#sidebar ul li.seda { border-left: 10px solid #d21010; }
#sidebar ul li.seda a:hover { background: #d21010; border-color: #d21010; }
#sidebar UL LI.seda UL { background: #f1b7b7; }



/* We want each sub-menu to appear to the right of its parent menu item when that item is hovered over. */
#sidebar ul li ul {
	position: absolute;
	left: 210px; /* 1px less than the width of the menu items */
	top: 0px;
	display: none;
}

#sidebar ul ul li ul {
	position: absolute;
	left: 170px; /* 1px less than the width of the menu items */
	top: 0px;
	display: none;
}
	
/* links style. */
#sidebar ul li a {
	color: #363942;
 	display: block;
	margin: 0;
	padding: 15px 5px 15px 8px;
	border-bottom: 1px solid #a9a9a9;
	border-top: 1px solid white;
}

#sidebar ul li a:hover {
	background: #002c74;
	color: white;
	border-bottom: 1px solid #002c74;
	border-top: 1px solid #002c74;
}

/* Fix IE. Hide from IE Mac \*/
* html #sidebar ul li { float: left; height: 1%; }
* html #sidebar ul li a { height: 1%; }
/* End */
#sidebar ul li:hover, #sidebar ul li.over {
  position:relative;
}


/* make those sub-menus appear when we hover over the menu items. */
#sidebar ul li:hover ul, #sidebar ul li.over ul {
  display: block;
}

#sidebar UL LI:hover UL UL, #sidebar ul li.over ul ul {
	display: none;
}

#sidebar ul ul li:hover ul, #sidebar ul ul li.over ul {
  display: block;
}


#sidebar ul LI h2 {
 	font-size: 120%;
 	margin: 0;
	padding: 0;
 	font-weight:bold;
	line-height: 1.1em;
}

#sidebar UL UL UL LI {
 	font-size: 120%;
 	margin: 0;
	padding: 0;
 	font-weight:bold;
	line-height: 1.1em;
	font-style: italic;
 }
 
 
#sidebar UL LI H2 span.motto {
	font-size: 90%; 
	font-weight: normal;
	display: block;
	padding: 5px 0 0 0;
}

#sidebar ul li:hover ul, #sidebar ul li.over ul {
	display: block;
}

/* secondary title */
#sidebar ul li ul li h2 {
	font-size: 120%;
	margin: 0;
	font-weight: normal;
}

#sidebar UL LI UL LI UL LI H2 {
	font-size: 100%;
}

#sidebar UL LI UL {
	background: #b2bfd5;
}

#sidebar ul li ul li {
	background: none;
	border-left: none;
	width: 170px;
	font-weight: normal;
}
#sidebar ul li ul li a, #sidebar ul li ul li a:active {
	color: #363942;	
	border: none;
    padding:5px 5px 5px 8px;
}

#sidebar ul li ul li a:hover {
	border: none;
}