/* CSS Popout menum */

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




#menum  /* position, size, and font of  menu */	
	{
	z-index: 10;
	width: 165px; /* [1] width of menu item (i.e., box) */
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	font-weight: bold;
	text-indent: 15px;
	}

#menum a 
	{
	width: 100%;
	display:block;
	padding-top: 5px;	/* expands menu box vertically*/
	padding-bottom: 5px;
	white-space:nowrap;
	padding-left: 5px;
	}

#menum a, #menum a:visited	/* all menus at rest */
	{
	color: #1c8e49; /* green color */
	text-decoration:none;  /* removes underlines from links */
	}
	
#menum ul li ul li a:visited /* this is for visited flyouts second and third tier */
	{
	color: #1c8e49; /* white text color */
	text-decoration:none; /* removes underlines from links */
	}
	
#menum a.parent
	{
	color: #1c8e49; /* green text on secondary links */
	/*background-color: #ffffff; /* white background on secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.85;*/
	/*position:absolute;*/
	z-index:550;
	}
	
	
#menum a.parent:hover	/* attaches parent-arrow on all parents */
	{
	color: #0082c8; /*blue text on hover for secondary links */
	background-color: #ebf4fb; /* on hover color for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	}	

#menum a:hover /* all menus on mouse-over */
	{
	color: #0082c8; /* blue text on hover first level of links */
	background-color: #ebf4fb; /* light blue background on hover first level of links */
	text-decoration:none;
	/*filter:alpha(opacity=90);
	opacity:0.85;*/
	/*position:absolute;*/
	z-index:550;	
	}
	

	
#menum a.sub:hover 	/* attaches parent-arrow on all children */
	{
	color: #0082c8; /*blue text on hover for secondary links */
	background-color: #ebf4fb; /* on hover color for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	border: 1px solid #CCC;
	}	
	
#menum a.subarrowparent /* attaches parent-arrow on all children */
	{
	color: #1c8e49; /* green text on secondary links */
	background-color: #ffffff; /* white background on secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.85;*/
	/*position:absolute;*/
	z-index:550;
	background-image: url(../images/bluearrow.gif);
	background-repeat: no-repeat;
	background-position: 160px 10px;	
	}
	
#menum a.subarrowparent:hover 	/* attaches parent-arrow on all children */
	{
	color: #0082c8; /*blue text on hover for secondary links */
	background-color: #ebf4fb; /* on hover color for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	background-image: url(../images/bluearrow.gif);
	background-repeat: no-repeat;
	background-position: 160px 10px;	
	}	

#menum a.subarrow /* attaches parent-arrow on all children */
	{
	color: #1c8e49; /* green text on secondary links */
	background-color: #ffffff; /* white background on secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.85;*/
	/*position:absolute;*/
	z-index:550;
	background-image: url(../images/bluearrow.gif);
	background-repeat: no-repeat;
	background-position: 160px 10px;
	border: 1px solid #CCC;
	}
	
#menum a.subarrow:hover 	/* attaches parent-arrow on all children */
	{
	color: #0082c8; /*blue text on hover for secondary links */
	background-color: #ebf4fb; /* on hover color for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	background-image: url(../images/bluearrow.gif);
	background-repeat: no-repeat;
	background-position: 160px 10px;
	border: 1px solid #CCC;
	}		
	
#menum li
	{
	list-style-type:none; /* removes bullets */
	}

#menum ul li
	{
	position:relative;
	}

#menum li ul
	{
	position: absolute;
	top: 0;
	left: 178px;	 /* distance from  left menu (this should be the same as width value in #menum [1]) above */
	display: none;
	}

div#menum ul, #menum ul ul, div#menum ul ul ul
	{
	margin: 0px; /* keeps the menu parts together */
	padding: 0px;
	width: 173px;
	line-height: 16px;
	/* width of sub menus  (this should be the same as width value in #menum [1]) above */
	}

div#menum ul ul, div#menum ul ul ul, div#menum ul li:hover ul ul, div#menum ul li:hover ul ul ul
	{
	display: none;	
	}

div#menum ul li:hover ul, div#menum ul ul li:hover ul, div#menum ul ul ul li:hover ul
	{
	display: block;	
	}
	
#flyout
	{
	color: #000000;	
	}


/*MENU STYLES FOR RESPONSIVE GRID*/
@media (min-width: 100px) and (max-width: 767px) {
	
	
#submenu {
	float:left;
	height: auto;
	display:block;
	width: 230px!important;
	margin-top: 85px;
	margin-right: 0px;
	margin-left: -15px;
	padding-left: 0px!important;
	font-weight: bold;	
	
}

#menumobile {
	float:left;
	height: auto;
	display:block;
	width: 230px!important;
	margin-top: 85px;
	margin-right: 0px;
	margin-left: -15px;
	padding-left: 0px!important;
	font-weight: bold;	
	
}

#submenusubpage {
	float:left;
	height: auto;
	display:block;
	width: 230px!important;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 0px!important;
	font-weight: bold;	
	
}
	
