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

/* LINKS */
a { text-decoration:none; color:#c55e27;}
a:hover { text-decoration: none; color: #286ea0;}
a img { border: 0;}
/* Center Images Navigation */
.outer { float: left; width: 156px; height: 212px; margin: -72px 1px 0 0; background: url( ../img/adult-hp.jpg ) -156px 0px no-repeat;}
.outer 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/adult-hp.jpg ) top left no-repeat;}
.outer span { display: block; margin:0; padding: 7px 0 0 13px;}
.outer a:hover { background-image: none;}
.outer a:active { color: black;}
.outer1 { float: left; width: 156px; height: 212px; margin: -72px 1px 0 0; background: url( ../img/teen-hp.jpg ) -156px 0px no-repeat;}
.outer1 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/teen-hp.jpg ) 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: black;}
.outer2 { float: left; width: 156px; height: 212px; margin: -72px 1px 0 0; background: url( ../img/parent-hp.jpg ) -156px 0px no-repeat;}
.outer2 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/parent-hp.jpg ) 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: black;}
/* Page Content */
.content { float: left; width: 330px; margin: 30px -50px 0 -10px;}
#survey { margin-left: 35px; margin-right: 0; height: 60px; width: 426px;}
#betasite { margin: 5px 0 0 35px; height: 50px; width: 426px;}
.title-feat { margin: 45px -145px 3px 13px; text-align: left; padding: 1px; border-bottom: 3px solid #b20838;}
.subtitle-feat { margin: 0 0 -5px 15px; text-align: left;}
#fpic1 { float: left; margin: 0 1px 0 0; padding: 3px 8px 0 0; border: 0; width: 251px; height: 288px; background: url(../img/edu-feat1.jpg) no-repeat; text-indent: -9000px;}
#feat-bord { float: left; margin: -25px 0 0 3px; padding: 0 8px 1px 0; width: 466px; height: 3px; background: url(../img/feat-bord.gif) no-repeat; text-indent: -9000px;}
#quote-feat { margin: 35px -90px 0 0;}
.leadpara { margin: 0 -120px 38px 0; padding: 1px 0 0 5px;}
.content1 h2 { font-family: Georgia, serif; font-size: 1.1em; color: #000; margin: 0; text-indent: -9000px;}
.content1 p { margin: -85px 0 -20px 0; padding-top: 80px; padding-bottom: 60px; font-family: Georgia, serif; font-size: 1.2em; text-align: center; line-height: 1.5em; color: #15145f;} 
.content1 h1 { font-family: verdana, arial, sans-serif; font-size: 1.8em; color: #000; margin: 0 0 10px 0;}
#errormsg p { margin: 10px 0 10px 0; font-family: verdana, arial, sans-serif; font-size: 1.3em; color: #000;}

/* Information Column */
#secondcontent-index { float: right; width: 166px; margin: -218px 0 0 0;}
#secondcontent-index h4{margin: 3px 10px 1px 5px; text-align: left; border-bottom: 1px solid #7d7757;}
#secondcontent-index p{ margin: 0 0 0 5px; font-size: 1.1em; line-height: 12px;}
#third-content { float: right; width: 166px; margin: -50px 0 0 0;}
#ipic2 a { float: left; margin: 95px 1px -5px 0; padding: 3px 13px 1px 0; border: 0px; width: 166px; height: 38px; background: url(../img/logo-joinhp.gif) no-repeat; text-indent: -9000px;}
#ipic3 a { float: left; margin: 15px 1px -5px 15px; padding: 3px 13px 1px 0; border: 0px; width: 130px; height: 117px;}
#ipic4 a { float: left; margin: 15px 1px -5px 27px; padding: 3px 13px 1px 0; border: 0px; width: 110px; height: 37px;}
/* search */
#cse-search-box {float: right; margin: 10px 10px 0 0;}