/* All <ul> tags in the menu including the first level */
:focus  { outline: thick none black }


#mainnav ul.navbar{
	margin: 0;
	padding: 0;
	height: 26px;
	width: 950px;
	position: absolute;
	top:0px;
	left: 10px;
	z-index: 10;
}
#mainnav ul{
	padding: 0;
	margin: 0px;	
	list-style: none;
	line-height: normal;
}
#mainnav ul li {
	float: left;
	display: block;
	position: relative;
	margin: 0 5px;
}
#mainnav ul li.first{
	
}
#mainnav ul li a {
	font: bold normal 16px/26px Georgia, "Times New Roman", Times, serif;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: left;
	float: left;
	padding: 0px 22px 0;
	margin: 0px;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
		border-radius: 5px;
		
	text-shadow: black 1px 1px 3px;
	-moz-text-shadow: black 1px 1px 3px;
	-webkit-text-shadow: black 1px 1px 3px;
}
#mainnav ul li a:hover{
	background-color: rgba(255, 255, 255, .2);
	background-color: #fbf2c8;
	color: #000;	

	text-shadow: black 0px 0px 0px;
		-moz-text-shadow: black 0px 0px 0px;
		-webkit-text-shadow: black 0px 0px 0px;
	/*	box-shadow:inset 0px 0px 5px rgba(0, 0, 0, .6);
		-moz-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, .6);
		-webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, .6);
*/
}



#mainnav ul li.current a, #mainnav ul li.current a:hover, #mainnav ul li.sfHover > a, #mainnav ul li.sfHover > a:hover{
	color: #000;
/*
	text-shadow: black 0px 0px 3px;
		-moz-text-shadow: black 0px 0px 3px;
		-webkit-text-shadow: black 0px 0px 3px;
		
*/
	background:url(https://onressystems.com/vendors/cowlitzriver/pageBG.png) 0 0 repeat;

		
	padding: 4px 22px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	z-index: -2;

}
#mainnav ul li.sfHover > a, #mainnav ul li.sfHover > a:hover{
	z-index: 1;

}

/*
#mainnav ul li.sfHover > a, #mainnav ul li.sfHover > a:hover{
	box-shadow: none;
	text-shadow: black 0px 0px 3px;
		-moz-text-shadow: black 0px 0px 3px;
		-webkit-text-shadow: black 0px 0px 3px;

	color: #fff;
	background:url(https://onressystems.com/vendors/cowlitzriver/pageBG.png) 0 0 repeat;
	
}
*/











/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
#mainnav ul ul {
	z-index: -1;
	display: none;
	list-style: none;
	position: absolute;
	top: 30px;
	margin: 0px;
	left: 0px;
	width: 100%;

	
	background:url(https://onressystems.com/vendors/cowlitzriver/pageBG.png) 0 0 repeat;

/* 	background: url(https://onressystems.com/vendors/cowlitzriver/MainNavBG.png); */
	padding: 5px 0px 5px;
    box-shadow: 			0px 0px 10px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: 	0px 0px 10px rgba(0, 0, 0, 0.9);
  		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
/*   	clip:rect(0px, 1000px, 1000px, -10px); /* Clip the top of the box-shadow off */ */
 	
 	border-top-left-radius:				0px;
	    -moz-border-radius-topleft: 	0px;
		-webkit-border-top-left-radius:	0px;
		
	border-top-right-radius:			0px;
		-moz-border-radius-topright:	0px;
		-webkit-border-top-right-radius:0px;
		
	border-bottom-left-radius:				10px;
		-moz-border-radius-bottomleft:		10px;
		-webkit-border-bottom-left-radius:	10px;

	border-bottom-right-radius:				10px;
		-moz-border-radius-bottomright:		10px;
		-webkit-border-bottom-right-radius:	10px;
		
	

}

#mainnav ul ul li {
	float: none;
	margin: 0 5px;
	padding: 0px;
}
#mainnav ul ul li.first{
	background-repeat: no-repeat;
	background-position: center top;
	border-style: none;
}
#mainnav ul ul li.first a{
	border-style: none;
	
}

#mainnav ul ul li a, #mainnav ul li.sfHover ul li a {
	display: block;
	text-decoration: none!important;
	color: #000!important;
	margin: 4px 0;
	background: none;
	text-transform: none;
	padding: 0px 15px;
	border-radius: 5px;
	font: normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#mainnav ul ul li a:hover , #mainnav ul li.sfHover ul li a:hover {
	text-decoration: none;
	color: #000;
	padding: 0px 15px;
	background-color: rgba(16, 86, 142, .2)!important;

}










/* third etc. level submenus */
#mainnav ul ul ul {
	top: 0px;
	margin-top: 0;
	margin-left: 180px;
	display: none!important;
}


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
/*
#mainnav ul ul>li:last-child {
	margin-bottom: 1px;
}
*/



#mainnav ul li a{
}


/* drop down Links inside the menu */

#mainnav ul li ul li{
}



#mainnav ul li ul li ul li{
	display: none!important;
}

/* List  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
#mainnav ul a:hover,  /*#mainnav ul a:focus*/ {
	color: #fff;

}
#mainnav ul li.current{

}


#mainnav ul li.current ul li.current a {
	color: #fff;
}

#mainnav ul li.current ul li.current {
	color: #FFF;
}

#mainnav ul li.current ul li a{
	color: #FFF;
}

#mainnav ul a.highlighted {
	color: #fff;
}

/* Lit  items: Second level 'hover' is mouseover, 'highlighted' are parent items to visible menus */


/*#mainnav ul li ul li a:active, {
	color: #fff!important;
	background-image:url(https://onressystems.com/vendors/cowlitzriver/navArrow.png);
	background-position: 17px 0px;
	background-repeat: no-repeat;
	height:28px;
	display: block;
}*/


/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    #mainnav ul a#xyz {
      background-image: url(out.gif);
    }
    #mainnav ul a#xyz:hover, #mainnav ul a.highlighted#xyz, #mainnav ul a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
#mainnav ul a .subind {
 display: none;
}
#mainnav ul ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#mainnav ul a {
 float: left;
}
#mainnav ul ul a {
 float: none;
}
/* \*/
#mainnav ul a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html #mainnav ul ul li {
 float: left;
 width: 100%;
}

* html #mainnav ul ul li {
 float: left;
 height: 1%;
}
* html #mainnav ul ul a {
 height: 1%;
}
/* End Hacks */