/* Style Sheet about-us philosophy history
Site: Daytop
Version: 1.0
Author: Robert Gattullo    rgattullo@daytop.org Copyrighted material commented */ 
/* header */
#title-about h1 , #title-phil h1 , #title-history h1 {margin: -12px 1px 0 285px; padding: 5px 0 0 0; width: 310px; height: 34px; text-indent: -9000px;}
#title-about h1 {background: url(../img/title-about.gif) no-repeat;}
#title-phil h1 {background: url(../img/title-philosophy.gif) no-repeat;}
#title-history h1 {background: url(../img/title-history.gif) no-repeat;}
#hdrpic2, #hdrpic4, #hdrpic5  { margin: -105px 0 0 622px; padding-top: 10px; padding-left: 10px; width: 199px; height: 99px; text-indent: -9000px;}
#hdrpic2 {background: url(../img/phil-hdr.jpg) no-repeat;}
#hdrpic4 {background: url(../img/about-hdr.jpg) no-repeat;}
#hdrpic5 {background: url(../img/history-hdr.jpg) no-repeat;}
/* Center Images Navigation */
/* About Us Center Navigation */
.outer1 { float: left; width: 115px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-about7.gif ) -115px 0px no-repeat;}
.outer1 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about7.gif ) top left no-repeat;}
.outer1 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer1 a:hover { background-image: none;}
.outer1 a:active { color: #000;}
.outer2 { float: left; width: 70px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-about8.gif ) -70px 0px no-repeat;}
.outer2 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about8.gif ) top left no-repeat;}
.outer2 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer2 a:hover { background-image: none;}
.outer2 a:active { color: #000;}
.outer3 { float: left; width: 70px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-about9.gif ) -70px 0px no-repeat;}
.outer3 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about9.gif ) top left no-repeat;}
.outer3 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer3 a:hover { background-image: none;}
.outer3 a:active { color: #000;}
.outer4 { float: left; width: 100px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-about6.gif ) -100px 0px no-repeat;}
.outer4 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about6.gif ) top left no-repeat;}
.outer4 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer4 a:hover { background-image: none;}
.outer4 a:active { color: #000;}
.outer5 { float: left; width: 70px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-about2.gif ) -70px 0px no-repeat;}
.outer5 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about2.gif ) top left no-repeat;}
.outer5 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer5 a:hover { background-image: none;}
.outer5 a:active { color: #000;}
/* Philosophy Center Navigation */
.outer6 { float: left; width: 115px; height: 24px; margin: -8px 1px 5px 4px; background: url( ../img/center-about1.gif ) -115px 0px no-repeat;}
.outer6 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about1.gif ) top left no-repeat;}
.outer6 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer6 a:hover { background-image: none;}
.outer6 a:active { color: black;}
/* History Center Navigation */
.outer7 { float: left; width: 70px; height: 24px; margin: -8px 1px 5px -8px; background: url( ../img/center-about3.gif ) -70px 0px no-repeat;}
.outer7 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about3.gif ) top left no-repeat;}
.outer7 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer7 a:hover { background-image: none;}
.outer7 a:active { color: black;}
.outer8 { float: left; width: 100px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-about4.gif ) -100px 0px no-repeat;}
.outer8 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about4.gif ) top left no-repeat;}
.outer8 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer8 a:hover { background-image: none;}
.outer8 a:active { color: black;}
.outer9 { float: left; width: 70px; height: 24px; margin: -8px 1px 5px 0; background: url( ../img/center-about5.gif ) -70px 0px no-repeat;}
.outer9 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-indent: -5000px; text-decoration: none; background: url( ../img/center-about5.gif ) top left no-repeat;}
.outer9 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer9 a:hover { background-image: none;}
.outer9 a:active { color: black;}
/* Page Content */
/* about us images */
#bord1, #bord2, #bord3 { float: left; margin: 15px 0 5px -3px; border: 0px; width: 465px; height: 76px; background: url(../img/serv-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic3, #tpic4a, #tpic5a { float: right; margin: 20px 0 -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic3 { background: url(../img/about-pix1.jpg) no-repeat;}
#tpic4a { background: url(../img/about-pix2.jpg) no-repeat;}
#tpic5a { background: url(../img/about-pix3.jpg) no-repeat;}
/* graphs */
#tpic18 { margin: 5px 0 -105px 10px; width: 393px; height: 124px; background: url(../img/graph1.gif) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic19 { margin: 5px 0 -10px 10px; width: 392px; height: 125px; background: url(../img/graph2.gif) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
/* philosophy image */
#bord4 { float: left; margin: 15px 0 5px 0; border: 0px; width: 465px; height: 84px; background: url(../img/serv-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic1 { float: right; margin: 20px -3px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; background: url(../img/phil-pix4.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
/* history image */
#bord12 { float: right; margin: 17px 0 5px -5px; border: 0px; width: 465px; height: 106px; background: url(../img/hist-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute;}
#tpic2 { float: right; margin: 20px 0 5px 0; z-index: 2; border: 0px; width: 233px; height: 108px; background: url(../img/hist-pix1.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
.content { float: left; width: 465px; margin: 10px -10px 0 5px;}
/* Quotes */
.hdrquote1 { margin: 10px 1px 0 20px; padding: 3px 0 0 3px; z-index: 1; clear: right;}
.hdrquote2 { margin: -3px 0 0 155px; padding: 3px 0 0 3px; z-index: 1; clear: right;}
.hdrquote3 { margin: 0 30px 20px -8px; padding: 3px 0 0 3px; z-index: 1; clear: right;}
.hdrquote4 { margin: 180px 30px 0 -8px; padding: 3px 0 0 3px; z-index: 1; clear: right;}
#philosophy { margin: 100px 1px 0 40px; padding: 5px 0 0 3px; letter-spacing: .03em;}
.content h3 { margin: 25px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
.author { margin: 30px 0 -2px 270px; padding: 0 0 10px 0;}
.hist-content { margin: 5px 10px 0 -3px; padding: 5px 0 0 3px;}
.content p { margin: 0 1px 0 0; padding: 5px 0 0 3px;}
.content ul {margin: 100px 0 0 0; padding: 5px; list-style-type: none;}
.content li { margin: 5px 0 0 0; background: url(../img/bullet.gif) no-repeat 0 55%; padding: 0 0 0 25px;}
.quote { margin: 5px 1px 0 0; padding: 3px 0 0 3px;}
.parapix  { margin: 100px 1px 0 0; padding: 5px 0 0 3px;}
#legend { margin: 10px 1px -105px 0; padding: 3px 0 0 3px; letter-spacing: .15em; clear: right;}
/* Information Column */
#secondcontent { float: right; width: 163px; margin: -25px -2px 0 3px;}
#secondcontent h4 { margin: 3px 10px 1px 0; text-align: left; border-bottom: 1px solid #7d7757;}
#secondcontent p { margin: 0; line-height: 15px;}
#secondcontent #navtop p { float: right; margin: 350px 0 0 0; padding: 0 10px 0 0;}
#secondcontent #navtop2 p { float: right; margin: 700px 0 0 50px; padding: 0 10px 0 0;}
#navtop3 p { float: right; margin: -80px 0 0 0; padding: 0 10px 0 0;}
/* History Information Column Photographs */
#tpic26 { float: left; margin: -950px 0 0 690px; width: 130px; height: 102px; background: url(../img/hist-pix2.jpg) no-repeat; text-indent: -9000px; padding: 10px 8px 0 0; position: relative;}
#tpic27 { float: left; margin: -840px 0 0 690px; width: 130px; height: 162px; background: url(../img/hist-pix3.jpg) no-repeat; text-indent: -9000px; padding: 5px 8px 3px 0; position: relative;}
#tpic28 { float: left; margin: -670px 0 0 690px; width: 130px; height: 102px; background: url(../img/hist-pix4.jpg) no-repeat; text-indent: -9000px; padding: 5px 8px 3px 0; position: relative;}
#tpic29 { float: left; margin: -560px 0 0 690px; width: 130px; height: 181px; background: url(../img/hist-pix5.jpg) no-repeat; text-indent: -9000px; padding: 5px 8px 3px 0; position: relative;}
#tpic30 { float: left; margin: -370px 0 0 690px; width: 130px; height: 102px; background: url(../img/hist-pix6.jpg) no-repeat; text-indent: -9000px; padding: 5px 8px 3px 0; position: relative;}
#tpic31 { float: left; margin: -260px 0 0 690px; width: 130px; height: 194px; background: url(../img/hist-pix7.jpg) no-repeat; text-indent: -9000px; padding: 5px 8px 3px 0; position: relative;}