/* navigation */

ul#navigation {
	list-style: none;
	margin: 0;
	padding: 20px 0 0 10px;
	width: 730px;
	height: 30px;
	background: #fff url("../img/backgrounds/navigation-bg.jpg") no-repeat;
	position: absolute;
	right: -50px;
	font-size: 12px;
	color: #004B8E;
}

ul#navigation li {
	float: left;
	line-height: 30px;
	position:relative;
}

ul#navigation li a {
	position:relative;
	height: 30px;
	float: left;
	padding: 0 10px 0 10px;
	color: #004B8E;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

* html ul#navigation li.sfhover ul li {
	line-height: 26px;
}

ul#navigation li a:hover,
ul#navigation li a.selected {
	color: #C1002B;
}

ul#navigation li ul {
	position: absolute;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
	left: -9999px;
	background-color: #C1002B;
	padding-bottom: 5px;
	clear: both;
}

ul#navigation li:hover ul,
ul#navigation li.sfhover ul {
	left: auto;
}

ul#navigation li:hover ul li a,
ul#navigation li.sfhover ul li a {
	color: #fff;
	font-weight: normal;
	height: 26px;
	width: 170px;
	display: block;
	padding-left: 10px;	
}

ul#navigation li:hover ul li a:hover,
ul#navigation li.sfhover ul li a:hover {
	font-weight: bold;
	color: #fff;
}


/* subnavigation */

div#subnav-container {
	background: #fff url("../img/backgrounds/menu-bottom.gif") no-repeat bottom;	
	overflow: hidden;
	padding-bottom: 10px;
	margin: 0 0 10px 20px;
	width: 280px;
}

div#subnav-container span.top {
	background: #fff url("../img/backgrounds/menu-top.gif") no-repeat;		
	display: block;
	width: 280px;
	height: 10px;
	overflow: hidden;
}

ul#subnav {
	list-style: none;
	margin: 0 10px 0 10px;
	padding: 0;
}

ul#subnav li a {
	color: #004B8E;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0 7px 10px;
	display: inline-block;
	border-bottom: 1px solid #E6F1D1;
	width: 250px;
}

ul#subnav li a:hover,
ul#subnav li a.selected {
	color: #C1002B;
}