/*dropdown menu*/

#nav {
background:#2E3092;
width:770px;
height:30px;
position:relative;
left:0;
padding:0;
margin:0;
z-index:99;
border:1px solid #000000;
clear:both;
}	

#nav ul {
float: left;
list-style: none;
}

#nav ul li {
float: left;
display:block;
position:relative;/*this is mucho important*/
text-align:center;
background:none;
}

#nav ul li a {
outline:none;
font-weight:bold;
display:block;
height:auto;/*this is for IE6*/
border-right:1px solid #000000;
width:127px;
padding:0 0 1px 0;
height:30px;
}

.tour a {
background:url(../images/nav/tour.jpg) no-repeat;
}

.help a {
background:url(../images/nav/help.jpg) no-repeat;
}

.missoula a {
background:url(../images/nav/inmissoula.jpg) no-repeat;
}

.work a {
background:url(../images/nav/workforus.jpg) no-repeat;
}

.rent a {
background:url(../images/nav/rent.jpg) no-repeat;
}

#nav ul .about a {
background:url(../images/nav/about.jpg) no-repeat;
border-right:none;
}

#nav ul .about li a
{
    background:none;
}

.tour li a, .help li a, .missoula li a, .work li a, .rent li a, .about li a    {
background:none;
}

#nav ul li a span {
display:none;
}


/*********************************/
/*       BEGIN DROPDOWN MENU
/*********************************/
	
#container #nav li ul {/*must have parent DIV "container" in front. A MUST!!!*/
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 30px;
  height: 15px;
  left: 0;
  clear:both;
  margin:0 100px 0 0;
}

#nav ul ul li {
background-image:none;
margin:0;
clear:both;
background:#efdf85;
}

#nav ul ul li a  {
background:none;
text-decoration:none;
text-align:left;
padding:0 0 0 5px;
border-right:none;
z-index:90;
color:#000000;
height:1.8em;
line-height:1.7em;
width:212px;
border:1px solid #FFFFFF;
}

#nav li li a:hover {
text-decoration:none;
background:#5e3b99;
color:#FFFFFF;
border:1px solid Black;
}

/*for image based navs*/
#nav li li a span {
display: inline;
}


#container  #nav li:hover ul, #container  #nav li.over ul{ 
display: block; /*shows second level menu on hover*/

}


/* 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;
}



