html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
	Elements
*/

h3 { font-size: 20px; color: #cccc33; background: #473b21; padding: 5px; margin: 0 0 20px 0; }

/*
	Generic classes
*/
.hide {	display: none; }
.tenPixelMargin { margin: 10px; }
.twentyPixelMargin { margin: 10px; }

/*
	Layout
*/
html,body { height: 100%; }
#wrapper { width: 100%; height: 100%; background: #999 url(../images/page_background.png) center repeat-y; font-family: Arial, sans-serif; font-size: 12px; }
#main { min-height: 100%; height: auto !important; width: 1000px; height: 100%; margin: 0 auto -50px; background: #fff; border-left: 1px solid #17120a; border-right: 1px solid #17120a; }
	#main #header { height: 113px; background: url(../images/header_background.png) no-repeat; position: relative; }
	#main #header #logo { position: absolute; width: 292px; height: 48px; background: url(../images/logo.png) no-repeat; top: 15px; left: 20px; text-indent: -9999; }
	#main #header #mainMenu { position: absolute; top: 35px; left: 400px; }
		#mainMenu li { display: block; float: left; }
		#mainMenu li a { display: block; padding: 0 40px; font-size: 16px; color: #16120a; text-decoration: none; font-weight: bold; }
		#mainMenu li a:hover, #mainMenu li a.active { color: #9a6c10; }
	#main #header #menuBar { position: absolute; top: 77px; width: 1000px; height: 35px; background: url(../images/headerbar_background.png) repeat-x; font-size: 16px; color: #fff; }
	#main #content { line-height: 1.5; letter-spacing: 1.2; }
	#footer, #footer-push { height: 50px; }
	#footer { width: 100%; background: #999 url(../images/page_background.png) center repeat-y; }
	#footer #footer-content { margin: 0 auto; width: 1000px; border-left: 1px solid #17120a; border-right: 1px solid #17120a; background: url(../images/footer_background.png) repeat-x; height: 50px; text-align: right; color: #fff; position: relative; }
		#footer-content a { color: #cccc33; text-decoration: none; }
		#footer-content a:hover, #footer-content a.active { text-decoration: underline; }

.footerText { position: absolute; bottom: 10px; left: 10px; font-size: 10px; }
.copyrightText { position: absolute; bottom: 10px; right: 10px; font-size: 10px; }