/*
General styles for two-column, fixed with header and footer - Marc	  
*/

* { padding: 0; margin: 0 auto; }

body {
 font-family: Arial, Helvetica, Tahoma, Trebuchet MS,  sans-serif;
 font-size: 12px;
 text-align: center;
 background-color: BE9A9A;
 background-image: url(images_index/HFC_BG.jpg);
 background-repeat: repeat-x;
}

#wrapper { 
 text-align: left; 
 margin: 0px auto;
 padding-top: 0px;
 background-image:url(images_index/main_content_810x20.gif);
 width: 810px;
 overflow:auto;
}

#header {
 width: 810px;
 float: right;
 padding: 0px;
 height: 390px;
 margin: 0px 0px 0px 0px;
}

#header-shell {
 width: 810px;
 float: right;
 padding: 0px;
 height: 235px;
 margin: 0px 0px 0px 0px;
}

#navigation { 
 margin: 0px 0px 0px 0px;
 padding: 0 0 0 14px;
 width: 196px;
 float: left;

}

#navigation_pagecats { 
 margin: 0px 0px 0px 0px;
 padding: 0 0 0 0px;
 width: 210px;
 height: 155px;
 float: left;

}



#contentshell { 
 margin: 0 auto;
 padding-top: 0px;
 background-image:url(images_index/main_content_810x20.gif);
 width: 810px;
}

#maincontent { 
 float: right;
 margin: 20px 0 0 0;
 padding: 0 15px 0 15px;
 width: 570px;
 display:inline; 

}

#footer { 
 width: 810px;
 height: 60px;
 clear: both;
 text-align: center; 
 margin: 20px auto;
 padding: 0px;
 background-image:url(images_index/footer_810x60.gif);
}



/* image containers - set for proper alignment */

#imageleft {float: left; margin: 10px 0 20px 0 0; padding: 0 20px 0 0;}

#imageright {float: right; margin: 10px 0 0 20px; padding: 0 0 0 20px;}

.imageleft{
    margin: 10px 20px 5px 0px;
}

.imageright{
    margin: 10px 0px 5px 20px;
}


/* Clear the Float */
.clear {clear:both;}

#clear {clear:both;}






/* Extra division spacing */

#filler {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding-top: 300px;
}

#spacer {
	clear: both;
	width: 150px;
	height: 155px;
	margin: 0 0 0 0;
	padding-top: 0px;
}


/* Clears the tags */
.clear { clear: both; background: none; }