/* Style Sheet Worried-Quiz-FAQ-Family QandA 
Site: Daytop
Version: 1.0
Author: Robert Gattullo    rgattullo@daytop.org
        Copyrighted material commented */ 
/* header */
#title-faq { margin: 3px 1px 0 175px; padding: 5px 0 0 0; width: 600px; height: 37px; background: url(../img/title-faq.gif) no-repeat; text-indent: -9000px;}
#title-famqa {margin: 3px 1px 0 300px; padding: 5px 0 0 0; width: 198px; height: 30px; background: url(../img/title-fam-qa.gif) no-repeat; text-indent: -9000px;}
#title-worried {margin: 3px 1px 0 155px; padding: 5px 0 0 0; width: 453px; height: 30px; background: url(../img/title-worried.gif) no-repeat; text-indent: -9000px;}
#title-quiz h1 { margin: 3px 1px 0 220px; padding: 5px 0 0 0; width: 381px; height: 37px; background: url(../img/title-quiz.gif) no-repeat; text-indent: -9000px;}
#title-publications { margin: 3px 1px 0 290px; padding: 5px 0 0 0; width: 240px; height: 30px; background: url('../img/title-publications.gif') no-repeat; text-indent: -9000px;}
#title-resources { margin: 3px 1px 0 255px; padding: 5px 0 0 0; width: 319px; height: 37px; background: url('../img/title-resources.gif') no-repeat; text-indent: -9000px;}
#hdrpic11, #hdrpic19, #hdrpic20 {margin: -109px 0 0 620px; padding-top: 10px; padding-left: 10px; width: 199px; height: 99px; text-indent: -9000px;}
#hdrpic10 { margin: -108px 0 0 620px; padding-top: 10px; padding-left: 10px; width: 199px; height: 99px; background: url('../img/publications-hdr.jpg') no-repeat; text-indent: -9000px;}
#hdrpic11 {background: url('../img/resources-hdr.gif') no-repeat;}
#hdrpic10, #hdrpic17, #hdrpic18 { margin: -102px 0 0 620px; padding-top: 10px; padding-left: 10px; width: 199px; height: 99px; text-indent: -9000px;}
#hdrpic17 { background: url(../img/familyqa-hdr.jpg) no-repeat;}
#hdrpic18 {background: url(../img/worried-hdr.jpg) no-repeat;}
#hdrpic19 {background: url(../img/faq-hdr.jpg) no-repeat;}
#hdrpic20 {background: url(../img/quiz-hdr.jpg) no-repeat;}
/* Center Navigation */
.outer44 span, .outer45 span, .outer46 span, .outer47 span, .outer48 span, .outer49 span, .outer50 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer44 a:hover, .outer45 a:hover, .outer46 a:hover, .outer47 a:hover, .outer48 a:hover, .outer49 a:hover, .outer50 a:hover { background-image: none;}
.outer44 a:active, .outer45 a:active, .outer46 a:active, .outer47 a:active, .outer48 a:active, .outer49 a:active, .outer50 a:active { color: black;}
/* faq */
.outer44 { float: left; width: 115px; height: 24px; margin: 2px 1px 5px 4px; background: url( ../img/center-faq1.gif ) -115px 0px no-repeat;}
.outer44 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-faq1.gif ) top left no-repeat;}
.outer45 { float: left; width: 100px; height: 24px; margin: 2px 1px 5px 0; background: url( ../img/center-faq2.gif ) -100px 0px no-repeat;}
.outer45 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-faq2.gif ) top left no-repeat;}
.outer46 { float: left; width: 140px; height: 24px; margin: 2px 1px 5px 0; background: url( ../img/center-faq3.gif ) -140px 0px no-repeat;}
.outer46 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-faq3.gif ) top left no-repeat;}
.outer47 { float: left; width: 70px; height: 24px; margin: 2px 1px 5px 0; background: url( ../img/center-faq4.gif ) -70px 0px no-repeat;}
.outer47 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-faq4.gif ) top left no-repeat;}
/* family-qa */
.outer48 { float: left; width: 100px; height: 24px; margin: 5px 1px 5px 4px; background: url( ../img/center-famqa1.gif ) -100px 0px no-repeat;}
.outer48 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-famqa1.gif ) top left no-repeat;}
.outer49 { float: left; width: 115px; height: 24px; margin: 5px 1px 5px 0; background: url( ../img/center-famqa2.gif ) -115px 0px no-repeat;}
.outer49 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-famqa2.gif ) top left no-repeat;}
.outer50 { float: left; width: 115px; height: 24px; margin: 5px 1px 5px 0; background: url( ../img/center-famqa3.gif ) -115px 0px no-repeat;}
.outer50 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-famqa3.gif ) top left no-repeat;}

