@charset "utf-8";
body {
	background-color: #333333;
}
#text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 5px;
	margin-left: 5px;
}
#text h2 {
	font-family: Arial, Helvetica, sans-serif;
}



ul#navlist
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li
{
	display: inline;
	list-style-type: none;
}

#navlist a {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: -1px;
}

#navlist a:link, #navlist a:visited
{
	color: #FFFFFF;
	background-color: #975F3A;
	text-decoration: none;
}

#navlist a:hover
{
	color: #fff;
	background-color: #333333;
	text-decoration: none;
}




#page #navcontainer {
	padding-top: 0.01em;
	margin-left: 4px;
}

/*safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0){
                #page #navcontainer {padding-top: .5em;}
}




#footer {
	color: #FFFFFF;
	border-top-width: medium;
	border-top-style: dotted;
	border-top-color: #975F3A;
	position: relative;
	background-color: #4C0001;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 721px;
	height: 20px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	top: -20px;
}

html, body, #wrap {height: 100%;}
body, #wrap {height: auto; min-height: 100%;}
#main {overflow:auto;
	padding-bottom: 20px;} /* must be same height as footer*/




/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

[if  IE 8]>
	<style type="text/css">
		#wrap {display:table;}