div#content h1{
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	margin: .5em;
	line-height: 120%;
}
div#page_Description{
	text-align: justify;
	font-size: 110%;
	font-weight: bold;
	margin: .5em;
	line-height: 120%;	
	color: #CC0000;
}

div.feature{
  float: left;
  text-align: left;
  margin: 0;
}
div.c3 div.feature{
  width: 32%;
  margin-right: 1.9%;
}
div.c2 div.feature{
  width: 49%;
}
div.c1 div.feature{
  width: 99%;
}
div#features div.last{
  margin-right: 0;
  float: right;
}
div#area{
	margin: 10px;
	width: 730px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}
div.feature h4{
	background: #006600;
	color: #eee;
	padding: .3em;
	font-size: 1em;
	margin: .5em 0;
}
div.feature a{
	color: #eee;
	text-decoration: none;
}
div.feature h4 a:hover{
	color: #fff;
	text-decoration: underline;
}
div.feature p{
	margin: .5em;
}
div.bodyCopy{
  margin: 1em 0;
  padding: .5em .5em 1em .5em;
  border-top: 1px solid #006600;
  text-align: left;
}
div.bodyCopy p{
  text-align: left;
}
p.featureImage{
  text-align: center;
}
p.featureImage a img{
  display: block;
  padding: 2px;
  border: 1px solid #006600;
  margin: 0 auto;
}
p.featureImage a:hover img{
  border: 1px solid #55dd55;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Fix IE. Hide from IE Mac \*/
* html .clearfix {height: 1%;}
/* End */