@charset "utf-8";

a:link {text-decoration: none; color: #4E0325}
a:hover {color: #4E0325; text-decoration:underline}
img {border:none}
ul {list-style-type : none}


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/SiteBackground.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
	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;
}

p, td, div#bodytext {
    FONT-SIZE: 12px;
    COLOR: #434343;
    FONT-FAMILY: Verdana, Helvetica, san-serif;
	line-height: 1.4em
}



.LandingPage #container {
	width: 824px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */

}
.LandingPage #header {
	background: #DDDDDD; 
	padding: 0px;  /* 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. */
}

.LandingPage #mainContent {
	background: url(images/landingBg.png) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: 824px;
	overflow: hidden;
	
}
.LandingPage #footer { 
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: none;
}