html, body {
   margin: 0;
   padding: 0;
}

body {
   color: #a52a2a;
   background: #404040;
   width: 100%;
   font: 85% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

#container {
   width: 750px;
   margin: 0 auto;
   padding: 5px;
   background: #E4DCB2  url(images/bgd.jpg) repeat;
   color: #333;
   line-height: 1.5em;
}

#top {
   margin:0;
   padding: 0;
   color: #333;
   background: #404040 url(images/head.jpg) no-repeat;
   border-bottom: 1px solid #fff;
   height: 236px;
}
#top h1 {
   padding: 0px 0px 0px 10px;
   margin: 0;
   font: 130% Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif;
   letter-spacing: 5px;
   text-align: left;
   color: #EAE8D0;
   background: transparent;
}

#top p {
   padding: 5px;
   font-size: 1em;
}

#top a:link, #top a:visited {
   color: #EAE8D0;
   background: transparent;
   text-decoration: none;
}

#top a:hover { 
   color: #fff;
   background: transparent;
   text-decoration: underline;
}

#leftnav {
   float: left;
   width: 160px;
   margin: 0;
   padding: 5px;
   border-right: 0px solid #520934 ;
   color: #EAE8D0;
   background: #9C9473;
}

#content {
   margin: 10px 0 0 180px;
   padding: 10px;
}

#footer {
   clear: both;
   text-align: center;
   margin: 0;
   padding: .5em;
   color: #EAE8D0;
   background: #404040;
   border-top: 0px solid #520934;
}

#footer a:link, #footer a:visited {
   font-size: .9em;
   color: #eee;
   background: inherit;
   text-decoration: none;
}

#footer a:hover {
   font-size: .9em;
   color: #fff;
   background: inherit;
   text-decoration: underline;
}

#leftnav p {
   margin: 5px 0 10px 5px;
}

th, td {
   border-bottom: 1px solid #000000;
}

h2 {
   margin: 0;
   padding: 10px 0 5px 5px;
   font: 170%  Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif;
   letter-spacing: 5px;
   border-bottom: 1px solid #656C4A;
   color: #000000;
   background: inherit;
   font-weight: bold;
}

h3 {
   margin: 0;
   font: 130%  Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif;
   color: #000000;
   background: inherit;
}

#footer img {
   float: right;
}

/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
   margin: 0;
}
/* end */

a:link, a:visited, a:active {
   color: #2308a8;
   background: inherit;
   text-decoration: none;
}

a:hover {
   color: #5c5c8e;
   background: inherit;
   text-decoration: underline;
}

a:active {
   color: #5F5C51;
   background: inherit;
   text-decoration: none;
}

img {
   border: none;
}

.imgright {
   float: right;
   border: 1px solid #656C4A;
   margin: 5px 15px 10px 10px;
   padding: 10px;
}


.imgleft {
   float: left;
   border: 1px solid #656C4A;
   margin: 5px 15px 10px 0px;
   padding: 10px;
}

#navlist li {
   list-style-type: none;
   background: inherit;
   color: #5F5C51;
   margin: 0 5px 0 0;
   padding: 0;
}

.clear {
   clear: left;
}

.quote {
   width: 130px;
   margin: 0;
   border: 1px dashed #fff;
   padding: 10px;
   color: #656C4A;
   background: #E4DCB2;
   font-size: .8em;
}

/* the following selectors are the form styles */
#content form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
  	width: 450px; /* this is set to avoid float drop */
  	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content fieldset {
	border: 1px solid #804000; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}
#content legend {
	border: 1px solid #804000; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background: #804000; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */
}
#content label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 110px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
    font: small/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	}
#content input, #content textarea, #content select {
	color: #000; /* creates the text color */
	border: 1px solid #640e1a; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #f7f0e7; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.sminp {
	width: 110px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #ddeaf8;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 160px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
/*list-style-image: url(images/arrowbullet.png);*/
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #ffffff;
display: block;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #ffffff;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}