/* Style Sheet Family Family Association FA Spanish Medical Educational Community Concept 
Site: Daytop
Version: 1.0
Author: Robert Gattullo rgattullo@daytop.org
        Copyrighted material commented */ 
/* header */
#fam-assoc-header-sp h1 {margin: 0 1px 0 175px; padding: 5px 0 0 0; width: 492px; height: 34px; background: url(../img/title-fam-assoc-sp.gif) no-repeat; text-indent: -9000px;}
#title-fam h1, #title-fa h1, #title-com h1, #title-medical h1 { margin: 2px 1px 0 245px; padding: 5px 0 0 0; width: 481px; height: 32px; text-indent: -9000px;}
#title-edu h1 { margin: 2px 1px 0 215px; padding: 5px 0 0 0; width: 481px; height: 32px; text-indent: -9000px;} 
#title-fam h1 {background: url(../img/title-family.gif) no-repeat;}
#title-fa h1 {background: url(../img/title-fam-assoc.gif) no-repeat;}
#title-medical h1 {background: url(../img/title-medical.gif) no-repeat;}
#title-edu h1 {background: url(../img/title-educational.gif) no-repeat;}
#title-com h1 {background: url(../img/title-community.gif) no-repeat;}
#hdrpic15, #hdrpic16, #hdrpic17, #hdrpic18, #hdrpic60, #hdrpic66 {margin: -104px 0 0 620px; padding-top: 10px; padding-left: 10px; width: 199px; height: 99px; text-indent: -9000px;}
#hdrpic16a {margin: -104px 0 0 620px; padding-top: 10px; padding-left: 10px; width: 199px; height: 99px; text-indent: -9000px;}
#hdrpic15 {background: url(../img/fam-hdr.jpg) no-repeat;}
#hdrpic16 {background: url(../img/fam-assoc-hdr.jpg) no-repeat;}
#hdrpic16a {background: url(../img/fam-assoc-hdr.jpg) no-repeat;}
#hdrpic17 {background: url(../img/medical-hdr.jpg) no-repeat;}
#hdrpic18 {background: url(../img/edu-hdr.jpg) no-repeat;}
#hdrpic60 {background: url(../img/community-hdr.jpg) no-repeat;}
#hdrpic66 {background: url(../img/concept-hdr.jpg) no-repeat;}
/* Center Navigation */
.outer24 span, .outer25 span, .outer26 span, .outer27 span, .outer28 span, .outer29 span, .outer30 span, .outer31 span, .outer32 span, .outer33 span, .outer37 span, .outer38 span, .outer39 span, .outer40 span, .outer41 span, .outer42 span, .outer43 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer24 a:hover, .outer25 a:hover, .outer26 a:hover, .outer27 a:hover, .outer28 a:hover, .outer29 a:hover, .outer30 a:hover, .outer31 a:hover, .outer32 a:hover, .outer33 a:hover, .outer37 a:hover, .outer38 a:hover, .outer39 a:hover, .outer40 a:hover, .outer41 a:hover, .outer42 a:hover, .outer43 a:hover { background-image: none;}
.outer24 a:active, .outer25 a:active, .outer26 a:active, .outer27 a:active, .outer28 a:active, .outer29 a:active, .outer30 a:active, .outer31 a:active, .outer32 a:active, .outer33 a:active, .outer37 a:active, .outer38 a:active, .outer39 a:active, .outer40 a:active, .outer41 a:active, .outer42 a:active, .outer43 a:active { color: black;}
/* family-serv */
.outer24 { float: left; width: 140px; height: 24px; margin: -10px 1px 5px 4px; background: url( ../img/center-fam1.gif ) -140px 0px no-repeat;}
.outer24 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-fam1.gif ) top left no-repeat;}
.outer25 { float: left; width: 140px; height: 24px; margin: -10px 1px 5px 0; background: url( ../img/center-fam2.gif ) -140px 0px no-repeat;}
.outer25 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-fam2.gif ) top left no-repeat;}
/* family-assoc */
.outer26 { float: left; width: 180px; height: 24px; margin: -9px 1px 0 0; background: url( ../img/center-famassoc.gif ) -180px 0px no-repeat;}
.outer26 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-famassoc.gif ) top left no-repeat;}
.outer27 { float: left; width: 180px; height: 24px; margin: -9px 1px 0 0; background: url( ../img/center-famassoc1.gif ) -180px 0px no-repeat;}
.outer27 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-famassoc1.gif ) top left no-repeat;}
/* family-assoc-sp */
.outer28 { float: left; width: 180px; height: 24px; margin: -9px 1px 0 0; background: url( ../img/center-famassoc-sp.gif ) -180px 0px no-repeat;}
.outer28 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-famassoc-sp.gif ) top left no-repeat;}
.outer29 { float: left; width: 180px; height: 24px; margin: -9px 1px 0 0; background: url( ../img/center-famassoc1-sp.gif ) -180px 0px no-repeat;}
.outer29 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-famassoc1-sp.gif ) top left no-repeat;}
/* medical-serv */
.outer30 { float: left; width: 100px; height: 24px; margin: -9px 1px 5px 4px; background: url( ../img/center-med.gif ) -100px 0px no-repeat;}
.outer30 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-med.gif ) top left no-repeat;}
.outer31 { float: left; width: 100px; height: 24px; margin: -9px 1px 5px 0; background: url( ../img/center-med1.gif ) -100px 0px no-repeat;}
.outer31 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-med1.gif ) top left no-repeat;}
/* edu-serv */
.outer32 { float: left; width: 100px; height: 24px; margin: -9px 1px 5px 4px; background: url( ../img/center-edu2.gif ) -100px 0px no-repeat;}
.outer32 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-edu2.gif ) top left no-repeat;}
.outer33 { float: left; width: 100px; height: 24px; margin: -9px 1px 5px 0; background: url( ../img/center-edu3.gif ) -100px 0px no-repeat;}
.outer33 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-edu3.gif ) top left no-repeat;}
/* community-serv */
.outer37 { float: left; width: 70px; height: 24px; margin: -9px 1px 5px 4px; background: url( ../img/center-com1.gif ) -70px 0px no-repeat;}
.outer37 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-com1.gif ) top left no-repeat;}
.outer38 { float: left; width: 100px; height: 24px; margin: -9px 1px 5px 0; background: url( ../img/center-com2.gif ) -100px 0px no-repeat;}
.outer38 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-com2.gif ) top left no-repeat;}
.outer39 { float: left; width: 140px; height: 24px; margin: -9px 1px 5px 0; background: url( ../img/center-com3.gif ) -140px 0px no-repeat;}
.outer39 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-com3.gif ) top left no-repeat;}
.outer40 { float: left; width: 100px; height: 24px; margin: -9px 1px 5px 0; background: url( ../img/center-com4.gif ) -100px 0px no-repeat;}
.outer40 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-com4.gif ) top left no-repeat;}
/* concept */
.outer41 { float: left; width: 140px; height: 24px; margin: -9px 1px 5px 0; background: url( ../img/center-concept1.gif ) -140px 0px no-repeat;}
.outer41 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-concept1.gif ) top left no-repeat;}
.outer42 { float: left; width: 140px; height: 24px; margin: -9px 1px 5px 0; background: url( ../img/center-concept2.gif ) -140px 0px no-repeat;}
.outer42 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-concept2.gif ) top left no-repeat;}
.outer43 { float: left; width: 140px; height: 24px; margin: -9px 1px 5px 0; background: url( ../img/center-concept3.gif ) -140px 0px no-repeat;}
.outer43 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-concept3.gif ) top left no-repeat;}

