@charset "utf-8";
/* CSS Document */

@charset "utf-8";
body {
	margin-top: 25px;
	background-color: #E7E1D5;


}

a {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #990000;
}

.left {
	float: left;
}

.right {
	float: right;
}

.pad {
	padding: 10px;
}



.mona {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}


.main {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #006699;
	font-weight: bolder;
	padding: 20px;
}
.smallwhite {
	color: #993300;
	font-size: 9px;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}



#banner {
	position: absolute;
	left: 25px;
	top: 25px;
	padding: 10px;
	font-size: 12px;
	color: #003366;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	width: 800px;
	position:relative;
}


#footer {
	/*	background-color: #678454;   */
	width: 800px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: 993300;
	
} 

#header {
	padding: 0 10px 0 20px;  /* 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. */
}
#mainContent {
	background-image: url(images/textures/rough.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #993300;
	padding: 20px;
	

}

#sidebar1 {
	float: left;
	width: 24%; /* since this element is floated, a width must be given */
	background: #EBEBEB;
	padding: 10px;
}
.justify {
	text-align: justify;
}