/*
 * index.css
 * Index page style sheet for big brothers big sisters
 * Author: Steve Collins - PDG+Creative Bartlesville, OK
 */
 
 /*
  * Contents:
  *  - div-specific styles
  *  - layout
  *  - additional styles
  */
  
  body {
     background: #5a66a8 url(../../images/bg_body.gif) repeat-x; 
  }
  
  /* div-specific styles
  *****************************/
  
 /* bottom content items */

 #zip_search {
   margin: 10px 0px 0px 0px;
   width: 96px;
   height: 23px;
   border: none;
   background: url(../../images/sm_input.gif) no-repeat;
   padding: 3px 0px 0px 3px;
 }

 #zip_submit {
   padding-bottom: 4px;
   border: none;
   background: url(../../images/submit_white.gif) no-repeat;
   width: 65px;
   height: 26px;
   color: #fff;
   } 
   
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #zip_submit {
    padding-top: 6px;
  }
}
 #results {
  float: left;
  width: 613px;
  margin: 20px 0px 40px 0px;
 }
 
 #results h5 {
   font-size: 15px;
   color: #058a4a;
 }
 
 .zip_result {
  float: left;
  margin-left: 11px;
  width: 180px;
 }
   .zip_result li {
     font-size: 13px;
     color: #2a2a2a;
   }
   .zip_result a {
     display: block;
     margin-bottom: 10px;
   }

 /* Zip-result boxes */
 #home_inner {
  /* background: url(../../images/bg_resultbox.gif) repeat-y;*/
   width: 216px;
 }

 #home_office {
/*   background: url(../../images/resultbox_bot.gif) no-repeat bottom;*/
   float: left;
   padding-bottom: 9px;
   margin-left: 66px;
 }

 .home_result {
/*   background: url(../../images/resultbox_top.gif) no-repeat top;*/
   padding-top: 9px;
 }
   .home_result h3 {
	 padding:15px 0 8px;
     font-size: 23px;
     color: #6d180f; 
   }
   
   .home_result a {
     display: block;
     margin-bottom: 10px;
     padding: 0px 0px 0px 5px;
   }
   
   .home_result ul {
     
   }
   
   .home_result li {
     font-size: 13px;
     color: #2a2a2a;
   }
   
 #or {
   float: left;
   width: 42px;
   height: 110px;
   margin: 22px 0px 22px 17px;
   background: url(../../images/or.gif) no-repeat;
 }
   
 #other_offices {
   width: 224px;
   float: right;
 }
   
 #other_offices h3 {
   padding: 9px 0px 8px 8px;
 }

 #zip_box {
   width: 220px;
   float: left;
   margin: 12px 0px 0px 0px;
 }
 
 #zip_box p {
   float:left;
   margin-top: 13px;
 }
 #zip_box .find_office {
   font-size: 22px;
     color: #6d180f; 
 }
 
 

/* newsletter box */
#newsletter {
  float:right;
  width: 200px;
  background: url(../../images/news_bot.gif) no-repeat bottom;
  padding-bottom: 9px;
  margin: 0px 20px 0px 0px;
}

#newsletter p {
  color: #fff;
  font-size: 15px;
  padding: 15px;
}

  #news_top {
    height: 46px;
    width: 200px;
    background: url(../../images/news_top.gif) no-repeat;
    position: relative;
  }
  
  #news_inner {
    background: url(../../images/bg_newsletter.gif) repeat-y;
    width: 200px;
  }
    #news_inner label {
      color: #fff;
      font-size: 15px;
      padding-top: 20px;
      margin-left: 15px;
      display: block;
    }
  
  #news_email {
    width: 171px;
    height: 26px;
    background: url(../../images/lrg_input.gif) no-repeat;
    border: none;
    padding: 3px;
    margin: 5px 10px 12px 15px;
  }
    #email_submit {
      height: 28px;
      width: 66px;
      background: url(../../images/submit_purple.gif) no-repeat;
      border: none;
      margin: 0px 0px 10px 123px;
    }
  
  #news_icon {
    width: 65px;
    height: 72px;
    position: absolute;
    right: 6px;
    top: -5px;
    background: url(../../images/newspaper.png) no-repeat;
  }
  
   #newsletter h4 {
    color: #fff;
    font-size: 15px;
    width: 125px;
    padding: 7px 0px 0px 8px;
  }
  
  /* News Download */
  #news_download {
    width: 200px;
    float:right;
    margin: 10px 20px 0px 0px;
  }
  
  #news_download a {
    font-size: 11px;
    position: relative;
    top: -10px;
  }

  
  
  /* layout 
  *******************************/

#main_wrap {
  width: 920px;
  margin: 11px auto;
  background: #5a66a8; 
  position: relative;
}

#top {
  background: url(../../images/bg_top.gif) repeat-x;
  height: 195px;
}

  #logo_area {
    height: 116px;
    width: 920px;
    margin: 0px auto 0px auto;
    position: relative;
    background: url(../../images/bg_logoarea.gif) repeat-x; 
  }
    #logo {
      width: 385px;
      height: 116px;
      float: right;
      padding-left: 24px;
      background: url(../../images/logo.gif) no-repeat;
    }


#mid {
  height: 234px;
  background: url(../../images/bg_mid.gif) repeat-x;
  z-index: 10;
}

#home #mid_wrap {
   height: 234px;
   width: 923px;
   z-index: 20;
   margin: 0px auto 0px auto;
   background: url(../../images/bg_mid_cont.jpg) no-repeat;
   position: relative;
   right: 2px;
 }
  
   #main_nav {
     margin-top: 5px;
     height: 68px;
     width: 600px;
     float: right;
     position: relative;
     left: -8px;
   }
   #mid_content{
color:#121B3A;
float:right;
font-size:14px;
line-height:24px;
margin-right:20px;
margin-top:13px;
width:580px;
   }
   
#util_wrap {
  height: 27px;
  background: #fff;
}
#home #utilities {
    background: url(../../images/bg_util.gif) no-repeat;
    height: 27px;
    width: 924px;
    margin: 0px 0px 0px -2px;
  }


#bottom {
  background: #5b67a9 url(../../images/bg_bottom.gif) repeat-x;
  min-height: 422px;
}
  #bot_wrap {
    background: #5c68ab url(../../images/bg_bot_wrap.gif) repeat-x;
    width: 919px;
    margin: 0px auto 0px auto;
  }

 #bot_cont_outer {
   background: url(../../images/bot_cont_bottom.png) no-repeat bottom;
   width: 869px;
   margin: 0px 25px 0px 25px;
   padding: 17px 0px 6px 0px;
 }

  #bot_cont {
    width: 869px;
    background:  url(../../images/bot_cont_top.png) no-repeat center top;
    padding-top: 6px;
  }
  
  #bot_cont_inner {
    background: #fff;
  }