/* 
##################################################################################################

Style Sheet for menus at www.maricopahh.com

FileName:   menu.css
Author:	    Eric Falkner
Creator:    Based on menu tutorial from http://www.seoconsultants.com/css/menus/tutorial/
Pub Date:   9.14.07

##################################################################################################

CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */

* { 
	margin:0;
	padding:0;
	border:none; 
}

/* Begin CSS Popout Menu */

/**************** menu coding *****************/

#menu {
	background:transparent;
	float: left;
	position:absolute;
	width:750px;
	top:275px;
	left:50%;
	margin:0 0 0 -375px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:125px;
	float: left;
	z-index:880;
}

#menu a, #menu h2 {
	font-family:Verdana, Georgia, "Times New Roman", Times, serif;
	font-size; 10px;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #2f9195;
	font-weight:normal;
	margin: 0;
	height:14px;
	color:#EFEFEF;
	background-color:#2f9195;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	z-index:900;
}

#menu a:hover {
	color: #333333;
	font-weight:normal;
	z-index:900;
}

#menu ul li ul li a {
	color:#002d56;
	background: #EFEFEF;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	z-index:910;
}

#menu li { position: relative; }

#menu ul ul {
	position: absolute;
	z-index: 950;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	z-index:960;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul { 
	display: none; 
	font-weight:normal;
	z-index:970;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul { 
	display: block; 
	z-index:970;
}

/* Styling for Expand */

#menu a.x, #menu a.x:visited {
	color:#002d56;
	background:#EFEFEF url(images/expand_arrow.gif) no-repeat bottom right;
	z-index:900;
}

#menu a.x:hover {
	color:#002d56;
	background:#F7DD79 url(images/expand_arrow.gif) no-repeat bottom right;
	z-index:900;
}

#menu a.x:active {
	color:#F6DB66;
	background:#002d56 url(images/expand_arrow.gif) no-repeat bottom right;
	z-index:900;
}

#menu a.link_color1:hover {
	background-color:#A9BDB6;
}

#menu a.link_color2:hover {
	background-color:#5EC998;
}

#menu a.link_color3:hover {
	background-color:#FF7E43;
}

#menu a.link_color4:hover {
	background-color:#FBDE4A;
}

#menu a.link_color5:hover {
	background-color:#FC8DA9;
}

#menu a.link_color6:hover {
	background-color:#BB99DA;
}