/* SET BASE FONT ATTRUBUTES */
html, body { color: #000; }

/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a,
textarea, fieldset, pre
{margin: 0;  padding: 0; border: none;}

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 140%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: underline;}
a:link, a:visited {color: #00f;}
a:hover {color: #33f;}
a:active {color: #fff;}
a img, :link img, :visited img {border: none}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse; margin: 10px 0px 10px 0px;}
table th, table td {vertical-align: top; padding: 2px 5px; text-align: left;}
table th {font-weight: bold;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/* HARMONISE LIST-BULLET TYPE */
ul, dl {list-style-type: disc;}

/* STANDARD UL */
ul, ol
{	margin: 0px; padding: 0px 10px 10px 25px; }

ul li, ol li { margin: 5px 0px 0px 0px; padding: 0px; }

/* START OF WEBSITE STYLES */
body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #fef8ea url(../images/bg_body.jpg) top repeat-x;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
	width: 780px;
	text-align: center;
	font-size: small;
	line-height: 130%;
	font-weight: normal;
	position: relative;
}

p
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 140%;
	font-size: 100%;
}

h1, h2, h3, h4
{
	color: #433107;
	text-align: left;
	padding: 0px;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 180%;
	line-height: 140%;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
}

h2
{
	font-size: 130%;
	letter-spacing: 0px;
	line-height: 120%;
	margin: 20px 0px 0px 0px;
}

h3
{
	font-size: 100%;
	margin: 10px 0px 3px 0px;
	color: #000;
	letter-spacing: 0px;
}

h4
{
	font-size: 100%;
	margin: 5px 0px 0px 0px;
	color: #000;
	letter-spacing: 0px;
}

a, a:link { color: #333322; }

a:visited { color: #555544; }

a:hover, a:active { color: #000; text-decoration: none; }

#banner
{
	font-size: 0px;						/* Need to get rid of extra space in Netscape 6 (possibly others */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0px;
	width: 780px;
	height: 185px;
	background: #fff;
	position: relative;
}

	#banner img
	{
		border: none;
	}

#footer
{
	width: 780px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	padding: 5px 0px 5px 0px;
	background: #433107 url(../images/border_footer.gif) repeat-x top;
}

	#footer ul
	{
		list-style: none;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		padding: 10px 0px;
		letter-spacing: 1px;
		width: 780px;

		line-height: 20px;
	}

		#footer ul li
		{
			margin: 0px;
			display: inline;
			padding: 0px 2px 0px 2px;  /* Works for most browsers */
		}

			#footer li a
			{
				font-family: Arial, Helvetica, sans-serif;
				text-decoration: none;
				white-space: nowrap;
				font-weight: bold;
				margin: 0px;
				padding: 5px 5px 3px 5px;
				font-size: 100%;
				color: #fcf7e9;
				font-size: 110%;
			}

			#footer li a:hover, #footer li a:active
			{
				background: #fcf7e9;
				color: #000;
			}

	#footer p
	{
		color: #fcf7e9;
		margin-bottom: 10px;
		font-weight: normal;
	}

		#footer p span
		{
			margin: 0px 10px;
			font-size: 90%;
		}

	#footer #credit a, #footer #credit a:visited
	{
		font-size: 80%;
		margin: 0px;
		padding: 5px 0px 0px 0px;
		color: #fcf7e9;
	}

	#footer #credit a:hover, #footer #credit a:active
	{
		color: #fff;
	}

#container
{
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 32px 0px 2px 0px;		/* Need bottom padding for space at bottom of page? */
	text-align: left;
	width: 780px;
	vertical-align: top;
	background: #fff url(../images/border_container.jpg) no-repeat top;
	float: left;
}

	#container-content
	{
		background: url(../images/bg_container.jpg);
		float: left;
	}

/* Need to put width in or anything in main below the sidebar will
shift slightly to the left */
#main { margin: 0px; padding: 0px; border-top: 1px solid #fff; float: right; }

#main { width: 580px; }

#main-content { vertical-align: top; margin: 0px 0px; padding: 0px 20px 10px 20px; }

	#main-content ul
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}

p.copyright
{
	font-size: 80%;
}

.contact-table, .table-form
{
	margin: 10px 0px 0px 0px;
	background: #fcf7e9;
	border: 1px solid #eee;
}

	.contact-table th, .contact-table td, .table-form th, .table-form td
	{
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 5px 10px;
	}