/*------------------------------------------------------------------------
# Community Action Partnership - EXMENU CSS > March, 2008 (v1.0)
# ------------------------------------------------------------------------
# Copyright (C) 2007 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/



/* Exmenu Main Horizontal
--------------------------------------------------------- */
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
.menu-sfHM { }
ul.mainlevel-sfHM { background-color: #fff !important;}

/*---------------------------------------------------------------------
	COLORS
-------------------------------------------------------------------------*/

/*	MAIN LEVEL
-------------------------------------------------------------------------*/

/* Main Level Off */
ul li .mainlevel-sfHM, 
ul li .mainlevel-sfHM:link, 
ul li .mainlevel-sfHM:visited {	
	color: #fff; 
	background-color: #24325e; 
}

/* Main Level Off:Hover */
ul li .mainlevel-sfHM:hover { 
	color: #fff !important; 
	background-color: #e9be7e !important; 
}

/* Main Level Current & Active Section */
ul li .mainlevel_current-sfHM, 
ul li .mainlevel_current-sfHM:link, 
ul li .mainlevel_current-sfHM:visited,
ul li .mainlevel_active-sfHM, 
ul li .mainlevel_active-sfHM:link, 
ul li .mainlevel_active-sfHM:visited { 
	color: #fff; 
	background-color: #24325e; 
	background: url(../images/mn-arrow.gif) no-repeat center bottom;
}

/* Main Level Current & Active Section:Hover */
ul li .mainlevel_current-sfHM:hover, 
ul li .mainlevel_active-sfHM:hover {	
	color: #fff !important; 
	background-color: #e9be7e !important; 
}

#menulink_1-sfHM,
#menulink_1-sfHM:link,
#menulink_1-sfHM:visited,
#menulink_4-sfHM,
#menulink_4-sfHM:link,
#menulink_4-sfHM:visited,
#menulink_7-sfHM,
#menulink_7-sfHM:link,
#menulink_7-sfHM:visited	{ 
	background-color: #871e2e; 
}

#menulink_2-sfHM,
#menulink_2-sfHM:link,
#menulink_2-sfHM:visited,
#menulink_5-sfHM,
#menulink_5-sfHM:link,
#menulink_5-sfHM:visited {
	background-color: #1f472f;
}

#menulink_3-sfHM,
#menulink_3-sfHM.mainlevel_current-sfHM,
#menulink_3-sfHM {
	font-size: 11px !important;
	line-height: 11px !important;
	padding-top: 5px;
	height: 30px;
	font-weight: normal !important;
	color: #fff; 
	background-color: #24325e; 
}


#menulink_6-sfHM,
#menulink_6-sfHM.mainlevel_current-sfHM,
#menulink_6-sfHM {
	background-color: #24325e; 
}

#menulink_7-sfHM,
#menulink_7-sfHM.mainlevel_current-sfHM,
#menulink_7-sfHM {
	font-size: 11px !important;
	line-height: 11px !important;
	padding-top: 10px;
	height: 25px;
	font-weight: normal !important;
	color: #fff; 
	background-color: #871e2e;
}

#menuitem_8-sfHM	{ margin: 0px; padding: 0px; }
#menulink_8-sfHM,
#menulink_8-sfHM.mainlevel_current-sfHM,
#menulink_8-sfHM {
	font-size: 11px !important;
	line-height: 11px !important;
	padding-top: 5px;
	height: 30px;
	font-weight: normal !important;
	color: #fff; 
	background-color: #1f472f; 
}









/*	SUB LEVEL 1
-------------------------------------------------------------------------*/

