@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * @file        navigation.css
 */

@media screen, projection
{  
  #nav { 
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  	border-top: 1px #ddd solid; margin-top: 0.5em; 
  }
	
  #nav_main { float: left; display: inline; width: 100%; background: #eee; font-size: 95.5%; margin-top: 0.5em; }
  #nav_main ul { float: left; display: inline; width: 100%; margin: 0;}
  #nav_main ul li { float:left; display:inline; width: 14.279%; line-height: 1.2em; list-style-type: none; margin: 0; padding: 0; }
  #nav_main ul li.last { float:right; display:inline; margin-left:-1px; }

  #nav_main ul li a span {
  	font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
  	display:block; font-size: 86.333%; padding-top:.5em; font-weight:normal; color: #888
  }
  
  #nav_main ul li a,
  #nav_main ul li strong { 
    display: block;
	padding: 12px 6px 6px 12px; 
    margin: 0;
	height: 3em;
    color: #333333; 
    text-decoration: none;
	font-weight: bold; 
  	border-right: 0px #fff solid !important;
	border-left: 1px #fff solid !important;
  }
 
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background: #222; color: #fff }

  #nav_main ul li a:focus span,
  #nav_main ul li a:hover span,
  #nav_main ul li a:active span { background: #222; color: #ccc; border-color: #000; }
  
  #nav_main ul li#current strong,
  #nav_main ul li#current a { color: #222; background: #fff; }
  
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active { color: #222; background: #fff; }

  #nav_main ul li#current a:focus span,
  #nav_main ul li#current a:hover span,
  #nav_main ul li#current a:active span { background:transparent; }

  #nav_main ul li#current a span { color: #ccc; }

}