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

body {
	font: 100% Arial, Helvetica, sans-serif;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 10px;
	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:#a7c0c5;
}

a {color:#8F5100; text-decoration:underline; }
a:hover {color:#8F5100; text-decoration:none; }

.oneColElsCtr #container {
	width: 867px;
	
	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. */
	
}
.oneColElsCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float: right;
	width:345px;
	background-repeat:no-repeat;
	position:relative;
	
}

.oneColElsCtr #mainContent p {
padding-right:30px;
padding-left:10px;
font-size:75%;
text-align:right;
padding-top:0px;
line-height:130%;
}

h1 {
	font-size:180%;
	letter-spacing:-2px;
	text-align:left;
	padding-top:0px;
	line-height:130%;
}

h2 {
	font-size:120%;
	letter-spacing:-1px;
	text-align:left;
	padding-top:0px;
	line-height:130%;
}


p {
padding-right:30px;
padding-left:0px;
font-size:75%;
text-align:left;

line-height:120%;
}

ul li {
font-size:75%;
line-height:130%;
}

#header_bkgd {height:331px;
	background-image: url(../images/hannington-gilbert-background.png);}

#gen_header { background-image:url(../images/gen_header_03.png); background-repeat:no-repeat; height:165px; width:867px; float:left; padding-top:5px;}
	
#menu_bar {background-image:url(../images/menu_bkgd_mid.png); background-repeat:repeat-y;float:left; width:829px; padding: 0px 20px 0px 20px;}
#menu_bar_top {background-image:url(../images/menu_bkgd_top.png); background-repeat: no-repeat; height:13px; float:left;  width:869px;}
#menu_bar_bottom {background-image:url(../images/menu_bkgd_bottom.png); background-repeat: no-repeat; height:15px; float:left; width:869px; margin-bottom:5px;}

#menu_bar p { font-size:100%; text-align:left; }

#menu_bar a { text-decoration:none; color:#000000;}
#menu_bar a:hover {text-decoration:underline;}


#body_bkgd_t {background-image:url(../images/main_area_yellow_top.png); background-repeat:no-repeat; height:21px;  width:865px; float:left;}
#body_bkgd {background-image: url(../images/main_area_yellow_mid.png); background-repeat: repeat-y; min-height:100px; width:815px; float:left; padding:0px 30px 20px 20px; margin-right:50px;}
#body_bkgd_b {background-image:url(../images/main_area_yellow_bottom.png); background-repeat:no-repeat; height:25px; width:865px; float:left;}

#body_bkgd p {text-align:left;}

	
#box_1 { width:206px; height:147px; background-image:url(../images/boxes_09.png); background-repeat:no-repeat; float:left;padding-top:10px; padding-left:10px;}


#box_2 { width:216px; height:157px; background-image:url(../images/boxes_10.png); background-repeat:no-repeat; float:left;}
#box_3 { width:216px; height:157px; background-image:url(../images/boxes_11.png); background-repeat:no-repeat; float:left;}
#box_4 { width:216px; height:157px; background-image:url(../images/boxes_12.png); background-repeat:no-repeat; float:left;}

#footer {font-size:70%; padding-left:20px;  float:left; line-height:150%;}