/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                 GLOBAL NAV 
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* ----| Horizontal Menu  |--------------------------- */
.color_change1 { background: #006633 ; padding-bottom: -5px; border-right: 1px solid #333; }

#menu { clear: both; z-index: 99; margin: -2px -1px -1px; border-width: 0; }

#menu ul {
	border: 0;
	margin: 1px 0 -1px; padding: 0;
	list-style-type: none;
}

#menu ul li {
	display: block;
	float: left;
	margin: 0; padding: 0;
}

#menu ul li a { height: 2em;
	/*border-top: 1px solid #CCC6AC;
	border-bottom: 1px solid #CCC6AC;
	border-left: 1px solid #CCC6AC;*/
	text-decoration: none; display: block; font: bold 11px/18px Clarendon, georgia; color: #ffffff; text-align:center; padding-top: 2px; padding-right: 0; padding-left: 0; }
#menu ul li a {
	width: 125px;
	color: #ffffff;
}
#menu ul li a:hover { background-color: #693; }
#menu ul li.over {
	background-color: #669933;
}
#menu ul li.on	a {
	color: #000;
}

/* ----| Sub Menu  |--------------------------- */

ul ul { background-color: #cccccc !important; background-image: none !important; background-repeat: repeat !important; background-attachment: scroll !important; background-position: 0 0; width:1px; list-style: none !important; text-align:center !important; }

ul ul li { position:relative; top: 1px; }


#menu ul li ul li a { height: 19px !important; display: block; font: bold 11px/18px arial, verdana !important; text-decoration: none; color: #454561 !important; background-color: #cccccc !important; background-image: url(http://ourcolorado.wsm.ga6.org/assets/banner-items/dot-blue.gif) !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center bottom; text-align:center !important; width: 125px !important; margin-top: -2px; padding-bottom: 4px; border-top-style: none; border-right-style: none; border-bottom-style: none !important; border-left-style: none !important; }

#menu ul li ul li.border1 { width:125px; background-color: #cccccc; height: 2px; margin-top: -3px; border-bottom: 1px solid #333; border-right-color: #333 !important; border-right-style: solid; border-right-width: 1px; border-left-color: #333 !important; border-left-style: solid; border-left-width: 1px; bborder-bottom-color: #333 !important; oborder-left-color: #333 !important; rder-right-style: solid !important; borborder-bottom-width: 1px !important; der-bottom-style: solid !important; }
#menu ul li ul li a { border-left: 1px solid #333 !important; border-right: 1px solid #333 !important; width:100px; margin-top: -1px; border-bottom: 1px solid #333; }
#menu ul li ul li a:hover { color: #889dae !important; background-color: transparent; text-decoration: none; background-image: none; border-bottom-color: transparent; }


/* Fix IE. Hide from IE Mac \*/
* html ul ul li { float: left; height: 1% !important; }
* html ul ul li a { height: -1% !important; }
/* End */


ul ul {
	position:absolute;
	display:none;
	margin: 0;	padding: 0;
	color: #000;
}

ul li:hover ul ul, ul li.over ul ul { display:none;}

ul li:hover ul, ul li li:hover ul, ul li.over ul, ul li li.over ul { display: block;} /* The magic */