﻿/* Begin CSS Drop Down Menu */

.menu-container	{	position:relative;	margin:0 auto;	width:748px;		z-index:100; 	}
.menu	{	width: 680px;	height: 22px;	text-transform:uppercase;	font-family:Verdana;	font-size:10px;	
	list-style:none;	margin:0 auto;	}
.menu a	{	text-align: left;	display:block;	border: 0px solid #555;	white-space:nowrap;	margin:0;	
	padding:0.5em 1.7em 0.7em 1.7em;	text-transform:uppercase;	font-family:Verdana;	font-size:11px;background-color:	#9ac102;	}
.menu a:link, .menu a:visited, .menu a:active	{	color: white;	display:block;		text-decoration:none;	
	padding-top:2px;background-color:	#9ac102;	}
.menu a:visited, .menu a:active, .menu ul li a:visited, .menu ul li a:active, .menu ul li ul li a:link
	{	color: white;text-decoration:none;padding-top:2px; } /* width:65px; */
.menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:active		
	{color: white;background-color:#9ac102;}
.menu a:hover{	color: white;	background-color:#9ac102;	text-decoration:none;	}
.menu ul li ul li a:hover 	{	color: white;	background-color:#afce38;	text-decoration:none;	}
.menu a.top_parent, .menu a.top_parent:hover	{	background-image: url(navdown_white.gif);	
	background-position: right center;	background-repeat: no-repeat;	}
.menu a.parent, .menu a.parent:hover	{	background-image: url(nav_white.gif);	background-position: right center;	
	background-repeat: no-repeat;	}
.menu ul	{	list-style:none;	margin:0;	padding:0;	float:left; 
	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}
.menu li	{	float:left;	position:relative;	min-height: 1px;	vertical-align: bottom;	text-align:left;	
	list-style:none;	}
.menu ul li ul li {	width:150px;	top:-9px;}  
.menu ul ul	{	position:absolute;	z-index:500;	top:auto;	display:none;	padding: 1em;	margin:-0.4em 0 0 -1em;	}
.menu ul ul ul	{	top:0;	left:100%;	}
div.menu li:hover	{	cursor:pointer;	z-index:100;	}
div.menu li:hover ul ul,div.menu li li:hover ul ul,div.menu li li li:hover ul ul,div.menu li li li li:hover ul ul
	{display:none;}
div.menu li:hover ul,div.menu li li:hover ul,div.menu li li li:hover ul,div.menu li li li li:hover ul{display:block;}
/* End CSS Drop Down Menu */
/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */

.menu ul ul .current_page_item a {  color: red;  background: white;  border-left: 1px solid black;}
.menu .current_page_item a {  color: red;  font-weight: bold;  background: white;}
.menu ul .current_page_item ul a {  color: white;  font-weight: normal;  background: black;}
.menu ul .current_page_item ul a:hover {  background: gray;}
.menu .current_page_item a:hover {  background: white;}
.menu_item_link_199 {	visibility:hidden; display:none}

