/*dropdown nav*/

#nav {
clear:both;
position:relative;
float:left;
width:140px;
min-height:500px;
z-index:99;
}	

#nav ul {
float: left;
list-style: none;
}

#nav ul li {
display:block;
background:none;
list-style:none;
position:relative;
margin:5px 0;
}

#nav ul li a {
outline:none;
font-weight:bold;
display:block;
height:auto;/*this is for IE6*/
display:block;
background:#3a4036;
text-decoration:none;
height:auto;/*this is for IE6*/
padding:7px 10px;
text-decoration:none;
color:#ffffff;
display:block;
text-transform:uppercase;
width:125px;
border:1px solid #eedebb;
}

/*
#nav ul li a span {
display:none;
}
*/

/*********************************/
/*       BEGIN POPOUT MENU
/*********************************/
	
#container #nav ul ul {/*must have parent DIV "container" in front. A MUST!!!*/
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 0px;
  height: 15px;
  left: 146px;
  clear:both;/*Do not remove. Will not display directly underneath in IE if removed!!!*/
}

#nav ul ul li {
background-image:none;
margin:0;
clear:both;
}

#nav ul ul li a  {
background:none;
text-decoration:none;
text-align:left;
float:left;
padding:0 0 0 5px;
border-right:none;
z-index:90;
color:#FFFFFF;
height:auto;
line-height:1.7em;

background:url(../images/dropdownBkgd.png);
width:150px;
}

#nav li li a:hover {
background:#000000;
color:#f0e4cc;

}

#container  #nav li:hover ul, #container  #nav li.over ul{ 
display: block; /*shows second level menu on hover*/
background-color:;
text-align:left;
}


/* Commented Backslash Hack- hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav > ul {
	top: auto;
	left: auto;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {
left: auto;
}

/*begin third tier*/
#container #nav ul ul ul {
  left: 155px;
}