@charset "UTF-8";
/* CSS Document */

#nav {
	width: 100%;
	height: 37px;
	background: url(../images/nav.jpg) repeat-x;
	border-bottom: #333 1px solid;
	font-size: 1em;
	float: left;
	padding-top: 7px;
	z-index:10000;
}

#navigation {
	width: 770px;
	margin: 0 auto;
	z-index:10000;
}

#navigation li.first { margin-left: -15px; 	z-index:10000;
}

#navigation a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	z-index:10000;
}

#navigation a:hover {
	color: #004867;
	z-index:10000;
}

#navigation li {
	display: inline-block;
	float: left;
	margin: 0 10px;
	list-style: none;
	z-index:10000;
}

#navigation li ul {
	left: -9999px;
	position: absolute;
	width: 103px;
	background: #e5da77;
	z-index: 10000;
}

#navigation li ul a {
	color: #004867;
	z-index:100000;
	margin-left: -49px;
	width: 153px;
	z-index: 100000;

}

#navigation li ul a:hover, #navigation > li.dropdown li.dropdown > a:hover, #navigation > li.dropdown li.dropdown:hover > a {
	border-top: 0;
	background: #f1e78c;
	width: 122px;
	color: #004867;
	z-index: 10000;

}

#navigation > li.dropdown li.dropdown > a:hover, #navigation > li.dropdown li.dropdown:hover > a { color: #fff; 	z-index: 10000;}
#navigation li ul ul { margin: 0; 	z-index: 10000;}
#navigation li:hover ul ul, #navigation li:hover ul ul ul { left: -9999px;}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul { /* lists nested under hovered list items */ left: auto; 	z-index: 10000;}

#navigation > li.dropdown:hover > a {
	color: #004867;
	padding: 5px 10px;
	background: #e5da77;
	z-index: 10000;
}

#navigation > li.active > a, #navigation > li.active > a:hover {
	color: #ffffff;
	z-index:100000;
}