/**
*  name: nav_css.php - styles for the main and footer navigations
*  author: ross paskett - rpaskett@saltlake.org
*  copyright: 2007 SLCVB
*  comments: these styles were placed in a separate file due to the complexity of the navigation (animation and structure)
*/

#main_nav
{
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
}

#main_nav li
{
  display: block;
  margin: 0 2px;
  padding: 0;
  float: left;
  position: relative;
  text-transform: uppercase;
  font: 16px Georgia, Times New Roman, Times, serif;
  letter-spacing: 1px;
  font-weight: bold;
}

#main_nav li a.level_one
{
  display: block;
  color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 4px 11px 3px 11px;
}


  #main_nav li.visit
  {
    background: url(/includes/images/nav/visit_02.gif) no-repeat top right;
  }
  
  #main_nav li.visit a.level_one
  {
    background: url(/includes/images/nav/visit_01.gif) no-repeat top left;
  }
  
  #main_nav li.visit:hover
  {
    background: url(/includes/images/nav/nonvisit_hover_02.gif) no-repeat top right;
  }
  
  #main_nav li.visit:hover a.level_one
  {
    background: url(/includes/images/nav/nonvisit_hover_01.gif) no-repeat top left;
  }

  #main_nav li.ski
  {
    background: url(/includes/images/nav/ski_02.gif) no-repeat top right;
  }
  
  #main_nav li.ski a.level_one
  {
    background: url(/includes/images/nav/ski_01.gif) no-repeat top left;
  }
  
  #main_nav li.ski:hover
  {
    background: url(/includes/images/nav/nonski_hover_02.gif) no-repeat top right;
  }
  
  #main_nav li.ski:hover a.level_one
  {
    background: url(/includes/images/nav/nonski_hover_01.gif) no-repeat top left;
  }

  #main_nav li.meetings
  {
    background: url(/includes/images/nav/meetings_02.gif) no-repeat top right;
  }
  
  #main_nav li.meetings a.level_one
  {
    background: url(/includes/images/nav/meetings_01.gif) no-repeat top left;
  }
  
  #main_nav li.meetings:hover
  {
    background: url(/includes/images/nav/nonmeetings_hover_02.gif) no-repeat top right;
  }
  
  #main_nav li.meetings:hover a.level_one
  {
    background: url(/includes/images/nav/nonmeetings_hover_01.gif) no-repeat top left;
  }

  #main_nav li.traveltrade
  {
    background: url(/includes/images/nav/travel_02.gif) no-repeat top right;
  }
  
  #main_nav li.traveltrade a.level_one
  {
    background: url(/includes/images/nav/travel_01.gif) no-repeat top left;
  }
  
  #main_nav li.traveltrade:hover
  {
    background: url(/includes/images/nav/nontraveltrade_hover_02.gif) no-repeat top right;
  }
  
  #main_nav li.traveltrade:hover a.level_one
  {
    background: url(/includes/images/nav/nontraveltrade_hover_01.gif) no-repeat top left;
  }

  #main_nav li.media
  {
    background: url(/includes/images/nav/media_02.gif) no-repeat top right;
  }
  
  #main_nav li.media a.level_one
  {
    background: url(/includes/images/nav/media_01.gif) no-repeat top left;
  }
  
  #main_nav li.media:hover
  {
    background: url(/includes/images/nav/nonmedia_hover_02.gif) no-repeat top right;
  }
  
  #main_nav li.media:hover a.level_one
  {
    background: url(/includes/images/nav/nonmedia_hover_01.gif) no-repeat top left;
  }

  #main_nav li.members
  {
    background: url(/includes/images/nav/meetings_02.gif) no-repeat top right;
  }
  
  #main_nav li.members a.level_one
  {
    background: url(/includes/images/nav/meetings_01.gif) no-repeat top left;
  }
  
  #main_nav li.members:hover
  {
    background: url(/includes/images/nav/nonmeetings_hover_02.gif) no-repeat top right;
  }
  
  #main_nav li.members:hover a.level_one
  {
    background: url(/includes/images/nav/nonmeetings_hover_01.gif) no-repeat top left;
  }


#main_nav li ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  width: 260px;
  position: absolute;
  top: 25px;
  left: 0px;
  background: #f3efea;
  z-index: 1100000;
}

#main_nav ul li
{
	margin: 0;
	padding: 0;	
	padding: 4px 0;
	padding-left: 8px;
	width: 252px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.3px;
	font-weight: bold;
	position: relative;
  z-index: 1100000;
  white-space: nowrap;
}

#main_nav li:hover ul.ul_one
{
  display: block;
}

#main_nav a
{
	text-decoration: none;
	background: #f3efea;
	color: #63632a;
}

#main_nav li ul li:hover a
{
  background: #d44d20;
  color: #f3efea;
}

#main_nav li ul li:hover
{
  background: #d44d20;
  text-decoration: none;
}

#main_nav li:hover ul li ul
{
	display: none;
}

#main_nav li ul li:hover ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	width: 260px;
	position: absolute;
	top: 0;
	left: 260px;
	background: #f3efea;
	display: block;
}

#main_nav li ul li:hover ul li a
{
	text-decoration: none;
	background: #f3efea;
	color: #63632a;
}

#main_nav li ul li ul li:hover a
{
  background: #d44d20;
  color: #f3efea;
}