@charset "utf-8";

/* CSS Document */


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: 970px; margin: 0 auto;}


/* IE 9, 10 & 11 */
@media screen and (min-width:0\0) { 
ul#topnav {margin-left:360px;}
}
ul#topnav {
	margin: 0;
	padding: 0;
	float: right;
	width: auto;

	top:25px;
	margin-left:380px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: ;url(topnav_s.gif) repeat-x
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px dotted #999933;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { body:nth-of-type(1) ul#topnav li a {padding-bottom: 11px;} } 
ul#topnav li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
ul#topnav li:hover {
	background-color: #999933;
}
ul#topnav li a:hover {
	color:#FFF;
	font-weight:bold;
}
/* IE 9, 10 & 11 */
@media screen and (min-width:0\0) { 
ul#topnav li span {width: 582px; padding: 8px 0;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { body:nth-of-type(1) ul#topnav li span {width: 527px; padding: 7px 0;} } 
ul#topnav li span {
	float: left;
	padding: 6px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 542px;
	background: #999933;
	color: #fff;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; font-size:11px; color:#FFF;}
ul#topnav li span a:hover {text-decoration: underline;}