html, body {
    height: 100%;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: normal; color: #3E3124; line-height: 15px;
		margin:0px;
		padding:0px;
		text-align: center;
		background-color: #F9E2E2;
height:100%; /* this is the key! */
		background-image: url(../images/bg.gif); background-repeat:  repeat-y;
background-position: top center}

		#container {
		width:970px;
		margin: 0 auto;
		text-align: left;
		
		}
#navigation {
padding-bottom:35px;
	}
			
	#mainleft {
	margin-top:10px;
	padding-right:20px;
width: 70%;
height:100%; 
		float:left;
		vertical-align:text-top;
	}
		#footer-container{
width: 68%;
height:100%; 
		float:left;
		vertical-align:text-top;
	}
		
		#mainleft table.td {
		vertical-align:top;
		}
		
	#mainright {
		width:25%;
		height:100%; 
		float:right;
		padding-left:14px;
		padding-right:14px;
		font-size: 10px; color: #3E3124;}
		
		#footer{
		width:970px;
		clear:both;
		margin: 0 auto;
		height:40px;
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF6666;
	line-height: 15px;
	font-weight: normal;
padding:0px;
text-align:right;
		}
		
p {margin: 0px;padding:0px;}

	h1 {
		font-size:14px;
		padding-top:10px;
		}
h3 { font-size: 13px; font-weight: bold; color: #3E3124; line-height: 15px}
	
	#mainright p { font-size:10px}

		.img-margin{
		margin-right:20px;
		margin-bottom:20px;
		border:none;

		}

 a {color: #FF0033;
	text-decoration: none;}
	 a:hover {
	 text-decoration: underline;}
	 .thead {font-size: 11px; font-weight: bold; color: #FFF;}
	 .small {font-size: 10px; color: #3E3124;}
	 input,textarea{font-family: Georgia, "Times New Roman", Times, serif;font-size: 11px;}
	 select, option{font-family: Arial, Helvetica, sans-serif;font-size: 10px}