/* Style Sheet stories 
Site: Daytop
Version: 1.0
Author: Robert Gattullo    rgattullo@daytop.org
        Copyrighted material commented */ 

#page-header-story { margin: 10px 0 0 0; height: 140px; background: #fff url(../img/header-story.gif) top left no-repeat; clear: both;}
#page-header-story a { margin: 7px 0 0 20px; padding-top: 0; padding-left: 10px; width: 250px; height: 67px; background: url(../img/dtlogosmall.gif) no-repeat; display: block; text-indent: -9000px;}
/* Teen Story */
#page-header-story h1 { margin: 0 1px 0 190px; padding: 5px 0 0 0;}
#page-header-story h2 { margin: -5px 1px 10px 350px; padding: 5px 0 0 0;}
.headline { margin: 0 0 0 75px;}
h2 em { color: #7e8aa2;}
/* Adult Story */
h1 em { margin: 0;}
.headline2 { margin: 0 0 0 100px;}
.headline3 { margin: 0 0 0 400px;} 
/* Family Story */
.headline4 { margin: 0 0 0 463px;}
.indent { margin: 0 0 0 70px;}
/* Page Content */
.content { float: left; width: 545px; margin: -10px -10px 0 5px;}
.open-para { margin: 15px 50px 0 0; padding: 5px 0 0 3px;} 
.content h4 { width: 385px; margin: 5px 1px 5px 95px; padding: 3px 0 0 3px; border-bottom: #b20838 2px solid;}
.content p { margin: 1px 50px 0 95px; padding: 5px 0 0 3px;}
/* feature story */
.content h1 { margin: -5px 1px 0 0; padding: 3px 0 0 3px;}
.feat-para { margin: 15px 50px 0 0; padding: 5px 0 0 3px;}
.feat-para2 { margin: 0 50px 0 0; padding: 5px 0 0 3px;}
.feat-para3 { margin: 1px 50px 0 95px; padding: 5px 0 0 3px; border-top: #b20838 2px solid;}
.feat-quote { margin: 5px 1px -15px 95px; padding: 3px 0 0 3px; letter-spacing: .10em;} 
.content .indent { margin: 0 1px 0 135px; padding: 3px 0 0 3px; letter-spacing: .10em;}
.content .indent2 { margin: -2px 1px 0 170px; padding: 3px 0 0 3px; letter-spacing: .10em;}
.content .indent3 { margin: 0 1px -10px 125px; padding: 3px 0 0 3px; letter-spacing: .10em;}
.feat-quote2 { width: 385px; margin: 10px 10px -2px 100px; padding: 10px 0 5px 0;}
.content blockquote p{ margin: -2px 20px -2px 100px; padding: 10px 0 5px 0;}
.author { margin: -5px 0 -2px 150px; padding: 0 0 10px 0;}
.author2 { margin: -5px 0 -2px 320px; padding: 0 0 10px 0;}
/* Feature Story Images */
#bord56 { float: left; margin: -125px 0 5px 528px; border: 0px; width: 76px; height: 465px; background: url(../img/story-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic104 { float: right; margin: -121px -63px -25px 15px; z-index: 2; border: 0px; width: 78px; height: 300px; background: url(../img/edu-feat2.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#bord57 { float: left; margin: -333px 0 5px 10px; border: 0px; width: 76px; height: 780px; background: url(../img/feat-bord-long.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic105 { float: left; margin: -330px -60px -25px 5px; z-index: 2; border: 0px; width: 78px; height: 300px; background: url(../img/edu-feat3.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic106 { float: left; margin: 142px -40px -25px 5px; z-index: 2; border: 0px; width: 78px; height: 300px; background: url(../img/edu-feat4.jpg) no-repeat; text-indent: -9000px; position: relative;}
/* Teen Story Images */
#bord52 { float: left; margin: -95px 0 5px 525px; border: 0px; width: 76px; height: 465px; background: url(../img/story-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#bord53 { float: left; margin: -235px 0 5px 10px; border: 0px; width: 76px; height: 840px; background: url(../img/story-bord-long.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic94 { float: right; margin: -92px -60px -25px 20px; z-index: 2; border: 0px; width: 78px; height: 299px; background: url(../img/story-teen1.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic95 { float: left; margin: -230px -60px -25px 4px; z-index: 2; border: 0px; width: 78px; height: 299px; background: url(../img/story-teen2.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic96 { float: left; margin: 300px -60px -25px -25px; z-index: 2; border: 0px; width: 78px; height: 299px; background: url(../img/story-teen3.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
/* Adult Story Images */
#bord50 { float: left; margin: -150px 0 5px 530px; border: 0px; width: 76px; height: 465px; background: url(../img/story-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#bord51 { float: left; margin: -120px 0 5px 10px; border: 0px; width: 76px; height: 732px; background: url(../img/story-bord-long2.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic97 { float: right; margin: -146px -65px -25px 13px; z-index: 2; border: 0px; width: 78px; height: 299px; background: url(../img/story-adult1.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic98 { float: left; margin: -116px -50px -25px 4px; z-index: 2; border: 0px; width: 78px; height: 299px; background: url(../img/story-adult2.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic99 { float: left; margin: 305px -60px -25px -35px; z-index: 2; border: 0px; width: 78px; height: 299px; background: url(../img/story-adult3.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
/* Family Story Images */
#bord54 { float: left; margin: -100px 0 5px 530px; border: 0px; width: 76px; height: 465px; background: url(../img/story-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#bord55 { float: left; margin: -100px 0 5px 10px; border: 0px; width: 76px; height: 732px; background: url(../img/story-bord-long2.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic100 { float: right; margin: -96px -66px -25px 19px; z-index: 2; border: 0px; width: 78px; height: 300px; background: url(../img/story-family1.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic101 { float: left; margin: -96px -50px -25px 5px; z-index: 2; border: 0px; width: 78px; height: 300px; background: url(../img/story-family2.jpg) no-repeat; text-indent: -9000px; position: relative;}
#tpic102 { float: left; margin: 328px -60px -25px -28px; z-index: 2; border: 0px; width: 78px; height: 300px; background: url(../img/story-family3.jpg) no-repeat; text-indent: -9000px; position: relative;}
/* Information Column */
#secondcontent { float: right; width: 80px; margin: 0 2px 0 3px;}
#navtop3 p { float: right; margin: -80px 0 0 0; padding: 0 10px 0 0;}