/* CSS Document */

body {
behavior: url(http://www.cvoeo.org/common/csshover.htc);

 }

/* the horizontal menu starts here */
div#listmenu {
	width:100%;	 /* draws line on bottom edge of div */
	font-size:.8em; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	clear: left;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	}
div#listmenu ul {
	margin:0 0 0 0px;
	padding-top: 10px;
	}
div#listmenu li {
	float:left; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;
	margin-bottom: 0px;
	}

div#listmenu li:hover {
	background-color: #FFF0CC;
	}
div#listmenu a {
display:block;
	padding:1px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#000000;	/* sets the type color */
	}
div#listmenu a:hover {
	}
/* the menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0;
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px;
	padding: 0;
	}
div#listmenu ul li ul li {
	padding:0;
	width:100%;
	background-color: #79984A;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCFF99;
	border-right-style: none;
	color: #FFFFFF;
}
div#listmenu li ul li:hover {
	color: #000000;
}
div#listmenu ul li ul li a {
	padding:1px .5em;
	color: white;
}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {
	display:block;
} /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */

/** html div#listmenu ul{
	position:relative;
	top:10px;
	}
*/
* html div#listmenu ul {
	width: 100%;
	}

/* hide from ie */

body>div {

}




/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 


.home {
	width: 179px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	background-color: #CCFF99;
	padding-right: 0px;
	padding-left: 24px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	background-image: url(../images/gr_yw_gn_bul.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */
.clearme {
	font-size: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
div#listmenu li ul li:hover a {
	background-color: #CCFF99;
	color: #000000;
}
.drops {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
#content .nav_list li {
	list-style-type: none;
}
#content .nav_list {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}