/* Page Content */
.content { float: left; width: 465px; margin: 0 -10px 0 5px;}
.content h3 { margin: 5px 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;}
.quote { margin: 5px 1px 0 0; padding: 3px 0 0 3px;}
.content blockquote p { margin: 100px 20px -2px 20px; padding: 10px 0 5px 0; text-align: center;}
/* family-serv pix */
#bord25, #bord26 { 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}
#tpic10, #tpic11 { 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;}
#tpic10 { background: url(../img/fam-serv1.jpg) no-repeat;}
#tpic11 { background: url(../img/fam-serv2.jpg) no-repeat;}
/* family-assoc pix */
#bord27, #bord28, #bord29 { 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}
#tpic12, #tpic4, #tpic13, #tpic5, #tpic14, #tpic6 { 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;}
#tpic12 {background: url(../img/fam-assoc1.jpg) no-repeat;} 
#tpic4 { background: url(../img/fam-assoc1.jpg) no-repeat;}
#tpic13 { background: url(../img/fam-assoc2.jpg) no-repeat;}
#tpic5 { background: url(../img/fam-assoc2.jpg) no-repeat;}
#tpic14 { background: url(../img/fam-assoc3.jpg) no-repeat;}
#tpic6 { background: url(../img/fam-assoc3.jpg) no-repeat;}
/* medical-serv */
#bord30, #bord31 { float: left; margin: 15px 0 5px 0; border: 0px; width: 465px; height: 84px; background: url(../img/serv-border-line.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic40, #tpic41 { float: right; margin: 27px -5px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic40 { background: url(../img/medical-serv1.jpg) no-repeat;}
#tpic41 { background: url(../img/medical-serv2.jpg) no-repeat;}
/* edu-serv */
#bord32, #bord33, #bord34 { 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}
#tpic20, #tpic21, #tpic22 { 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;}
#tpic20 {background: url(../img/edu-serv1.jpg) no-repeat;}
#tpic21 {background: url(../img/edu-serv2.jpg) no-repeat;}
#tpic22 {background: url(../img/edu-serv3.jpg) no-repeat;}
.content h5 { margin: 20px 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;}
.content ul {margin: 0 0 0 50px; padding: 5px; list-style-type: none;}
.content li { background: url(../img/bullet.gif) no-repeat 0 55%; padding-left: 20px;}
/* community-serv */
#bord39, #bord40, #bord41 { float: left; margin: 15px -5px 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}
#tpic61, #tpic62, #tpic63 { float: right; margin: 18px -5px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic61 {background: url(../img/com-serv1.jpg) no-repeat;}
#tpic62 {background: url(../img/com-serv2.jpg) no-repeat;}
#tpic63 {background: url(../img/com-serv3.jpg) no-repeat;}
#fpic8 a { float: left; margin: 20px 0 0 5px; padding: 3px 8px 1px 0; border: 0px; width: 150px; height: 62px; background: url(../img/logo-timetalk.gif) no-repeat; text-indent: -9000px; clear: right;}
/* concept */
#bord42, #bord43 { float: left; margin: 10px 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}
#tpic64, #tpic65 { float: right; margin: 14px -5px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic64 {background: url(../img/com-concept1.jpg) no-repeat;}
#tpic65 {background: url(../img/com-concept2.jpg) no-repeat;}
/* family-assoc meeting schedule */
th, td { padding: 0.2em 1em;}
table { border-collapse: collapse; width: 48.5em; margin: 2px 0 0 -10px;}
.odd {background-color: #e6e6e6;}
tr:hover { background-color: #263248; color: #fff;}
thead tr:hover { background-color: transparent; color: inherit;}
/* information column */
#secondcontent { float: right; width: 163px; margin: -18px 0 0 3px;}
#secondcontent h4 { margin: 3px 10px 1px 0; text-align: left; border-bottom: 1px solid #7d7757;}
#secondcontent p { margin: 0;}
#navtop p { float: right; margin: 375px 0 0 0; padding: 0;}
#navtop2 p { float: right; margin: 780px 0 0 50px; padding: 0 10px 0 0;}
#navtop4 p { float: right; margin: -80px 0 0 0; padding: 0 10px 5px 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 ul {margin: 0 10px 0 0; padding: 3px 3px 3px 1px; list-style-type: none; background-color: #a8ba3a;}
#secondcontent li { background: url(../img/bullet2.gif) no-repeat; padding: 0 10px 5px 20px;}
#info-box h6 { float: right; width: 155px; margin: 20px 3px 0 3px; padding: 5px; text-align: center; background-color: #f3c727;}