/*  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; }
#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;}

#adMapLink {width:280px; height: 175px; background: url(images/adMap.jpg) no-repeat;}

#sbPromo{
  width:400px;
  background: #EEE;
  float:right;
  margin: 0 5px 10px 10px;
  padding-bottom: 20px;
}
.sbPromoBlock {
  padding:10px;
}
.sbPromoBlock ul{
   font-size: 1.2em; line-height: 1.5em;  font-weight: bold;
  color:#000;
}
.sbLinkBlock{
  padding:10px; line-height: 1.5em;
}