<!--/*--><![CDATA[/*><!--*/

/**  Menu  **/
div#menu {
	background-image: url(../images/menu/menu_bg.jpg);
	text-align: left;
	border: 1px solid #bfccdf;
	font-family: arial, helvetica, san serif;
	font-size: 9pt;
}

div#menu_title {
	background-image: url(../images/menu/menu_title_bg.jpg);
	height:15px;	
	color: #FFFFFF;
	padding:3px 4px;
	font-weight:bold;
}

#menu div.top_level { 
	border-bottom: 1px solid #bfccdf;
	border-bottom: 1px solid #c2cddf;
	vertical-align: center;
	display: block;
}

#menu div.top_level.on { 
	background-image: url(../images/menu/menu_hover_trans.png);
	background-repeat: repeat-x;
}

span.top {
	background-image: url(../images/menu/menu_off_bg.png);
	background-position: 33px 0;
	background-repeat:no-repeat;
}
#menu div.top_level.on span.top {
	background-image:none;
}
#menu div.top_level.on span.top a {
	color: #015696;
}

#menu div.top_level a {
	color: #565656;
}

a.expand {
	padding: 0 20px 0 12px;	
}

#menu div.top_level span {
	color: #565656;
	display:block;
	height: 18px;
	padding-top:3px;
}

#menu div.top_level span:hover a {
	color: #015696;
	background-image: none;
}

/** menu sub1 **/
#menu div.sub1 {
	padding-left:25px;
}

#menu div.sub1 span  {
	display: block;
	padding-left:15px;
}

#menu div.sub1 a.expand {
	padding: 0 10px 0px 3px;	
}

#menu div.sub1 a.expand img {
	margin-bottom:2px;	
}

#menu div.sub1 span.on a, #menu div.sub1 span.on:hover a {
	color: #015696;
	background-image:none;
}


#menu div.sub1 a:hover,#menu div.sub1 span:hover  {
	background-image:none;
	color: #015696;
}

/** menu sub2 **/
#menu div.sub2 {
	padding-left: 45px;
}

#menu div.sub2 a, #menu div.sub2 a:hover {
	background-image: none;
	display: block;
	padding: 2px 0 2px 0;
}

span.sub2_span .on {
	color: #015696;
}

/** need to keep this class separate for Prototype hack **/
.hidehack {
	display:none;	
}

/**  /menu  **/


/*]]>*/-->