/* NAVIGATION */

#navigation a{border-bottom: none;}
 /* 1st level */
#navigation ul {width: 540px;; font-size: 9px; font-family: verdana, Arial, Helvetica, sans-serif; position: relative; left: 389px; z-index: 1000; list-style: none; margin: 0px; padding: 0px; text-transform: uppercase; height: 21px; line-height: 21px; }
#navigation ul li {float: left; background: #3e4042; text-align: center; margin-left: 2px; height: inherit;}
#navigation ul li ul li ul li{text-align: left;}
#navigation ul li a{line-height: 21px; color: #fff;}
#navigation ul li.news a { width: 70px; }
  
#navigation ul li a:hover {color: #000; }
#navigation ul li.current {background: #9ca2a6;}
#navigation ul li.current a { color: #000; }
#navigation ul li.current a:hover { color: #000; text-decoration: none; }
#navigation ul li.spacer { clear: both; float: none; width: 963px; height: 2.22em; padding: 0 10px 0 0; border: 1px solid #ccc; border-width: 0 0 1px; background: #e3dec9; text-align: right; line-height: 2.26em;} 

/* 2nd level */
#navigation ul li ul {display: none; position: absolute; /*left: -120px;*/ left: -40px; top: 21px; width: 500px/* make specific to each secondary level */; padding: 0px; background: none;}
#navigation ul li.current ul {display: block;}
#navigation ul li.current ul li {position: relative; border: none; background: none;}
#navigation ul li.current ul li a {display: block; width: 100px; height: 21px; width: auto; padding: 0px; color: #000; font-weight: normal; white-space: nowrap; text-align: left;}
#navigation ul li.current ul li a:hover {text-decoration: none;}

/* 3rd level */
#navigation ul li.current ul li ul {position: absolute; top: 21px; left: -3000px; width: 135px; padding: 0;}
#navigation ul li ul li:hover ul,
#navigation ul li.current ul li.over ul,
#navigation ul li.current ul li ul.over {left: -70px;}
#navigation ul li.current ul li a:focus + ul {left: -70px;}
#navigation ul li.current ul li ul li a {padding: 0px;; text-align: left;}

/* dm additional */
#navigation ul li.home{width: 66px;}
#navigation ul li.wfs{width: 126px;}
#navigation ul li.news{width: 58px;}
#navigation ul li.about{width: 82px;}
#navigation ul li.contact{width: 78px;}
#navigation ul li.library{width: 115px;}


#navigation ul li.wfs ul{width: 500px; margin-left: -50px;} /* was width 370px; margin-left: 55px; */
#navigation ul li.wfs ul li{width: 120px;}
#navigation ul li.wfs ul li.sitters{left: -30px;}
#navigation ul li.wfs ul li.categories{left: -60px; background: none;}
#navigation ul li.wfs ul li.collectors{margin-left: -60px;} /* this line added March 10 2010 */

/* artists dropdown */
#navigation ul li.wfs ul li.artists ul{width: 116px; height: auto; margin-left: 59px; background: url(../i/nv/artists_dd.png) 0px 0px no-repeat; padding: 0px 0px 70px 5px;}
#navigation ul li.wfs ul li.artists ul li{width: 96px; font-size: 9px;}
/* sitters dropdown */
#navigation ul li.wfs ul li.sitters ul{width: 116px; height: auto; margin-left: 59px; background: url(../i/nv/sitters_dd.png) 0px 0px no-repeat; padding: 0px 0px 70px 5px;}
#navigation ul li.wfs ul li.sitters ul li{width: 96px; font-size: 9px;}
/* categories dropdown */
#navigation ul li.wfs ul li.categories ul{width: 157px; height: auto; margin-left: 59px; background: url(../i/nv/categories_dd.png) 0px 0px no-repeat; padding: 0px 0px 100px 5px;}
#navigation ul li.wfs ul li.categories ul li{width: 157px; font-size: 9px;}


/* general bg for static and hover on dropdowns */
#navigation ul li.current ul li ul li a{display: block; width: 101px; height: 16px; line-height: 16px; margin-bottom: 0px; padding-bottom: 1px; padding-left: 5px;}
#navigation ul li.current ul li ul li a:hover{background: #3e4042; color: #fff;}
#navigation ul li.current ul li.categories li a{width: 141px;}