body {
  background-color: #e5e9ed;
}
#container{
  width: 976px;
  margin: 0 auto;
  background:  #FFFFFF url('../images/backgrounds/body_bg.gif')  repeat-y top center;
  
}

#container-min{
  width: 400px;
  margin: 0 auto;
  background-color: #FFFFFF;
  
}

#header{
  margin: 0 18px;
  /*background: #FFFFFF url('../images/backgrounds/header_bg.jpg')  no-repeat top right; */
  background: #FFFFFF url('../images/backgrounds/header_bg6.jpg')  no-repeat top right;
}

#logo-hsl{
  padding: 10px 18px 0 18px;
}

#main-nav{
  padding: 0 18px;
}

#abstract{
  clear: both;
  margin: 0 18px;
  height: 100px;
  background: #FFFFFF url('../images/impact/grad_bg.jpg') no-repeat scroll top center;
}


/* HOME PAGE STRUCTURAL ELEMENTS */
#content-home{
  /*  background: #DCEDFD url('../images/backgrounds/home_bg.jpg')  no-repeat right bottom; */
  background-color: #DCEDFD;
  margin: 0 18px;
  padding:18px;
  min-height: 500px;
}

#content-home .home-right
{
  width: 200px;
  float: right;
  }
#content-home .home-left div,
#content-home .home-right div{
/*
  padding: 18px;
  margin-bottom: 18px;
  */
}

#content-home div.top{
  display: inline;
  margin-right: 10px;
  float: left;
 height: 205px;
}

#content-home div.top.welcome,
#content-home div.top.cov-and-prc{
  width: 308px;
}




#content-home div.top.promo{
  width: 195px;
}
#content-home div.top.cov-and-prc{
  margin-right: 0;
}

#content-home div.bottom{
  display: inline;
  float: left;
  margin-right:  10px;
  /* height: 220px; */
}

#content-home div.top.promo,
#content-home div.bottom.demo{
  width: 155px;
}
#content-home div.bottom.sectors{
  margin-right:  0;
}
#content-home div.bottom.sectors,
#content-home div.bottom.services{
  width: 410px;
  height: 290px;  
}

#content-home .sub-left{
  float: left;
  margin-right: 18px;
}
#content-home .sub-right{
  float: right;
}



#content-home div.welcome,
#content-home div.services,
#content-home div.cov-and-prc,
#content-home div.sectors,
#content-home div.promo{
  padding: 18px; 
  margin-bottom: 9px; 
  background: #F8F8F8; 
} 
#content-home div.demo{
  /*background-color: #FFD75F;*/
  height: 80px;
  padding: 18px; 
  margin-bottom: 9px; 
}

#content-home #demo-left{
  float: left; 
  width: 30%; 
}
#content-home #demo-right{
  float: right; 
  width: 66%; 
}
#content-home div.mission-statement,
#content-home div.bottom{
  margin-top: 0;
  margin-bottom: 0;
}

#content-area{
  margin: 0 18px;
    
  background: transparent url('../images/backgrounds/body_bg.jpg')  no-repeat top right;   
}

#content{
  margin: 0 18px;

}

#content #three-cols{
  background: transparent url('../images/backgrounds/bg-3cols.jpg') repeat-y top left;
  padding: 1em 0 0 0;
}
#content #nav-col-wider-content{
  background: transparent url('../images/backgrounds/bg-2cols.jpg') repeat-y top left;
  padding: 1em 0 0 0;
}
#content #widget-col-wider-content{
  background: transparent url('../images/backgrounds/bg-2cols-right.gif') repeat-y top left;
  padding: 1em 0 0 0.5em;
}
#content #full-width{
  padding: 1em 18px 0 18px;
}
#content .content-main-wider .coverage-left{
  float: left;
  width: 548px;
  padding-right:  1em;
}
#content .content-main-wider .coverage-right{
  float: right;
  width: 150px;
}
#content .content-main-wider .content-right{
  float:right;
  width: 195px;
  height: 50px;
  clear: both;
}
#content #full-width-app-form{
  padding: 1em 8em 0 8em;
}
#content-left{
  
}

#content-right{
  
}

/* start paste */
#content .content-left{
  float: left;
  width: 359px;
}
#content .content-right{
  float:right;
  width: 359px;
}

#content .content-left-nav{
  float: left;
  width: 168px;
  /* border: 1px solid gray; */
}

/* subnav */
#navcontainer
{

  padding: 0px;
  margin-bottom: 1em;
  color: #333;
}

#navcontainer ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
}

#navcontainer li
{
  border-bottom: 1px dotted #C2C2C2;
  margin: 0;
}

#navcontainer li a
{
  display: block;
  padding: 0.75em 1em;
  width: 142px;

  text-decoration: none;
}

#navcontainer li a:hover,
#navcontainer li a.current
{
  background-color: #005FAE;
  color: #fff;
}



#content .content-main{
  padding: 0 18px;
  float: left;
  width: 552px;
  /* border: 1px solid gray; */
}
#content .content-main-wider{
  padding-left: 10px;
  float: left;
  width: 726px;
  /* border: 1px solid gray; */
}


#content .content-right-widget{
  padding: 0 18px;
  float:right;
  width: 148px;
  /* border: 1px solid gray; */
}

#content .widget{
  float:right;
  width: 130px;
  min-height: 130px;
  border: 1px solid #005FAE;
  
  padding: 10px;
  padding-bottom: 0;
  margin-bottom: 20px;
}

#content .callback-widget{
  float:right;

}

#content .smsdemo-widget{
  float:right;
  width: 130px;
  border: 1px solid #005FAE;
  
  padding: 10px;
  margin-bottom: 20px;
}

#content .smsdemo-widget-coverage{
  float:right;
  width: 130px;
  border: 1px solid #005FAE;
  padding: 10px;
  margin-bottom: 0;
}

/* end paste */


#footer{
  clear: both;
  width: 976px;
  margin-top: 0;
  background: transparent url('../images/backgrounds/foot_bg.jpg') bottom  center no-repeat;
  height: 83px;
}

#footer-content{
  background-color: #005fae;
  color: #FFFFFF;
  font-size: 0.9em;
  border-top: 3px solid #0e4268;
  height: 30px;
  margin: 0 18px;
  padding: 15px 0;
  text-align: center;
  background: #005fae url('../images/logos/hsl-logo-white.gif') no-repeat right center;
  
}
#footer-content a{
  background-color: transparent;
  color: #FFFFFF;
  text-decoration: none;
}

#footer-min{
  clear: both;
  width: 400px;
  margin-top: 0;
}

#footer-content-min{
  background-color: #005fae;
  color: #002a43;
  border-top: 3px solid #0e4268;
  height: 40px;
  padding: 10px;
}