@charset "utf-8";
/* CSS Document */


/*********************************************************************************************************
					LAYOUT SECTION OF THE FHCCM HOME PAGE
**********************************************************************************************************/
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
	}

/* neutralize browser spacing for vertical elements
	we could do more elements, but this gives us the 
	most widely used block level elements so that we
	control main element spacing without having to 
	add margins back for every block element */
	
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address{
	margin: 1em 0;
	padding: 0;
	}

.main_container #container {
	margin: 0 auto;
	width: 950px;
	background:#9d946b;
}
/***********************HEADER*********************************/
.main_container #container #header_container {
	background-image: url(../images/index_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 188px;
	width: 950px;
	position:relative;
	float:left;
	z-index:100;
}
.main_container #header_container #header_box {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	height: 269px;
	width: 827px;
	position:absolute;
	bottom:-200px;
	margin-left:65px;
	z-index:100;
}
/***********************END OF HEADER*******************/


/**********************BODY SECTION*********************/
.main_container #container #body_container {
	background-image: url(../images/index_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:auto;
	width: 950px;
	position:relative;
	margin:0px;
	float:left;
	z-index:0;
}
.main_container #container #body_container #page_box_01 {
	background-image: url(../images/page_box_01.png);
	background-position: 0px 0px;
	height: 18px;
	width: 826px;
	position:relative;
	left:65px;
	top:0px;
	float:left;	
	margin-top:240px;
	/*margin-bottom:50px;*/
	background-repeat: no-repeat;
}
.main_container #container #body_container #page_box_02 {
	background-image: url(../images/page_box_02.png);
	background-position: 0px 0px;
	height:auto;
	width: 826px;
	position:relative;
	left:65px;
	top:0px;
	float:left;	

}

.main_container #container #body_container #page_box_03 {
	background-image: url(../images/page_box_03.png);
	background-position: 0px 0px;
	height: 16px;
	width: 826px;
	position:relative;
	left:65px;
	top:0px;
	float:left;	
	/*margin-top:240px;*/
	margin-bottom:50px;
	background-repeat: no-repeat;
}
.clear{
clear:both;	
}

/*****************END OF BODY SECTION***************/


.main_container #container #footer_container {
	background-image: url(../images/index_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 56px;
	width: 950px;
	position:relative;
float:left;

}
.main_container #container #bottom_container {
	background-image: url(../images/index_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 29px;
	width: 950px;
	position:relative;
float:left;

}







.main_container #container #header_container #header_box #flash_container {
	float: left;
	height: 269px;
	width: 555px;
	position:relative;
	z-index:100;
}


.main_container #container #header_container #header_box #flash_container #flash_position {
	position:absolute;
	top:5px;
	left:26px;
	z-index:100;
}


.main_container #container #header_container #header_box #link_container {
	float: right;
	height: 269px;
	width: 272px;
z-index:100;
}
#link_container #navigation {
	height: 250px;
	width: 200px;
	margin-top:20px;
	margin-left:40px;
}


#link_container #navigation li {
	height: 35px;
	width: 200px;
	
}


