body,
html
{
 background: #ffffff;
 color: #000000;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 1em;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

body
{
 min-width: 840px;
}

#wrap
{
 background: #ffffff;
 color: #000000;
 width: 840px;
 margin: 0 auto;
 padding: 0 auto;
}

.hide_me
{
 position: absolute;
 left: -9000px;
 height:0px;
}

/* top navigation */
.topnav {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 0.8em;
	height:20px;
	text-transform:uppercase;
	}
.topnav ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	}
.topnav li {
	list-style-type: none;
	display: block;
	color: #000000;
	background: #ffffff url(images/divider.gif) right center no-repeat;
	margin: 0;
	padding: 4px 12px 6px 15px;
	float: right;
	}
/* this technique would be best */
/* .topnav li:first-child { background-image: none; } */
/* but it doesn't work in IE, so we have to use a class on it */
.topnav li.first { background-image: none; }
.topnav a:link, .topnav a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}
.topnav a:link:hover, .topnav a:visited:hover, .topnav a:active, .topnav a:focus {
	color: #742f0a;
	}

#accessibility
{
 padding-top:10px;
 color:#000000;
}

#accessibility a
{
 color:#000000;
 font-weight:bold;
 text-decoration:none;
}

#accessibility a:hover
{
 font-weight:bold;
 color:#742f0a;
 text-decoration:none;
}

#header
{
 background: #ffffff;
 width: 840px;
 height: 212px;
}

#header a img
{
 border:none;
 text-decoration:none;
}

/* navigation */
.nav {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 0.9em;
	height:50px;
    padding-top: 10px;
	text-transform:uppercase;
	}
.nav ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	}
.nav li {
	list-style-type: none;
	display: block;
	color: #000000;
	background: #ffffff url(images/divider.gif) right center no-repeat;
	margin: 0;
	padding: 4px 12px 6px 15px;
	float: left;
	}
/* this technique would be best */
/* .nav li:first-child { background-image: none; } */
/* but it doesn't work in IE, so we have to use a class on it */
.nav li.first { background-image: none; }
.nav a:link, .nav a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}
.nav a:link:hover, .nav a:visited:hover, .nav a:active, .nav a:focus {
	color: #742f0a;
	}

#maintext
{
 color: #000000;
 background: #ffffff;
 font-family: Helvetica, Arial, sans-serif;
 padding-top:0px;
 margin-top:0px;
 padding-bottom: 20px;
}

#maintext h1
{
 color:#742f0a;
 font-size: 1.2em;
 padding: 15px 30px 10px 30px;
 margin-top: 0px;
 margin-bottom: 0px;
 font-weight:bold;
 text-transform:uppercase;
}

#maintext h2
{
 color:#742f0a;
 font-size: 1.1em;
 padding: 15px 30px 10px 35px;
 margin-top: 0px;
 margin-bottom: 0px;
 font-weight:bold;
 text-transform:uppercase;
}

#maintext h3
{
 color:#742f0a;
 font-size: 1em;
 padding: 15px 30px 10px 40px;
 margin-top: 0px;
 margin-bottom: 0px;
 font-weight:bold;
 text-transform:uppercase;
}

#maintext p
{
 padding: 0px 40px 15px 40px;
 font-size: 0.9em;
 margin-top: 0px;
 margin-bottom: 0px;
}

#maintext a
{
 font-weight:bold;
 color: #742f0a;
}

#maintext ul
{
 padding: 0px 40px 15px 60px;
 font-size: 0.85em;
 margin-top: 0px;
 margin-bottom: 0px;
}

#maintext ol
{
 padding: 0px 40px 15px 60px;
 font-size: 0.85em;
 margin-top: 0px;
 margin-bottom: 0px;
}

#maintext ol li
{
 padding-bottom: 15px;
}

#maintext table
{
 padding: 0px 40px 15px 40px;
 font-size: 0.9em;
 margin-top: 0px;
 margin-bottom: 0px;
 text-align:left;
 margin-left:60px;
}

#maintext table td
{
 padding-right: 20px;
 padding-bottom: 15px;
}

#maintext table th
{
 padding-bottom: 15px;
}

#main_maintext
{
 color: #000000;
 background: #ffffff;
 font-family: Helvetica, Arial, sans-serif;
 padding-left: 100px;
 margin-top:0px;
 padding-bottom: 20px;
}

#main_maintext h1
{
 color:#742f0a;
 font-size: 1.2em;
 padding: 15px 30px 10px 30px;
 margin-top: 0px;
 margin-bottom: 0px;
 font-weight:bold;
 text-transform:uppercase;
}

#main_maintext h2
{
 color:#742f0a;
 font-size: 1.1em;
 padding: 15px 30px 10px 35px;
 margin-top: 0px;
 margin-bottom: 0px;
 font-weight:bold;
 text-transform:uppercase;
}

#main_maintext h3
{
 color:#742f0a;
 font-size: 1em;
 padding: 15px 30px 10px 40px;
 margin-top: 0px;
 margin-bottom: 0px;
 font-weight:bold;
 text-transform:uppercase;
}

#main_maintext p
{
 padding: 0px 40px 15px 40px;
 font-size: 0.9em;
 margin-top: 0px;
 margin-bottom: 0px;
}

#main_maintext a
{
 font-weight:bold;
 color: #742f0a;
}

#main_maintext ul
{
 padding: 0px 40px 15px 60px;
 font-size: 0.85em;
 margin-top: 0px;
 margin-bottom: 0px;
}

#main_sidebar
{
 float:left;
 width:200px;
 padding: 25px 0px 100px 0px;
}

#main_sidebar img
{
 padding: 0px 40px 15px 40px;
}

.contactform {
border:none;
 padding: 15px 30px 10px 30px;
 margin-top: 0px;
 margin-bottom: 0px;
}

.contactformat {
border:none;
}

.checkradio {
display:inline;
}

input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {
background-color: #ffb;
}

label {
display:block;
}

#footer
{
 color: #000000;
 background: #ffffff;
 font-family: Helvetica, Arial, sans-serif;
 padding-top:0px;
 margin-top:0px;
 padding-bottom: 20px;
}

#footer p
{
 padding: 0px 40px 15px 40px;
 font-size: 0.7em;
 margin-top: 0px;
 margin-bottom: 0px;
}

#footer a img
{
 border:none;
}