/* fixes */
/* www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ----------------------------------- */

body {	
	background-color: #FFFFFF;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color:#000000;
}
#global {
     margin-left: auto;
     margin-right: auto;
     width: 700px; /* mandatory to be centered */
}
/* PV */
div#container {
	position: relative;
	border: 2px solid #848284;
	padding: 15px;
}
div#contentmain {
    width: 670px;
}
div#header {
	height: 70px;
	background-color : #5E5E54;
}
div#footer {
}
#shadow-container {
	position: relative;
	width: 700px;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -2px;
	top: -2px;
}

	#shadow-container .shadow1 {
		background: #F1F0F1;
	}

	#shadow-container .shadow2 {
		background: #DBDADB;
	}

	#shadow-container .shadow3 {
		background: #B8B6B8;
	}

	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}
div.hf-logo-camporeal {
	float: right;
	position: relative;
}
div.navigation {
	background: #999999;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	font-size: 11px;
	text-align: center;
}
div.navigation h1, h2, h3, h4{
	font-weight: normal;
	display: inline;
    font-size: 11px;
}
div.nav-hierarchy {
	font-weight: normal;
	display: inline;
	font-size: 11px;
}
div#content {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
    background-color: #DDDDDD;
	clear: both;
}
div.navigationpt {
	background: #A7A7A7;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 8px;
	font-size: 11px;
	text-align: left;
	clear: both;
}
div.image-right{
	float: right;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	clear: right;
}
div.image-right2{
	float: right;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	clear: right;
}
div.image-left{
	float: left;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	clear: left;
}
div.image-center{
	float: center;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: center;
}
div.divider {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	clear: both;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #5E5E54;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* */
A{color:#000000;}
A:visited{color:#000000;}
A:hover{color:#323232;text-decoration:none;
}
/* */
p {
	text-align: justify;
	line-height: 1.4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
UL {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
    list-style-type: none;
	}
ol
{
  list-style: none;
  width: 50em;  /* room for 2 columns */
}
ol li
{
  float: left;
  width: 22em;  /* accommodate the widest item */
}
/* stop the floating after the list */
br
{
  clear: left;
}
/* separate the list from what follows it */
div.wrapper
{
  margin-bottom: 1em;
}
/* anchor styling */
table {
	text-align: center;
}
FORM {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
h5{
	font: bold 12px arial,verdana,helvetica,sans-serif;
	text-align: center;
	line-height: 1.8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h6 {
	font-size: bold 12px arial,verdana,helvetica,sans-serif;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}