/* CSS Document */
body {
	font:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style:normal;
	color:#030;
	background: #B00203 url(img_layout/backwebsite.jpg) repeat-x left top;
	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 */

}

a:link {color:#063; text-decoration: underline;} 
a:visited {color:#900; text-decoration: underline;} 
a:hover,a:active {color:#900; text-decoration: none;}

p { margin: 0px; padding: 0px; margin-bottom: 5px; }


h1 {
	font-size: 22px;
	font-family:"Comic Sans MS", cursive;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 9px;
}
h6 {
	font-size: 10px;
}

.fox #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
	
.fox #header {
    height: 60px;
	background: #DBDBD9 url(img_layout/headerdr.jpg) no-repeat top right;
	padding-top: 200px;
	padding-bottom: 3px;
	padding-left: 212px;
	padding-right: 3px;
}

.fox #mainContent {
	background: url(img_layout/mainbackdr.jpg);
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: center;
}
.fox #footer {
	background: url(img_layout/footerdr.jpg) no-repeat left top;
	width: 980px;
	margin: 0 auto;
	padding: 0;
	height: 77px;
	text-align: center;
}

.clearer {
	clear: both; }