/* Style Sheet Adult Yngadult Women Supplemental
Site: Daytop
Version: 1.0
Author: Robert Gattullo    rgattullo@daytop.org Copyrighted material commented */ 
/* header */

#title-adult h1 { margin: 0 1px 0 190px; padding: 5px 0 0 0; width: 424px; height: 34px; background: url(../img/title-adult.gif) no-repeat; text-indent: -9000px;}
#title-yngadult h1, #title-sup h1 { margin: 2px 1px 0 85px; padding: 5px 0 0 0; width: 531px; height: 32px; text-indent: -9000px;}
#title-yngadult h1 {background: url(../img/title-yngadults.gif) no-repeat;} 
#title-wp h1 { margin: 2px 1px 0 240px; padding: 5px 0 0 0; width: 336px; height: 32px; background: url(../img/title-women.gif) no-repeat; text-indent: -9000px;}
#title-sup h1 { margin: 2px 1px 0 180px; padding: 5px 0 0 0; width: 432px; height: 33px; background: url(../img/title-supplemental.gif) no-repeat; text-indent: -9000px;}
#hdrpic6 {margin: -103px 0 0 620px; padding-top: 10px; padding-left: 10px; width: 199px; height: 99px; text-indent: -9000px;}
#hdrpic1, #hdrpic7, #hdrpic8 {margin: -104px 0 0 620px; padding-top: 10px; padding-left: 10px; width: 199px; height: 99px; text-indent: -9000px;}
#hdrpic1 {background: url(../img/women-hdr.jpg) no-repeat;}
#hdrpic7 {background: url(../img/yngadult-hdr.jpg) no-repeat;}
#hdrpic6 {background: url(../img/adult-hdr.jpg) no-repeat;}
#hdrpic8 {background: url(../img/supplemental-hdr.jpg) no-repeat;} 
/* center navigation */
.outer13 span, .outer14 span, .outer15 span, .outer16 span, .outer17 span, .outer18 span, .outer19 span, .outer20 span, .outer21 span, .outer22 span, .outer23 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer13 a:hover, .outer14 a:hover, .outer15 a:hover, .outer16 a:hover, .outer17 a:hover, .outer18 a:hover, .outer19 a:hover, .outer20 a:hover, .outer21 a:hover, .outer22 a:hover, .outer23 a:hover { background-image: none;}
.outer13 a:active, .outer14 a:active, .outer15 a:active, .outer16 a:active, .outer17 a:active, .outer18 a:active, .outer19 a:active, .outer20 a:active, .outer21 a:active, .outer22 a:active, .outer23 a:active { color: #000;}
/* adult-serv */
.outer13 { float: left; width: 120px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-veterans.gif ) -120px 0px no-repeat;}
.outer13 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-veterans.gif ) top left no-repeat;}
.outer14 { float: left; width: 120px; height: 24px; margin: -8px 1px 5px 4px; background: url( ../img/center-nav1.gif ) -120px 0px no-repeat;}
.outer14 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-nav1.gif ) top left no-repeat;}
.outer15 { float: left; width: 120px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-nav2.gif ) -120px 0px no-repeat;}
.outer15 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-nav2.gif ) top left no-repeat;}
/* yngadult-serv */
.outer16 { float: left; width: 120px; height: 24px; margin: -8px 1px 5px 4px; background: url( ../img/center-nav1.gif ) -120px 0px no-repeat;}
.outer16 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-nav1.gif ) top left no-repeat;}
.outer17 { float: left; width: 120px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-nav2.gif ) -120px 0px no-repeat;}
.outer17 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-nav2.gif ) top left no-repeat;}
.outer18 { float: left; width: 180px; height: 24px; margin: -8px 1px 5px 4px; background: url( ../img/center-wom1.gif ) -180px 0px no-repeat;}
.outer18 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-wom1.gif ) top left no-repeat;}
.outer19 { float: left; width: 180px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-wom2.gif ) -180px 0px no-repeat;}
.outer19 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-wom2.gif ) top left no-repeat;}
/* supplemental-serv */
.outer20 { float: left; width: 70px; height: 24px; margin: -8px 1px 5px 4px; background: url( ../img/center-sup1.gif ) -70px 0px no-repeat;}
.outer20 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-sup1.gif ) top left no-repeat;}
.outer21 { float: left; width: 70px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-sup2.gif ) -70px 0px no-repeat;}
.outer21 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-sup2.gif ) top left no-repeat;}
.outer22 { float: left; width: 100px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-sup3.gif ) -100px 0px no-repeat;}
.outer22 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-sup3.gif ) top left no-repeat;}
.outer23 { float: left; width: 100px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-sup4.gif ) -100px 0px no-repeat;}
.outer23 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-sup4.gif ) top left no-repeat;}
 