#menum  /* position, size, and font of  menu */
	{
	width: 230px !important; /* [1] width of menu item (i.e., box) */	
	}
	
#menum a
	{	
	padding-left: 0px !important;
	border: 1px solid #CCC; /* puts a border color around the top level menu*/	
	}
	
#menum a, #menum a:visited	/* all menus at rest */
	{
	color: #1c8e49; /* green color */
	text-decoration:none;  /* removes underlines from links */
	}
	
#menum ul li ul li a:visited /* this is for visited flyouts second and third tier */
	{
	color: #1c8e49; /* white text color */
	text-decoration:none; /* removes underlines from links */
	}
	
#menum a.parent
	{
	color: #fff !important; /* white text on secondary links */
	background-color: #00af3f; /* medium green background on secondary links */	
	}
	
	
#menum a.parent:hover	/* attaches parent-arrow on all parents */
	{
	color: #fff !important; /*blue text on hover for secondary links */
	background-color: #007c2d !important; /* dark green on hover color for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	}	
	
#menum a:hover /* all menus on mouse-over */
	{
	color: #fff !important; /* white text on hover first level of links */
	background-color: #007c2d !important; /* dark green background on secondary links */
	}
	
#menum a.sub:hover 	/* attaches parent-arrow on all children */
	{
	color: #0082c8; /*blue text on hover for secondary links */
	background-color: #ebf4fb; /* on hover color for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	border: 1px solid #CCC;
	}
	
	
#menum a.subarrowparent /* attaches parent-arrow on all children */
	{
	color: #fff !important; /* white text on secondary links */
	/*background-color: #ffffff; /* white background on secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.85;*/
	/*position:absolute;*/
	z-index:550;
	background-image: url(../images/whitenavarrow.gif);
	background-repeat: no-repeat;
	background-position: 210px 5px !important;
	background-color:#00af3f; /* medium green background on main top level links */	
	}
	
#menum a.subarrowparent:hover 	/* attaches parent-arrow on all children */
	{
	color: #fff !important; /*white text on hover for secondary links */
	background-color: #007c2d !important; /* on hover color (dark green) for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	background-image: url(../images/whitenavarrow.gif);
	background-repeat: no-repeat;
	background-position: 210px 5px;	
	}	
	
#menum a.subarrow /* attaches parent-arrow on all children */
	{
	color: #fff !important; /* white text on secondary links */
	background-color: #00af3f !important; /* medium green background on secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.85;*/
	/*position:absolute;*/
	z-index:550;
	background-image: url(../images/whitenavarrow.gif);
	background-repeat: no-repeat;
	background-position: 210px 5px !important;
	border: 1px solid #CCC;
	}
	
#menum a.subarrow:hover 	/* attaches parent-arrow on all children */
	{
	color: #fff !important; /*white text on hover for secondary links */
	background-color: #ebf4fb; /* on hover color for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	background-image: url(../images/whitenavarrow.gif);
	background-repeat: no-repeat;
	background-position: 210px 5px!important;
	border: 1px solid #CCC;
	}		
	
#menum a.subindent /* attaches parent-arrow on all children */
	{
	color: #1c8e49 !important; /* white text on secondary links */
	background-color: #fff !important; /* medium green background on secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.85;*/
	/*position:absolute;*/
	z-index:550;
	xbackground-image: url(../images/whitenavarrow.gif);
	xbackground-repeat: no-repeat;
	xbackground-position: 190px 5px !important;
	border: 1px solid #CCC;	
	text-indent: 30px;	
	text-wrap: normal;	
	}
	
#menum a.subindent:hover 	/* attaches parent-arrow on all children */
	{
	color: #fff !important; /*white text on hover for secondary links */
	background-color: #1c8e49 !important; /* on hover color for secondary links */
	/*filter:alpha(opacity=90);
	opacity:0.90;*/
	text-decoration: none;
	/*position:absolute;*/
	z-index:550;
	xbackground-image: url(../images/whitenavarrow.gif);
	xbackground-repeat: no-repeat;
	xbackground-position: 190px 5px!important;
	border: 1px solid #CCC;
	text-indent: 30px;	
	text-wrap: normal;
	}		
	
#menum li
	{
	list-style-type:none; /* removes bullets */
	}

#menum ul li
	{
	position:relative;
	}

#menum li ul
	{
	left:0!important;	
	}

div#menum ul, #menum ul ul, div#menum ul ul ul
	{
	width: 230px!important;
	/* width of sub menus  (this should be the same as width value in #menum [1]) above */
	}

div#menum ul ul, div#menum ul ul ul, div#menum ul li:hover ul ul, div#menum ul li:hover ul ul ul
	{
	position:relative;
	}

div#menum ul li:hover ul, div#menum ul ul li:hover ul, div#menum ul ul ul li:hover ul
	{
	position:relative;	
	}
	
#flyout
	{
	color: #000000;	
	}	
		
	
}
/*END MENU STYLES FOR RESPONSIVE GRID*/