/*
------------------------------------------------------
File: 'Designer: Pro' navbar.css Style Sheet
Created: 04 Aug, 2005
Last Modified: 04 Aug, 2005
Author: Joern Luetgen, JL JOERN LUETGEN communication
www.joernluetgen.com
Email: joern@joernluetgen.com
�2005 Joern Luetgen / JL JOERN LUETGEN communication
Germany All Rights Reserved
------------------------------------------------------
*/






/* MENU GENERAL CSS STYLES */

#nav{
	border-top: 2px solid #ffcc00;
	border-right: 1px #666633 solid;
	border-bottom: 1px #999 solid;
	background: #ccc;
	height: 20px;
	margin: 0px 10px 0px 10px;
	display: none;
}

html>body #nav{
	height: auto;
}

/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */
.clearfix:after{
content: ".";
display: none;
height: 0px;
clear: both;
visibility: hidden;
	color: #ffffff;
}

#nav ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index: 50;
	color: white;
}

#nav li{
  float: left;
  position: relative;
	color: white;
}

#nav a{
  display: block;
  width: 121px; /* THIS WIDTH = TOTAL WIDTH - LEFT/RIGHT PADDING */
  padding: 4px 12px 5px 5px; /* MENU ITEM HEIGHT = PADDING-TOP + PADDING-BOTTOM + FONT-SIZE(in Px) BELOW */
  border-left: solid 1px #999;
  border-top: solid 1px #999;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
	color: #333300;
}

#nav li:hover a, #nav li.sfhover a{
  text-align: left;
  background: #a4da3a;
	color: #000000;
}

#nav li:hover ul a, #nav li.sfhover ul a{
  background: none;
	color: #333;
}






/* MENUS LEVEL 2 CSS STYLES */






#nav ul ul{
  position: absolute;
  top: 100%;
  left: 0px; /* SET TO TOTAL LINK THIS IS TO BREAK <li> FLOATS INTO ONE COLUMN */
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: none;
	background: #ddd;
	width: 145px;
}

#nav ul ul li{
  border-top: 1px solid #eee;
	width: 200px;
	position: relative;
	background: #ddd;
}

#nav li:hover ul, #nav li.sfhover ul{
  display: block;
	width: 200px;
	background: #a4da3a;
}

#nav li:hover ul ul, #nav li.sfhover ul ul{
  display: none;
	width: 200px;
	background: #a4da3a;
}

#nav ul ul li:hover, #nav ul ul li.sfhover{
	width: 200px;
	background: #a4da3a;
}

#nav ul ul a{
  border: none; /* REMOVE BORDERS SET ABOVE */
  border: none;
	width: 200px;
	background: #ddd;
}







/* MENUS LEVEL 3 CSS STYLES */






#nav ul ul ul{
  display: none;
  border-left: 1px solid #727272;
	width: 200px;
	position: absolute;
	background: #ddd;
}

#nav ul ul li:hover ul, #nav ul ul li.sfhover ul{
  display: block;
  top: -1px;
  left: 200px; /* SET HORIZ OFFSET */
	width: 1px;
	width: 145px;
	background: #ddd;
}

#nav ul ul li:hover ul ul, #nav ul ul li.sfhover ul ul{
  display: none;
	width: 200px;
	background: #ddd;
}






/* MENUS LEVEL 4 CSS STYLES */






#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul{
  display: block;
	width: 200px;
	background: #a4da3a;
}

#nav ul ul ul li:hover ul ul, #nav ul ul ul li.sfhover ul ul{
  display: none;
	width: 200px;
	background: #ddd;
}