/* Page Content */
.content { float: left; width: 465px; margin: 0 -10px 0 5px;}
#bord44 { 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}
#tpic30, #tpic31 { 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;}
#tpic30 {background: url(../img/assess-quiz-pix1.gif) no-repeat;}
#tpic31 {background: url(../img/worried-pix1.gif) no-repeat;}
.content span { margin: 5px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em;}
.content h2 { margin: 15px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.content h3 { margin: 0 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.content .question {margin: 10px 1px -3px 0; padding: 3px 0 0 3px; letter-spacing: .05em; clear: right;}
.content .first-question {margin: 0 1px -3px 0; padding: 3px 0 0 3px; letter-spacing: .05em; clear: right;}
.content p { margin: 0 1px 0 0; padding: 5px 0 0 3px;}
.content .answer { margin: 0 1px 0 0; padding: 5px 0 0 3px;}
.content ul, ol { margin: auto -1em 1em 0; padding: 0; position: relative; left: -3em;  color: #768aa2; overflow: hidden;}
.content li { margin-top: 0.25em; margin-bottom: 0.55em;}
.content ul ul, ul ol, ol ol, ol ul {margin-left: 1em; padding-left: 0;}
.content ol li {margin-left: 5em; list-style-type: decimal;}
.content li li {margin-left: 1em;}
dl {margin: -10px 1px -3px 0; padding: 3px 0 0 0;}
dt {margin: 10px 1px -3px 0; padding: 3px 0 0 3px; letter-spacing: .02em;} 
dd { margin: 0 1px 0 23px; padding: 5px 0 0 3px;}
.parapix { margin: 105px 1px 0 0; padding: 5px 0 0 3px;}
em {margin: 10px 1px -3px 25px; padding: 3px 0 0 3px; font-style: normal;}

/* publications */
#tpic14 { float: right; margin: -38px 0 0 10px; z-index: 2; border: 0px; width: 116px; height: 180px; background: url(../img/ycdia.gif) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; clear: right;}
#tpic15 { float: right; margin: -20px 0 0 10px; z-index: 2; border: 0px; width: 126px; height: 180px; background: url(../img/nmbc.gif) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; clear: right;}
.pub-author { margin: 0 0 -2px 0; padding: 0 0 10px 0;}
.book-title { margin: 35px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.book-title2 { margin: 135px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.annrpt { margin: 50px -30px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.annrpt span { margin: 90px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .05em;}
#pub1 ul { margin: 0 0 0 50px; padding: 0; list-style-type: none;}
#pub1 li { background: url('../img/bullet.gif') no-repeat 0 100%; padding: 20px 0 0 25px;}
#pub2 ul { margin: -214px 0 20px 280px; padding: 0; list-style-type: none;}
#pub2 li { background: url('../img/bullet.gif') no-repeat 0 100%; padding: 20px 0 0 25px;}
/* Resources */
#linkhdr { margin: 10px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
#linkhdr1 { margin: -40px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
#linkhdr2 { margin: 30px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
#linkhdr3 { margin: 100px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
#linkhdr4 { margin: 45px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.links ul { margin: 0 0 20px 200px; padding: 0;}
.links li { margin: 2px 0 0 58px; padding: 1px; list-style-type: none;}
#links1 ul { margin: 5px 0 20px 200px; padding: 0;}
#links1 li { margin: 2px 0 0 40px; padding: 1px; list-style-type: none;}
#links2 ul { margin: 55px 0 0 100px;}
#links2 li { margin: 40px 0 0 80px; list-style-type: none;}
.content .parapix1 { margin: 0 1px 0 0; padding: 5px 0 0 3px;}
#listing { margin: 60px 0 -40px 170px;}
.imglink1 { float: left; margin: 10px 20px 0 35px; padding: 3px 8px 1px 0; border: 0px; width: 79px; height: 52px; background: url(../img/smnida3.gif) no-repeat; text-indent: -9000px;}
.imglink3 { float: left; margin: 10px 5px 0 30px; padding: 3px 8px 1px 0; border: 0px; width: 100px; height: 57px; background: url(../img/logo-nidateen.gif) no-repeat; text-indent: -9000px;}
.imglink4 { float: left; margin: 75px 10px 0 -114px; padding: 3px 8px 1px 0; border: 0px; width: 100px; height: 14px; background: url(../img/logo-checkteen.gif) no-repeat; text-indent: -9000px;}
.imglink5 { float: left; margin: 10px 25px 0 35px; padding: 3px 16px 1px 0; border: 0px; width: 75px; height: 63px; background: url(../img/logo-alanon.gif) no-repeat; text-indent: -9000px;}
.imglink6 { float: left; margin: 75px 20px 0 -115px; padding: 3px 16px 1px 0; border: 0px; width: 75px; height: 67px; background: url(../img/logo-naranon.gif) no-repeat; text-indent: -9000px;}
.imglink7 { float: left; margin: 10px 15px 0 38px; padding: 3px 8px 1px 0; border: 0px; width: 95px; height: 24px; background: url(../img/logo-join.gif) no-repeat; text-indent: -9000px;}
.imglink8 { float: left; margin: 35px 15px 0 -110px; padding: 3px 8px 1px 0; border: 0px; width: 80px; height: 38px; background: url(../img/logo-madd.gif) no-repeat; text-indent: -9000px;}
.imglink9 { float: left; margin: 5px 30px 30px 40px; padding: 3px 8px 1px 0; border: 0px; width: 75px; height: 73px; background: url(../img/logo-suicide.gif) no-repeat; text-indent: -9000px;}
.imglink10 { float: left; margin: 40px 15px 30px 40px; padding: 3px 8px 1px 0; border: 0px; width: 75px; height: 71px; background: url(../img/logo-suicideteen.gif) no-repeat; text-indent: -9000px;}
/* Information Column */
#navtop p { float: right; margin: 400px 0 0 0; padding: 0 10px 0 0;}
#navtop2 p { float: right; margin: 1350px -80px 0 80px; padding: 0 10px 0 0;}
#navtop3 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;}