html, body {
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	font-size: 11pt;
	color: #ddd;
	background: #191919 url('../img/bg.jpg') repeat-y top center;
}

p {
	line-height: 1.5em;
	margin: 1em 0;
}

p.first {
	font-size: 110%;
	color: #eee;
}

.fpimg {
	border: 1px solid #111;
}

#header, #events, #footer {
	margin: 1em 0;
}

blockquote {
	padding-left: 1em;
	font-style: italic;
	border-left: 3px solid #444;
	color: #aaa;
}

.feedback {
	font-style: italic;
	color: #aaa;
}

.feedback span {
	color: #fff;
}

h1, h2, h3, h4, h5 {
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size: 130%;
	font-weight: 700;
	letter-spacing: -1px;
	color: #ddd;
	margin: 0;
	padding: 0 0 0.5em 0;
}

h1 {
	font-size: 150%;
}

/* links */

a:link, a:visited {
	color: #f6e4cc;
	text-decoration: underline;
}

a:active, a:hover {
	color: #fff;
	text-decoration: underline;
}

/* nav */

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

ul.level-1 li {
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	display: block;
	float: left;
	width: 130px;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #0f0f0f url('../img/navbuttons.png') top left;
	border-bottom: 2px solid #555;
}

ul.level-1 li:hover, ul.level-1 li.current {
	background-position: bottom left;
	border-bottom: 2px solid #f6e4cc;
	color: #fff;
}

ul.level-1 li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.75em 0;
	text-decoration: none;
	font-size: 90%;
}

ul.level-1 li a:link, ul.level-1 li a:visited {
	color: #ddd;
}

ul.level-1 li a:hover, ul.level-1 li a:active {
	color: #fff;
}

ul#media {
	list-style: none;
	text-align: center;
	margin-left: 15px;
}

ul#media li {
	padding: 2px;
	margin: 0;
	display: block;
	float: left;
}

ul#media li div.socialitem {
	background-position: 50% 50%;
	width: 48px;
	height: 48px;
}

ul#media li div.socialitem a {
	visibility: hidden;
}

ul#media li:hover div.socialitem a {
	visibility: visible;
}

/* faq */

.faq {
	list-style: none;
}

.faq li {
	padding: 0.5em;
	margin: 0;
	border-bottom: 1px solid #333;
}

.faq p {
	padding: 0;
	margin: 0;
}

.faq li:hover {
	background-color: #333;
	color: #fff;
}

.faq li .question {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.faq li p:before {
	color: #444;
	line-height: 1;
	float: left;
	z-index: 1;
	font-size: 150%;
	margin-right: 0.25em;
	clear: both;
	font-weight: 300;
}

.faq li .question:before {
	content: 'Q.';
}

.faq li .answer:before {
	content: 'A.';
}

/* generic styling */

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

strong {
	color: #fff;
}

hr {
	height: 1px;
	border: 0;
	background-color: #444;
	color: #444;
	margin: 1em 0;
}

sup {
	font-size: 66%;
	position: relative;
	top: -0.5em;
	
}

/* fixes */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}