@charset "UTF-8";

/* General Styles */
#nav a { color:#191919; font:bold 12px Arial,Verdana; }
#nav a:link, #nav a:visited { color: #000; text-decoration: none; }
#nav a:hover { color: #000; }
#nav a:active { color: #ffa500; }

/* base level */
#nav ul { padding:0 10px; }
#nav ul li a { display:inline-block; margin:0 5px; padding:0 24px; line-height:42px; }
#nav ul li a:hover { background-color:#ABABAB; color:#FFFFFF; text-decoration:none; }

/* dropdown level */
#nav ul ul a:link, #nav ul ul a:visited, #nav ul ul a:hover { color:#fff; text-decoration:none; }
#nav .dir ul , #nav .dir ul  li, .#nav .dir ul  li a { padding:0; margin:0; border:0; }
#nav .dir .dir { margin-right:-18px; *margin-right:-28px; }
#nav .dir ul { width:117px; margin-top:-8px; _margin-top:-16px; }
#nav .dir ul li a { line-height:24px; width:116px; margin:0; padding:0 14px; color:#fff; font-weight:normal; }
  
/* Background */
#nav .dir li a.even { background:#868686 url(default/nav-light-bg.png) repeat; }
#nav .dir li a.even:hover { background:#686868 url(default/nav-dark-bg.png) repeat; }
#nav .dir li a.odd { background:#686868 url(default/nav-dark-bg.png) repeat; }
#nav .dir li a.odd:hover { background:#868686 url(default/nav-light-bg.png) repeat; }

#nav li.dir.even > a.even, #nav li.dir.odd > a.odd:hover { background:#868686 url(default/nav-arrow-right.png) no-repeat right; }
#nav li.dir.even > a.even:hover, #nav li.dir.odd > a.odd { background:#686868 url(default/nav-arrow-right.png) no-repeat right; }

/* round corners */
#nav .dir .round-top, #nav .dir .round-bottom { width:144px; height:8px; line-height:8px; padding:8px 0 0; margin:0; }
#nav .dir .even.round-top   { background:url(default/round-top-light.png) no-repeat bottom; }
#nav .dir .even.round-bottom  { background:url(default/round-bottom-light.png) no-repeat top; }  
#nav .dir .odd.round-top   { background:url(default/round-top-dark.png) no-repeat bottom; }
#nav .dir .odd.round-bottom  { background:url(default/round-bottom-dark.png) no-repeat top; }  

/* IE 6 */
#nav .dir li a { _background:url(default/nav-light-bg.gif) repeat!important; }
#nav .dir li a:hover { _background:url(default/nav-dark-bg.gif) repeat!important; }
#nav .dir .round-top   { _background:url(default/round-top-light.gif) no-repeat bottom!important; }
#nav .dir .round-bottom  { _background:url(default/round-bottom-light.gif) no-repeat top!important;}