BODY
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #BFC1C3;
	margin: 0;
/*it's good practice to zero the margin and padding of the body element to account for differing browser defaults*/
	padding: 0;
	text-align: center;
/*this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector*/
	color: #000000;
}
.oneColFixCtrHdr #container
{
	width: 780px;
/*using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar*/
	background: #FFFFFF;
	margin: 0 auto;
/*the auto margins (in conjunction with a width) center the page*/
	text-align: left;
/*this overrides the text-align: center on the body element.*/
}
IMG
{
}
#apDiv1
{
	margin-bottom: 25px;
	margin-top: 37px;
	margin-left: 278px;
}
.oneColFixCtrHdr #header
{
	background: #BFC1C3;
	padding: 29px 10px 7px 20px;
/*this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding.*/
	text-align: center;
}
.oneColFixCtrHdr #header H1
{
	margin: 0;
/*zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse*/
	padding: 10px 0;
/*using padding instead of margin will allow you to keep the element away from the edges of the div*/
}
.oneColFixCtrHdr #mainContent
{
	padding: 0 80px 0 0px;
/*remember that padding is the space inside the div box and margin is the space outside the div box*/
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer
{
	padding: 0 10px;
/*this padding matches the left alignment of the elements in the divs that appear above it.*/
	background: #DDDDDD;
}
UL
{
	text-align: center;
	height: 5px;
}
.oneColFixCtrHdr #footer P
{
	margin: 0;
/*zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs*/
	padding: 10px 0;
/*padding on this element will create space, just as the the margin would have, without the margin collapse issue*/
	text-align: center;
	background-repeat: repeat-y;
}
#hatter
{
	background-color: #58585A;
	height: 300px;
	width: 780px;
	overflow: hidden;
	margin: 0 auto;
	left: 0px;
	top: 0px;
}
A:hover
{
	color: #FFF;
	background-color: rgb(178, 225, 42);
-webkit-transition: color .25s linear, background-color .15s linear .1s;
transition: color .35s linear, background-color .25s linear .1s;
}
A:link
{
	color: #58585A;
}