html, body
{
	margin: 0px 0px 0px 0px;
    /* background-color: rgb(139, 197, 63); color for green  */
    background-color: #8BC53F; /* <-- current good value */
	/*background-color: #8BB381;  <-- proposed replacement */
    height: 100%;
    padding: 0px 0px 0px 0px;
    font-family: Verdana;
    font-size: 10pt;
}

.headerSection
{
	float:none;
	width: 100%;
	clear:both;	
	
	margin-left:auto;
	margin-right:auto;
	
}


.headerLeft
{
/*	background-image: url('/helpcard/images/helpcard_logo.png');
	background-repeat: no-repeat; */

	width: 100%;
	/*height: 90px;*/
	float: none;
}

.headerRight
{
	height: 90px;
	clear: none;
	float: right;
	margin-right: 15px;
}


.footerSection
{
	float:none;
	clear:both;
	height: auto;
	margin-left: 2px;
	margin-right: 2px;	
	text-align:center;
}

.leftDiv
{
	/*float: left; */
	position:absolute;
	left: 1px;
	top: 95px;
	margin-left: 10px;
	width: 275px;
	height: 750px;
	clear:none;
	background-color:Transparent;
	
	
	/*
	background-image: url('/helpcard/images/left_content_panel_bg_purple.png');
	background-repeat: no-repeat;
	*/
	
}

.centerDiv
{
	height: 718px;
	padding-left: 35px;
	padding-top: 15px;
	margin-right: 15px;
	background-color: #BBA6CD; 
	background-image: url('/helpcard/images/centerdiv_background_image_top.png');
    background-repeat: repeat-x;
    background-position: top;
    /*float:left;*/
    float:none;
    position:absolute;
    left: 276px;
    top: 95px;
    width: 74%;
    clear:none;
    display:inline;
		
}

.bottomDiv
{
  float:none;
  vertical-align: bottom;
  width: 500px;	
  margin-left: 50px;
  margin-right: 200px;
  margin-top: 600px;
  height: 100px;
  padding-left: 15px;
  background-color: #BBA6CD;
  border: solid 2px blue;

}


/* styles used for the top navigation bar */


ul#nav, ul#nav li {
list-style-type:none;
margin:0pt;
padding:0pt;
font-size:smaller;
}

ul#nav {
float:right;
font-size:100%;
}

ul#nav li {
float:left;
margin-left:3px;
margin-top: 20px;
text-align:center;
}

ul#nav a {
background:#369A3D none repeat scroll 0%;
color:#FFFFCC;
float:left;
padding:5px 0pt;
text-decoration:none;
width:85px;
height: 30px;
}

ul#nav a:hover {
background:#CDFFA1 none repeat scroll 0%;
color:#006A35;
}
ul#nav li.activelink a, ul#nav li.activelink a:hover {
background:#FFFFFF none repeat scroll 0%;
color:#000033;
font-weight: bolder;
}

/* footer styling */
ul#fnav, ul#fnav li {
list-style-type:none;
margin:5pt;
padding:0pt;
font-size:smaller;
}

ul#fnav {
float:right;
font-size:100%;
}

ul#fnav li {
float:left;
margin-left:5px;
margin-top: 1px;
text-align:center;
clear:none;
}

ul#fnav a {
background:transparent none repeat scroll 0%;
color:#FFFFCC;
float:left;
padding: 5px 0pt;
text-decoration:none;
width:auto;
}

ul#fnav a:hover {
background:#CDFFA1 none repeat scroll 0%;
color:#006A35;
}
ul#fnav li.activelink a, ul#fnav li.activelink a:hover {
background:#FFFFFF none repeat scroll 0%;
color:#000033;
font-weight: bolder;
}

/* end footer styling */



.headerTheStyle
{
  font-size: .9em; 
  font-family: Century Schoolbook;
  font-style: normal; 
  font-weight: bold; 
  color:White; 
  /*color:Black;*/
  float:none; 
  /*margin-left: 5px;*/
  margin-left: 10px;
  margin-top: 8px;
}

.headerHelpcardStyle
{
 font-size: 3em;
 font-style: normal;
 font-weight: bold;
  font-family:Century Schoolbook;
 color:White;
 /*color:Black;*/
 margin-left: 0px;
 
 /*margin-top: -5px;*/
 margin-top: -15px;
 float:none;
}

.headerFinancingOptionsStyle
{
 font-size: .8em;
 font-style: normal;
  font-family:Century Schoolbook;
 
 font-weight: bold;
 color:White;
 /*color:Black;*/
 /*margin-left: 5px;*/
 /*new stuff*/
 margin-left: 15px;
 padding-left: 15px;
 /*end new stuff */
 margin-top: -5px;
 float:none;
}

.ContactUs
{
	background-color:Transparent;
	font-family: Arial Baltic;
}

.Blog
{
	background-color:Transparent;
	font-size: 1.3em;
	font-family: Arial Baltic;

	float:left; 
	clear:none; 
	margin-right: 255px; 
	margin-top: 0px;
	width: 60%;
	vertical-align:top;	
}

.Corporate
{
	background-color:Transparent;
	font-size: 1.3em;
	font-family: Arial Baltic;

	float:left; 
	clear:none; 
	margin-right: 255px; 
	margin-top: 0px;
	width: 60%;
	vertical-align:top;	
}


.FAQ
{
	background-color:Transparent;
	font-size: 1.0em;
	font-family: Arial Baltic;
	
}

.Services
{
	background-color: Transparent;
	float:left;
	clear: none;
}


.Home
{
	background-color: Transparent;
	float:left;
	clear: none;
	
	/*
	float:left; 
	clear:none; 
	margin-right: 255px; 
	margin-top: 0px;
	width: 350px;
	vertical-align:top;	
	*/
}

.HomeImageListStyle
{
	float:right;
	clear:none;
	margin-right: 5px;
	/* may need to add IE 6/7 hack here! */
	/* margin-top: -290px; */
	
	width: 255px;
	height: 205px;
	background-color:Transparent;	
	display:block;
	
}

.ExpandCollapseSection
{
	float: right; 
	width: 22px;

	text-align:right;
	padding-right: 3px;
    margin-top: 2px;

}
.SectionHeader
{
 color: White; 
 cursor: pointer; 
 margin-left:10px;
}


.collapsePanel {
	
	background-color:transparent;
	overflow:hidden;
	/*padding-left: 25px;*/
	padding-left: 10px;
	text-align:left;
}

.collapsePanelHeader{
	
	width:100%;
	height:25px;
	/*
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	*/
	margin-left: 10px;
	background-color:Purple;
	color:#FFF;
	font-weight:bold;
	
}

.servicesection
{
	display: none; 
	/*height: 500px; */
	height: auto;
	overflow:visible;
	background-color: Transparent; /*White */
	border:none;
	padding: 5px 10px 5px 10px;
	/*color: White;*/
	color: Black;
	
}

.contentPara
{
	text-align:center;
	/*background-color: White;	*/
	background-color: Transparent; 
}

.contentPara img
{
	width: 375px;
	height: 333px;	
	
}


.DevelopmentalSlideShow { height: auto; width: auto; margin: auto }
.DevelopmentalSlideShow img { padding: 1px; border: 1px solid #ccc; background-color: #eee; height:375px; width:333px; }