body {
height: 100%;
	font: 15px georgia;
	background: #b6b5b8;
	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: #333333;
	
}
a {
color:#999999;
text-decoration:none
}
a:hover { color:#f1003e;
text-decoration:none}
h1 {
font-family:Georgia;
font-size:15px}

#top{
display:inline;
}

#container {
	width: 100%;  /* this will create a container 80% of the browser width */
	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. */
}
#header {
	margin: 0 auto;
	background-color: #cdc9d0;
	background-image: url(images/topBG.jpg);
	background-repeat: repeat-x;
	height: 160px;
	padding-top: 0;
	background-position: left top;
}
#headerText{
margin: 0 auto;
padding-left:20px;
padding-right:20px;
max-width: 1000px;
height: 160px;
}
#mainContent {
	max-width: 1000px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:30px;
}

#mainContent img{
padding: 0px;
}
#footer {


	background-color: #b6b5b8;
	background-image: url(images/footerBG.jpg);
	background-repeat: repeat-x;

} 
#footerText {
color: #ffffff;
	margin: 0 auto;
	padding-left:30px;
padding-right:30px;
padding-bottom:50px;
max-width: 1000px;
}
#footerText a{
color: #ffffff;
text-decoration:none;
}
#footerText a:hover{
color: #f1003e;
text-decoration:none;
}