/*  STEPS   */
#homePage{   width:650px; float:left; }
#hpSteps{ margin:  0 ;  background: #6BAECB; height:120px;padding:10px; font-size: 1.2em;  }
#hpSteps a:link,#hpSteps a:active,#hpSteps a:visited{color:#FFF; font-weight: normal; }
#hpSteps a:hover{color:#005C31; }
#p1{ color:#800000; }
#p2{ color:#FFF; margin: 10px auto;}
hr.rule{ height:1px; padding:0;background-color:  #333333; color:  #333333;margin:10px 0; border:none; }
div.rule{ height:1px; padding:0;background-color:  #333333; color:  #333333;margin:5px 0; border:none; }
#hpSteps hr.rule{ margin:15px 0 !important;  }
.numeral{float:left; margin-right:5px;}
#step1 { color:#000; width: 120px; float:left; }
#step2 { color:#000; width: 200px; float:left; margin: 0 40px;}
#step3{ color:#000; width: 220px; float:left;}


#hpBody{ margin:10px 0; border: solid 10px #E6E6E6; padding:10px 10px; }

#hpBodyTopR form, #hpBodyTopR input, #hpBodyTopR textarea{ font-size: .9em;}
#hpBodyTop{ background: #E6E6E6; margin-bottom: 10px; height:252px; }


#hpBodyTopL{ position: relative;padding: 5px 10px; width:300px;height:240px;}
#hpBodyTopR{ position:relative; width:280px; height:250px;  float: right; border: solid 1px #888; }  /* SS Images */
#ssNav { z-index: 50; position: absolute; bottom: 0px; left: 0px; text-align:center;width:280px; }
#ssNav a {display: block; float:left; width:33px;font-size: .5em; height:5px; margin: 0; padding: 0; border: solid 1px #CCC;  background: #6BAECB; color: #6BAECB!important; text-decoration: none }
#ssNav a.activeSlide { background: #800; color: #800 !important; ; }
#ssNav a:focus { outline: none; }


#hpBodyTopR img{border:0; position:absolute;  clip: rect(0px 280px 250px 0px);  }

.hpPanelLeft, .hpPanelRight{
position: relative; width:45%; ;padding: 5px 10px; height:210px;  background: #F6F6F6;  }
.hpPanelLeft{  }
.hpPanelRight{ float: right;    }
.hpPanelLeft h2, .hpPanelRight h2{ margin: 10px 0 5px 0;}

.hpPanelLeft .aReadMore, .hpPanelRight .aReadMore, #hpBodyTopL .aReadMore{
  position: absolute; bottom:0px; right:0px;
}
#hpFootNote{clear: both;  font-size: 9pt; margin-top: 55px; text-align:center;}

.hpPanelLeft .link, .hpPanelRight .link{ color:  #555 !important; font-weight: bold;}
.hpPanelLeft .link:hover, .hpPanelRight .link:hover{ color:  #000 !important;  }

#hpBody .rowSep{ clear: both; width:100%; overflow: auto; margin: 13px 0;}

/* home page  contact form   */
#hpContactForm{margin: 10px; }
#hpContactForm fieldset, #hpContactForm legend{ border: solid 1px #CCC;}
#hpContactForm fieldset{  }

#hpContactForm div{margin-top: 10px;}
#hpContactForm label {width:20%; margin:0 3% 0 0; display: block; float:left;padding: 2px;}
#scConthpContactFormactForm .mustHave{font-weight: bold; }
#hpContactForm input[type="text"], #hpContactForm textarea {width:70%; ; }
#hpContactForm input[type="submit"]  {
clear: both;  display:block;
float: right;  margin:   5px;
 border: none;  background: url(images/btn_130x30.gif) top left; width:130px; height:30px;
 color:#FFF !important;font-size: 1.1em; line-height:30px; text-decoration: none !important; text-align:center;}

/* Saffert contact form   */
#scContactForm{margin: 10px;}
#scContactForm fieldset, #scContactForm legend{ border: solid 1px #CCC;}
#scContactForm fieldset{ background: #F6F6F6;  }
#scContactForm legend{ font-size: 1.1em;  padding: 3px 5px; background: #B3B3B3; color:#FFF; margin: 0 0 0 10px; }
#scContactForm div{margin-top: 10px;}
#scContactForm label {width:12%; margin:0 3% 0  5%; display: block; float:left;padding: 2px;}
#scContactForm .mustHave{font-weight: bold; }
#scContactForm input[type="text"], #scContactForm textarea {width:70%; margin-right: 5%;}
#scContactForm input[type="submit"]  {
clear: both;  display:block;
float: right;  margin:   5px;
 border: none;  background: url(images/btn_130x30.gif) top left; width:130px; height:30px;
 color:#FFF !important;font-size: 1.1em; line-height:30px; text-decoration: none !important; text-align:center;}