/* Sub Level 1 Off */
a.sublevel-sfHM, a.sublevel-sfHM:link, a.sublevel-sfHM:visited { background-color: #e9be7e; color: #24325e; }

/* Sub Level 1 Off:Hover */
a.sublevel-sfHM:hover {	background-color: #f4dfbf; color: #24325e; }

/* Sub Level 1 Current & Active Section */
a.sublevel_current-sfHM, a.sublevel_current-sfHM:link, a.sublevel_current-sfHM:visited,
a.sublevel_active-sfHM, a.sublevel_active-sfHM:link, a.sublevel_active-sfHM:visited { background-color: #f4dfbf; color: #24325e; }

/* Sub Level 1 Current & Active Section:Hover */
a.sublevel_current-sfHM:hover, a.sublevel_active-sfHM:hover { background-color: #f4dfbf; color: #24325e; }

/*	SUB LEVEL 2
-------------------------------------------------------------------------*/

/* Sub Level 2 */
/*
ul.mainlevel-sfHM ul ul a.sublevel-sfHM, ul.mainlevel-sfHM ul ul a.sublevel_active-sfHM, ul.mainlevel-sfHM ul ul a.sublevel_current-sfHM,
ul.mainlevel-sfHM ul ul a.sublevel-sfHM:link, ul.mainlevel-sfHM ul ul a.sublevel_active-sfHM:link, ul.mainlevel-sfHM ul ul a.sublevel_current-sfHM:link,
ul.mainlevel-sfHM ul ul a.sublevel-sfHM:visited, ul.mainlevel-sfHM ul ul a.sublevel_active-sfHM:visited, ul.mainlevel-sfHM ul ul a.sublevel_current-sfHM:visited {
	background-color: blue;
	color: white;
}

ul.mainlevel-sfHM ul ul a.sublevel-sfHM:hover, ul.mainlevel-sfHM ul ul a.sublevel_active-sfHM:hover, ul.mainlevel-sfHM ul ul a.sublevel_current-sfHM:hover {
	background-color: #E0E0E0;
	color: blue;
}

ul.mainlevel-sfHM ul .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}
*/



/*---------------------------------------------------------------------
	STYLE AND LAYOUT
-------------------------------------------------------------------------*/

/* Main Level Links */
ul li .mainlevel-sfHM, 
ul li .mainlevel_active-sfHM, 
ul li .mainlevel_current-sfHM,
ul li .mainlevel-sfHM:link, 
ul li .mainlevel_active-sfHM:link, 
ul li .mainlevel_current-sfHM:link,
ul li .mainlevel-sfHM:visited, 
ul li .mainlevel_active-sfHM:visited, 
ul li .mainlevel_current-sfHM:visited,
ul li .mainlevel-sfHM:hover, 
ul li .mainlevel_active-sfHM:hover, 
ul li .mainlevel_current-sfHM:hover {
	font-size: 1.6em;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 0px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	width: 115px;
	text-align: center;
	text-transform: uppercase;
}
ul li .mainlevel-sfHM, 
ul li .mainlevel_active-sfHM, 
ul li .mainlevel_current-sfHM {
	/*float: left;
	width: auto;*/
}

/* Sub Level Links */
a.sublevel-sfHM, a.sublevel_active-sfHM, a.sublevel_current-sfHM, span.sublevel-sfHM,
a.sublevel-sfHM:link, a.sublevel_active-sfHM:link, a.sublevel_current-sfHM:link,
a.sublevel-sfHM:visited, a.sublevel_active-sfHM:visited, a.sublevel_current-sfHM:visited,
a.sublevel-sfHM:hover, a.sublevel_active-sfHM:hover, a.sublevel_current-sfHM:hover {
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 7px 10px 5px 10px;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 301;
}

a.sublevel-sfHM, a.sublevel_active-sfHM, a.sublevel_current-sfHM, span.sublevel-sfHM {
	/*font-size: 90%;
	border-top: 0px solid silver;*/
}

#active_menu-sfHM,
a.mainlevel_active-sfHM, a.mainlevel_current-sfHM,
a.mainlevel_active-sfHM:link, a.mainlevel_current-sfHM:link,
a.mainlevel_active-sfHM:visited, a.mainlevel_current-sfHM:visited,
a.mainlevel_active-sfHM:hover, a.mainlevel_current-sfHM:hover,
a.sublevel_active-sfHM, a.sublevel_current-sfHM,
a.sublevel_active-sfHM:link, a.sublevel_current-sfHM:link,
a.sublevel_active-sfHM:visited, a.sublevel_current-sfHM:visited,
a.sublevel_active-sfHM:hover, a.sublevel_current-sfHM:hover {
	/*font-weight: bold;*/
}
ul.mainlevel-sfHM, .mainlevel-sfHM ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background-image: none;
}

ul.mainlevel-sfHM {
	width: auto;
	z-index: 301;
}

ul.mainlevel-sfHM ul {
	z-index: 302;
}

ul.mainlevel-sfHM ul ul {
	z-index: 303;
}


ul.mainlevel-sfHM li { margin: 0; padding: 0; list-style: none; float: left; position: relative; z-index: 302; width: 115px; display: block; padding-right: 5px; }
ul.mainlevel-sfHM li.active_menu-sfHM { margin: 0; padding: 0; list-style: none; float: left; position: relative; z-index: 302; width: 115px; display: block; padding-right: 5px; }

ul.mainlevel-sfHM li li { position: relative; width: 180px; margin: 0; z-index: 302; padding-right: 0px; }
ul.mainlevel-sfHM li li.active_menu-sfHM { position: relative; width: 180px; margin: 0; z-index: 302; padding-right: 0px; }



ul.mainlevel-sfHM li li ul {
	left: 180px;
	top: 0px;
	z-index: 302;
}

ul.mainlevel-sfHM ul { display: none; position: absolute; top: 35px; left: -32px; z-index: 302; background: #fff; }
ul.mainlevel-sfHM li > ul {
	top: 35px;
	left: -32px;
	z-index: 302;
}


ul.mainlevel-sfHM li:hover ul, ul.mainlevel-sfHM li.hover ul {
	display: block;
}
ul.mainlevel-sfHM li:hover ul ul, ul.mainlevel-sfHM li.hover ul ul {
	display: none;
}
ul.mainlevel-sfHM li:hover ul li:hover ul, ul.mainlevel-sfHM li.hover ul li.hover ul {
	display: block;
	z-index: 302;
}
ul.mainlevel-sfHM, ul.mainlevel-sfHM li li {
	clear: left;
}


/* separator */
span.mainlevel-sfHM, span.sublevel-sfHM {
	border-width: 0px;
	padding: 0px;
}