/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav { position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html #nav {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
#nav ul {list-style-type:none;

  margin: 0;
	padding: 0;
	margin-left: -1px;
	margin-top: -5px;}
#nav ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
  position: relative;}
/* style the links for the top level */
#nav a, #nav a:visited {

	padding: 0px 15px;
	font-size: 16px;
	color: #707070;
	text-decoration: none;  
  display: block; 
  line-height: 58px;
  height: 56px;
  }


/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {visibility:hidden;position:absolute;height:0;top:61px;left:1px; width:160px; border-top: 1px solid #cecece;}
/* another hack for IE5.5 */
* html #nav ul ul {top:60px;t\op:60px;}

/* position the third level flyout menu */
#nav ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {background:#efefef; height:auto; line-height:1em; padding:5px 10px; width:128px;  border: 1px solid #cecece; border-top: 0;} 
/* yet another hack for IE5.5 */
* html #nav ul ul a, * html #nav ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#nav ul a:hover, #nav ul li.current_page a{
	border: 1px solid #cecece;
	border-bottom: 0px;
	background: #f8f8f8;
	padding: 0px 14px;
  line-height: 57px;
	color: #94bc4b;
	-moz-border-radius-topleft: 1em;
	-webkit-border-top-left-radius:1em;
	-moz-border-radius-topright:1em;
	-webkit-border-top-right-radius:1em;

}

#nav ul li.current_page ul a, #nav ul ul li.current_page a {
  line-height:1em;
  padding:5px 10px;
	color: #707070;
  border: 1px solid #cecece; border-top: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#nav ul ul a:hover, #nav ul ul :hover > a, #nav ul li.current_page ul a:hover{
  line-height:1em;
  padding:5px 10px;
	color: #94bc4b;
  border: 1px solid #cecece; border-top: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#nav ul :hover > a {
	border: 1px solid #cecece;
	border-bottom: 0px;
	background: #f8f8f8;
	padding: 0px 14px;
  line-height: 57px;
	color: #94bc4b;
	-moz-border-radius-topleft: 1em;
	-webkit-border-top-left-radius:1em;
	-moz-border-radius-topright:1em;
	-webkit-border-top-right-radius:1em;
}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul{ visibility:visible;}


#footer .menu ul, .left .menu ul {
  margin: 0;
  padding: 0;
  display: inline;
}

#footer .menu li, .left .menu li {
  display: inline;
  list-style: none;
}

#footer .menu, .left .menu {
}


#footer .menu a, .left .menu a {
  padding: 0 10px;
}