/* Style Sheet Contact Locations CASAC Alumni Privacy Sitemap Support
Site: Daytop
Version: 1.0
Authors: Robert Gattullo Steve Johnson   rgattullo@daytop.org Copyrighted material commented */ 

#title-contact h1, #title-locations h1 { margin: 3px 1px 0 315px; padding: 5px 0 0 0; font: 2.2em verdana, arial, sans-serif; font-weight: 400; color: #7d7757; width: 438px; height: 37px; text-indent: -9000px;}
#title-contact h1 {background: url(../img/title-contact-us.gif) no-repeat;}
#title-locations h1 { background: url(../img/title-locations.gif) no-repeat;}
#title-casac h1 { margin: 3px 1px 0 285px; padding: 5px 0 0 0; width: 275px; height: 37px; background: url(../img/title-casac.gif) no-repeat; text-indent: -9000px;}
#title-alumni h1 { margin: 3px 1px 0 275px; padding: 5px 0 0 0; width: 310px; height: 37px; background: url(../img/title-alumni.gif) no-repeat; text-indent: -9000px;}
#title-priv h1 { margin: 3px 1px 0 275px; padding: 5px 0 0 0; width: 267px; height: 37px; background: url(../img/title-privacy.gif) no-repeat; text-indent: -9000px;}
#title-smap h1 { margin: 3px 1px 0 325px; padding: 5px 0 0 0; width: 376px; height: 37px; background: url(../img/title-sitemap.gif) no-repeat; text-indent: -9000px;}
#title-support h1 { margin: 3px 1px 0 275px; padding: 5px 0 0 0; width: 375px; height: 37px; background: url(../img/title-support.gif) no-repeat; text-indent: -9000px;}
#hdrpic3, #hdrpic8, #hdrpic14, #hdrpic15, #hdrpic16, #hdrpic17, #hdrpic25 {margin: -109px 0 0 620px; padding-top: 10px; padding-left: 10px; font: 1em verdana, arial, sans-serif; color: #FBD539; width: 199px; height: 99px; text-indent: -9000px;}
#hdrpic3 {background: url(../img/locations-hdr.jpg) no-repeat;}
#hdrpic8 {background: url(../img/contact-hdr.jpg) no-repeat;}
#hdrpic14 {background: url(../img/support-hdr.jpg) no-repeat;}
#hdrpic15 {background: url(../img/privacy-hdr.jpg) no-repeat;}
#hdrpic16 {background: url(../img/casac-hdr.jpg) no-repeat;}
#hdrpic17 {background: url(../img/alumni-hdr.jpg) no-repeat;}
#hdrpic25 {background: url(../img/sitemap-hdr.jpg) no-repeat;}
/* Center Navigation */
/* CASAC */
.outer51 { float: left; width: 180px; height: 24px; margin: 0 1px 5px 0; background: url( ../img/center-casac1.gif ) -180px 0px no-repeat;}
.outer51 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; font: bold 13px/1 Georgia, serif; color:#000; text-indent: -5000px; text-decoration: none; background: url( ../img/center-casac1.gif ) top left no-repeat;}
.outer51 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer51 a:hover { background-image: none;}
.outer51 a:active { color: #000;}
.outer52 { float: left; width: 180px; height: 24px; margin: 0 1px 5px 0; background: url( ../img/center-casac2.gif ) -180px 0px no-repeat;}
.outer52 a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; font: bold 13px/1 Georgia, serif; color:#000; text-indent: -5000px; text-decoration: none; background: url( ../img/center-casac2.gif ) top left no-repeat;}
.outer52 span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer52 a:hover { background-image: none;}
.outer52 a:active { color: #000;}

/* Page Content */
.content-map { float: left; width: 175px; margin: 0px 1px 0 25px;}
.content { float: left; width: 465px; margin: 0 -10px 0 5px;}


#bord46, #bord47 { 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}
#tpic5, #tpic6 { float: right; margin: 20px -5px -25px 10px; z-index: 2; border: 0px; width: 299px; height: 78px; background: url(../img/casac-pix1.jpg) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: relative;}
#tpic5 {background: url(../img/casac-pix1.jpg) no-repeat;}
#tpic6 {background: url(../img/casac-pix2.jpg) no-repeat;}
#bord48, #bord49 { float: left; margin: 15px 0 5px -2px; border: 0px; width: 465px; height: 76px; background: url(../img/serv-border.png) no-repeat; text-indent: -9000px; padding: 20px 8px 3px 0; position: absolute}
#tpic7, #tpic8 { 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;}
#tpic7 {background: url(../img/alumni-pix1.jpg) no-repeat;}
#tpic8 {background: url(../img/alumni-pix2.jpg) no-repeat;}

#tpic88 {background: url(../img/alumni-dinner.jpg) no-repeat; float: left; border 0px; width: 140px; height: 159px; z-index: 2; margin: 20px -5px -25px 20px; }


/* Contact */
.content { float: left; width: 465px; margin: 0 -10px 0 5px;}
.content .contact { float: left;}
.content .contact h6 { margin: 5px 1px 0 0; padding: 3px 0 0 3px; font: 1.2em verdana, arial, sans-serif; font-weight: 500; color: #263248; letter-spacing: .15em; clear: right;}
.content .contact p { margin: 0 1px 0 0; padding: 0 0 0 3px; font: 1.1em/16px verdana, arial, sans-serif; color: #263248;}
.content .contact2 {float: right; margin: 0 0 0 25px;}
.content .contact2 h6 { margin: 5px 1px 0 0; padding: 3px 0 0 3px; font: 1.2em verdana, arial, sans-serif; font-weight: 500; color: #263248; letter-spacing: .15em; clear: right;}
.content .contact2 p { margin: 0 1px 0 0; padding: 0 0 0 3px; font: 1.1em/16px verdana, arial, sans-serif; color: #263248;}
.headernj { margin: 495px 1px 0 0; padding: 3px 0 5px 3px; font: 1.8em Georgia, serif; font-weight: 500; color: #7d7757; letter-spacing: .15em; border-bottom: #f3c727 2px solid;}
/* locations */
#maptitle { margin: 0 1px 10px 0; padding: 3px 0 5px 3px; width: 400px; font-family: Georgia, serif; font-weight: 500; font-size: 1.8em; color: #7d7757; letter-spacing: .15em; border-bottom: #f3c727 2px solid;}
/* alumni */
h1 { margin: 0 1px 0 50px; padding: 3px 0 0 3px; z-index: 1; font: italic 1.8em Georgia, serif; font-weight: 500; color: #7e8aa2; clear: right;}
.hdrquote1 { margin: -3px 0 0 30px; padding: 3px 0 0 3px; z-index: 1; letter-spacing: .10em; clear: right;}
.hdrquote2 { margin: -3px 0 0 135px; padding: 3px 0 0 3px; z-index: 1; letter-spacing: .10em; clear: right;}
.content h3 { margin: 5px 1px 0 0; padding: 3px 0 5px 3px; font: 1.8em Georgia, serif; font-weight: 500; color: #7d7757; letter-spacing: .15em; border-bottom: #f3c727 2px solid;}
.parapix { margin: 100px 1px 0 0; padding: 5px 0 0 3px; font: 1.1em/16px verdana, arial, sans-serif; color: #263248;}
.content h5 { margin: 5px 1px 0 0; padding: 3px 0 0 3px; font: 1.2em Georgia, serif; font-weight: 500; color: #7d7757; letter-spacing: .15em; clear: right;}
.content p { margin: 0 1px 5px 0; padding: 5px 0 0 3px; font: 1.1em/16px verdana, arial, sans-serif; color: #263248;}
.content blockquote p{ margin: -2px 0 -2px 0; padding: 10px 0 5px 0;  font: italic 1.2em/140% Georgia, Times, serif; color: #7d7757;}
.content blockquote h6 { margin: -2px 100px -2px 175px; padding: 10px 0 5px 0;  font: 1.2em/140% verdana, arial, sans-serif; color: #000;}
.quote { margin: 5px 1px 0 0; padding: 3px 0 0 3px; font: italic 1.4em Georgia, serif; font-weight: 500; color: #000;}
#casac ul, ol { margin: auto -1em 1em .50em; padding: 0; position: relative; left: -3em;  color: #768aa2; overflow: hidden;}
#casac li { margin-top: 0.25em; margin-bottom: 0.25em; font: .95em/13px verdana, arial, sans-serif; font-weight: 500; color: #263248; list-style-type: lower-alpha;}
#casac ul ul, ul ol, ol ol, ol ul {margin-left: 1em; padding-left: 0; font: italic 1.4em Georgia, serif; font-weight: 500; color: #c55e27;}
#casac ul li, ol li {margin-left: 5em;}
#casac li li {margin-left: 1em;}
#alumni ul { margin: 10px 0 10px 10px; font: 1.1em/16px verdana, arial, sans-serif; color: #263248;}
#alumni li { margin: 5px 0 5px 60px; font: 1.1em/16px verdana, arial, sans-serif; color: #263248;} 
#address { margin: -2px 100px -2px 175px; padding: 10px 0 5px 0;  font: 1.3em/140% verdana, arial, sans-serif; color: #263248;}
/* privacy */
#privacyhdr { margin: 25px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #b20838 2px solid;}
/* sitemap*/
.contentsm { float: left; width: 500px; margin: 0 -10px 0 5px;}
#col-1 {width: 160px; margin: 0 10px 3px 0; padding: 0; line-height: 1.4; float: left;}
#col-1 h2 { width: 120px; margin: 0 10px 3px 0; padding: 5px 0 0 0; font-size: 1.4em; font-weight: 500; text-align: left; border-bottom: 1px solid #7d7757;}
#col-2 {width: 160px; margin: 0 10px 3px -25px; padding: 0; line-height: 1.4; float: left;}
#col-2 h2 { width: 160px; margin: 0 5px 3px 0; padding: 5px 0 0 0; font-size: 1.4em; font-weight: 500; text-align: left; border-bottom: 1px solid #7d7757;}
#col-3 {width: 150px; margin: 0 10px 3px 0; padding: 0; line-height: 1.4; float: left;}
#col-3 h2 { width: 150px; margin: 0 10px 3px 0; padding: 5px 0 0 0; font-size: 1.4em; font-weight: 500; text-align: left; border-bottom: 1px solid #7d7757;}
/* support */
#bord50, #bord51, #bord52, #bord53 { 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}
#tpic32, #tpic33, #tpic34, #tpic35 { 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;}
#tpic32 {background: url(../img/support-pix1.jpg) no-repeat;}
#tpic33 {background: url(../img/support-pix2.jpg) no-repeat;}
#tpic34 {background: url(../img/support-pix3.jpg) no-repeat;}
#tpic35 {background: url(../img/support-pix4.jpg) no-repeat;}
.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.25em; font-family: verdana, arial, sans-serif; font-weight: 500; font-size: 1.2em; color: #263248; line-height: 15px;}
.content ul ul, ul ol, ol ol, ol ul {margin-left: 1em; padding-left: 0; font-family: Georgia, serif; font-weight: 500; font-size: 1.4em; font-style: italic; color: #c55e27;}
.content ul li, ol li {margin-left: 5em;}
.content li li {margin-left: 1em;}
.address { margin: 10px 0 10px 20px; font-family: verdana, arial, sans-serif; font-size: 1.1em; text-align: center; line-height: 16px; color: #263248;} 
/* Information Column */
#secondcontent { float: right; width: 163px; margin: -8px -2px 0 3px;}
#secondcontent h4 { margin: 10px 10px 1px 0; font-size: 1.4em; font-weight: 500; color: #535139; text-align: left; border-bottom: 1px solid #f3c727;}
#secondcontent p { margin: 0; font-size: 1.1em; line-height: 15px;}
#navtop p { float: right; margin: 400px 0 0 0; padding: 0 10px 0 0;}
#navtop2 p { float: right; margin: 900px -80px 0 80px; padding: 0 10px 0 0;}
#navtop4 p { float: right; margin: -80px 0 0 0; padding: 0 10px 0 0;}
#secondcontent h5 { margin: 15px 10px 1px 0; font-size: 1.4em; font-weight: 500; text-align: left; border-bottom: 1px solid #000; background-color: #8fd681;}
#secondcontent ul {margin: 0 10px 0 0; padding: 3px 3px 3px 1px; list-style-type: none; font: 1em/140% verdana, arial, sans-serif; color: #000; background-color: #8fd681;}
#secondcontent li { background: url(../img/bullet.gif) no-repeat; padding: 0 10px 5px 20px;}
#secondcontent h6 { margin: 1px 10px 1px 0; font-size: .8em; font-weight: 500; text-align: left; border-top: 1px solid #000; background-color: #8fd681;}
/* locations */
#secondcontent-links { float: right; width:170px; margin: -65px 10px 0 1px; padding: 0;}
#secondcontent-links h4 { margin: 75px 10px 10px 0; font-size: 1.4em; font-weight: 500; text-align: center; border-bottom: 1px solid #f3c727;}
#secondcontent-links h5 { margin: 5px 10px 5px 0; font-size: 1.2em; font-weight: 500; text-align: left;}
#links li { margin: 0 0 10px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; list-style-type: none;}

