/*
	BEGIN Nav
*/

#nav{
	text-align: center;
	height: 34px;
	background: url(/images/layout/bg-nav.jpg) repeat-x #7fa9d4;
}

#nav ul{
	margin-left: 12px;
}

#nav ul li{
	display: inline;
}

#nav ul li{
	float: left;
	height: 34px;
	display: inline;
	line-height: 34px;
}

#nav ul li ul{
/*	padding-bottom:20px;*/
	z-index:100;
}

#nav ul li ul li {
	float:none;
	display:block;
}

#nav ul li ul li{
	padding:0px 0px;
	margin:0px 0px;
	display:block;
	text-align:left;
	line-height:12px;
/*	height:25px;*/
	height:auto;
}

#nav ul li a{
	font-family: "Arial";
	display: block;
	font-size: 14px;
	float: left;
	color: #fff;
	line-height: 34px;
	height: 34px;
	padding: 0px 14px;
	text-decoration: none;
}

#nav ul li ul li a{
	float:none;
	color:#336699;
	line-height:12px;
	padding:9px 0px 9px 15px;
	display:block;
/*	height:20px;*/
	height:auto;
	width:185px;
	font-size:12px;
}

#nav a.active, #nav ul li a:hover, #nav ul li:hover{
	background-color:#336699;
	color:#fff;
}

#nav ul.menu li.arrow ul li.arrow:hover ul li a{
	background:none;
	color:#336699;
}

#nav ul.menu li.arrow ul li.arrow ul li:hover a, #nav ul.menu li.arrow ul li.arrow ul li a.active{
	background:#336699;
	color:#fff;
}

#nav ul li ul li.arrow a{
	background:url(/images/nav-arrow.jpg)  no-repeat;
	background-position:180px 10px;
}

#nav ul li ul li.arrow:hover a, #nav ul li ul li.arrow a.active{
	background:url(/images/layout/arrow-active.jpg)  no-repeat #336699;
	background-position:180px 10px;
	color:#fff;
}

#nav ul li ul li.arrow:hover a ul li{
	background-image:none;
	background:#ffcc00;
}

#nav ul li ul li.arrow ul li a{
	background-image:none;
}



/*
	END Nav
*/

ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.menu li {
  display: inline;
  z-index:150;
  position: relative;
}

ul.menu li ul {
  display: none;
  position: absolute;
  background: #c0d5ea;
  left: 0;
  z-index:1000;
  width: 200px;
}

ul.menu li ul li ul{
	display:none;
	position:absolute;
	left:0;
	
}

ul.menu li a {
  line-height: 20px;
  color: #555;
 
  text-decoration: none;
  padding: 2px 10px 2px 0;
  font-size: 11px;
}

ul.menu li a:hover {}

ul.menu li:hover ul {
  display: block;
  top: 34px;
  left:-12px;
}

ul.menu li ul li:hover ul li ul{
	display:none;
}

ul.menu li ul li ul li ul{
	z-index:100;
}

ul.menu li ul li ul{
	z-index:50;
}

/* Hover that pulls up 3rd level */
ul.menu li ul li ul li:hover ul{
	display:block;
}

ul.menu li:hover ul li ul{
	display:none;
}

ul.menu li ul li:hover ul{
	display:block;
}



/* 3rd level hover */
ul.menu li:hover ul li ul{
	left:180px;
	top:0;
	
/*	border:1px solid #fff;*/
}

ul.menu li li {
  height: auto;
}

ul.menu li li a {
  display: block;
  color:#336699;
  height: auto;
  
  padding: 4px;
  text-transform: none;
  font-size: 13px;
}

ul.menu li li a:hover {
  
}

ul.menu li li li, ul.menu li li li ul {
  display: none;
}

ul.menu li li:hover li {
  display: block;
}

ul.menu a.active {
  color: #888;
}