/***************************************************************************************************
  Navigation
***************************************************************************************************/
#nav {
	float: left;
	list-style: none;
  width: 100%;
  height: 40px;
	padding: 0;
	margin: 27px 0 7px 0;
	background: transparent url(../images/bg-nav.png) top left repeat-x;
}
#nav ul, #nav ol, #nav li{
  margin:0;padding:0;
}
#nav ul {
/*  margin: 0 0 0 23px;*/
  margin: 0 0 0 233px;
  padding: 0;
}
#nav ul li {
  float: left;
	padding: 0;
	margin: 0;
	list-style: none;
  position: relative;
  z-index: 100; /* fix IE's z-index bug for absolutely-positioned children */ 
  margin: 1px 0;
}
#nav ul a {
	display: block;
	width: auto;
  font-size: 10px;
	color: #fff;
  font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 7px 0 7px;
  margin: 2px 0 0 0;
  height: 36px;
  line-height: 36px;
}
#nav ul li:hover, #nav ul li.active {
  background: #08437d;
}
#nav ul a:hover {
  /*text-decoration:underline;*/
}
#nav ul li ul {
  border-top: 1px solid #417eac;
  background: #053b6f;
	position: absolute;
	z-index: 101;
  text-align: left;
	left: -999em;
	height: auto;
	width: 158px;
	w\idth: 148px;
	margin: 0;
}
#nav ul li li {
  display: block;
  clear: both;
  border-bottom: 1px solid #417eac;
	width: 158px;
	w\idth: 148px;
	margin: 0;
}
#nav li li:hover {
  background: #08437d;
}
#nav li li a {
	padding: 0 10px;
  margin: 0;
  width: auto;
}
#nav li:hover ul {
	left: auto;
}
#nav ul li ul ul {
	margin: -28px 0 0 198px;
}
#nav ul li:hover ul ul, 
#nav ul li:hover ul ul ul, 
#nav ul li.sfhover ul ul, 
#nav ul li.sfhover ul ul ul {
	left: -999em;
}
#nav ul li.sfhover ul, 
#nav ul li li.sfhover ul, 
#nav ul li li li.sfhover ul {
	left: auto;
}
#nav ul li:hover, 
#nav ul li.sfhover {

}
#nav ul li:hover ul, 
#nav ul li li:hover ul, 
#nav ul li li li:hover ul {
	left: auto; 
}