body {
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #333;
	margin: 0;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #fff;
}
.container {width: 968px; margin: 0 auto;}

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 968px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(topbar.gif) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}

ul#topnav li:hover, #header .main ul li.active {
background: #637aae url(topnav_active.gif) repeat-x;
}

ul#topnav li:hover ul{
z-index: 100;
}

ul#topnav li.active ul{
z-index: 0;
}

ul#topnav li:hover ul, #header .main ul li.active ul {
display: block;
}

ul#topnav li:hover ul a, #header .main ul li.active ul a {
display: inline; /*–Since we declared a link style on the parent list link, we will correct it back to its original state–*/
}

ul#topnav li span {
	float: left;
	padding: 15px 0;
	display: block;
	position: absolute;
	left: 0; top:35px;	
	width: 968px;
	background: #637aae;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}