/*
Title: Washoe County Library
Description:	Main navigation styles
Author: Christine Harcinske/Twelve Horses
Last Updated:	01.2009
*/



#main_nav_bg {
  height: 35px;
  width: 100%;
  background: url('/repository/templates/library/images/nav_bg.gif') top left repeat-x;
  z-index: 800;
  top: 110px;
	left: 0;
  position: absolute;
}


#main_nav, #main_nav ul {
  margin: 0 auto;
  padding: 0;
  width: 912px;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 12px; 
}

#main_nav a {
  display: block;
  padding: 0px 5px;
  color: #fff;
  text-decoration: none;
  background-color: #559b77;
  height: 35px;
	font-style: normal;
}

#main_nav a:hover {
  background-color: #497760;
  color: #a7d0bd;
}

#main_nav li {
  float: left;
  position: relative;
	padding: 0;
}

#main_nav ul {
  position: absolute;
  display: none;
  width: 192px;
  top: 34px;
	left: 1px;
	border: 1px solid #497760;
}

#main_nav li ul a {
  width: 180px;
  height: auto;
  float: left;
	padding: 0 6px;
}

#main_nav ul ul {
  top: auto;
}	

#main_nav li ul ul {
  margin: -1px 0 0 191px;
}

#main_nav li a:hover.top_level {
  background-position: 0 -35px;
}

#main_nav li.on a:link.top_level, #main_nav li.on a:visited.top_level, #main_nav li.on a:hover.top_level, #main_nav li.on a:active.top_level {
  background-position: 0 -35px;
}

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

.submenu {
  background: url('/repository/templates/library/images/submenu_arrow.gif') 170px center no-repeat;
	width: 172px;
	padding-right: 20px;
}

/*--------- nav items ---------*/

/* Divider*/

.main_nav_divider {
  width: 23px;
	height: 35px;
	background: url('/repository/templates/library/images/main_nav_divider.gif') top left no-repeat;
	text-indent: -9000px;
    float: left;
}

/* Search */

#main_nav_search {
  width: 64px;
  float: left;
}

#main_nav_search a.top_level, #main_nav_search a:visited.top_level {
  background: url('/repository/templates/library/images/main_nav_search.gif') top left no-repeat;
  text-indent: -9000px;
  border: none;
}

/* Resources */

#main_nav_resources {
  width: 87px;
  float: left;
}

#main_nav_resources a.top_level, #main_nav_resources a:visited.top_level {
  background: url('/repository/templates/library/images/main_nav_resources.gif') top left no-repeat;
	text-indent: -9000px;
	border: none;
}

/* About */

#main_nav_about {
  width: 138px;
  float: left;
}

#main_nav_about a.top_level, #main_nav_about a:visited.top_level {
  background: url('/repository/templates/library/images/main_nav_about.gif') top left no-repeat;
  text-indent: -9000px;
  border: none;
}

/* Libraries */

#main_nav_libraries {
  width: 150px;
  float: left;
}

#main_nav_libraries a.top_level, #main_nav_libraries a:visited.top_level {
  background: url('/repository/templates/library/images/main_nav_libraries.gif') top left no-repeat;
  text-indent: -9000px;
  border: none;
}

/* Events */

#main_nav_events {
  width: 139px;
  float: left;
}

#main_nav_events a.top_level, #main_nav_events a:visited.top_level {
  background: url('/repository/templates/library/images/main_nav_events.gif') top left no-repeat;
  text-indent: -9000px;
  border: none;
}

/* Teens */

#main_nav_teens {
  width: 58px;
  float: left;
}

#main_nav_teens a.top_level, #main_nav_teens a:visited.top_level {
  background: url('/repository/templates/library/images/main_nav_teens.gif') top left no-repeat;
  text-indent: -9000px;
  border: none;
}

/* Kids */

#main_nav_kids {
  width: 47px;
  float: left;
}

#main_nav_kids a.top_level, #main_nav_kids a:visited.top_level {
  background: url('/repository/templates/library/images/main_nav_kids.gif') top left no-repeat;
  text-indent: -9000px;
  border: none;
}

/* Seniors */

#main_nav_seniors {
  width: 68px;
  float: left;
}

#main_nav_seniors a.top_level, #main_nav_seniors a:visited.top_level {
  background: url('/repository/templates/library/images/main_nav_seniors.gif') top left no-repeat;
  text-indent: -9000px;
  border: none;
}