/* Page Content */
.content { float: left; width: 465px; margin: 0 -10px 0 5px;}
/* adult-serv pix */
#bord11, #bord13, #bord14, #bord15, #bord16 { float: left; margin: 15px 0 5px 0; border: 0px; z-index: 1; width: 465px; height: 76px; background: url(../img/serv-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic45, #tpic46, #tpic43, #tpic44, #tpic47 { float: right; margin: 20px -3px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic45 {background: url(../img/adult-serv1.jpg) no-repeat;}
#tpic46 {background: url(../img/adult-serv2.jpg) no-repeat;}
#tpic43 {background: url(../img/adult-serv3.jpg) no-repeat;}
#tpic44 {background: url(../img/adult-serv4.jpg) no-repeat;}
#tpic47 {background: url(../img/adult-serv5.jpg) no-repeat;}
/* yngadult-serv pix */
.content h1 { margin: 5px 1px 0 0; padding: 3px 0 0 3px;}
#bord17, #bord18, #bord19, #bord20 { float: left; margin: 15px 0 5px 0; border: 0px; z-index: 1; width: 465px; height: 76px; background: url(../img/serv-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic73, #tpic74, #tpic75, #tpic76  { float: right; margin: 20px -5px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic73 {background: url(../img/yngadult-serv1.jpg) no-repeat;}
#tpic74 {background: url(../img/yngadult-serv2.jpg) no-repeat;}
#tpic75 {background: url(../img/yngadult-serv3.jpg) no-repeat;}
#tpic76 {background: url(../img/yngadult-serv4.jpg) no-repeat;}
/* women-serv pix */
#bord16, #bord17, #bord18, #bord19, #bord20, #bord21 { float: left; margin: 15px 0 5px 0; border: 0px; z-index: 1; width: 465px; height: 76px; background: url(../img/serv-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic32, #tpic33, #tpic34, #tpic35, #tpic36, #tpic37 { float: right; margin: 19px -5px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic32 { background: url(../img/women-serv1.jpg) no-repeat;} 
#tpic33 { background: url(../img/women-serv2.jpg) no-repeat;}
#tpic34 { background: url(../img/women-serv3.jpg) no-repeat;}
#tpic35 { background: url(../img/women-serv4.jpg) no-repeat;}
#tpic36 { background: url(../img/women-serv5.jpg) no-repeat;}
#tpic37 { background: url(../img/women-serv6.jpg) no-repeat;}
/* supplemental-serv pix */
#bord22, #bord23, #bord24 { float: left; margin: 15px 0 5px 0; border: 0px; width: 465px; height: 76px; background: url(../img/serv-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic70, #tpic71, #tpic72 { float: right; margin: 19px -5px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic70 { background: url(../img/sup-serv1.jpg) no-repeat;}
#tpic71 { background: url(../img/sup-serv2.jpg) no-repeat;}
#tpic72 { background: url(../img/sup-serv3.jpg) no-repeat;}
.titlepix { margin: 100px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.content h3 { margin: 15px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.parapix { margin: 100px 1px 0 0; padding: 5px 0 0 3px;}
.content h5 { margin: 5px 1px 0 0; padding: 3px 0 0 3px; letter-spacing: .15em; clear: right;}
.content p { margin: 0 1px 0 0; padding: 5px 0 0 3px;}
.subtitle { margin: 25px 1px 0 0; padding: 3px 0 0 3px; letter-spacing: .15em; clear: right;}
.content ul {margin: 0 0 0 50px; padding: 5px; list-style-type: none;}
.content li { margin: 0 0 5px 0; background: url(../img/bullet.gif) no-repeat 0 55%; padding-left: 20px;}
/* Information Column */
#secondcontent h4 { margin: 10px 10px 1px 0; text-align: left; border-bottom: 1px solid #7d7757;}
#secondcontent p { margin: 0;}
#navtop p { float: right; margin: 400px 0 0 0; padding: 0 10px 0 0;}
#navtop2 p { float: right; margin: 1100px -80px 0 80px; padding: 0 10px 0 0;}
#navtop4 p { float: right; margin: -80px 0 0 0; padding: 0 10px 0 0;}
.box-title { margin: 15px 10px 1px 0; padding: 3px 3px 3px 1px; text-align: center; border-bottom: 1px solid #000; background-color: #a8ba3a;}
#secondcontent h6 { margin: 1px 10px 1px 0; text-align: left; border-top: 1px solid #000; background-color: #8fd681;}