@charset "utf-8";

body  {

	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;

	background-color: #666666;

	background-image: url(../images/main_background.jpg);

	background-repeat: repeat;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

#container  {

	width: 778px; /* the auto margins (in conjunction with a width) center the page */

	border: 1px solid #000000;

	text-align: left; /* this overrides the text-align: center on the body element. */

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-color: #D6E2F7;

} 

#header  {

	background: #DDDDDD;  /* 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. */

} 

#sidebar1  {

	float: right; /* since this element is floated, a width must be given */

	width: 220px;

	padding-top: 15px;

	padding-bottom: 15px;

	text-align: left;

}

#mainContent  {
	margin-top: 0;
	margin-right: 240px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	font-family: Verdana, Geneva, sans-serif;

} 

#footer  {

	font-size: 12px;

	color: #FFF;

	padding-top: 10px;

	padding-bottom: 10px;

} 

#footer a {

	font-size: 10px;

	color: #FFF;

	text-decoration: none;

}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

.final_p {

	margin-bottom: 0px;

}