/* Style Sheet Layout
Site: Daytop
Version: 1.0
Author: Robert Gattullo    rgattullo@daytop.org
        Copyrighted material commented */ 
/* general */
html {background: url(../img/gradient3.gif) repeat-x;}
body { text-align: center; margin-top: 10px; margin-bottom: 10px;}
#page-wrapper { margin-left: auto; margin-right: auto; width: 860px; text-align: left; background: #fff url(../img/content-bg.gif) top left repeat-y;}
#content-wrapper { margin: 3px;}

/* LINKS */
a { text-decoration:none; color:#c55e27;}
a:hover { text-decoration: none; color: #286ea0;}
a img { border: 0;}

/* header */
#feat-header { margin: 10px 0 0 0; height: 120px; background: #fff url('../img/header-feat.gif') top left no-repeat; clear: both;}
#feat-header a { margin: 7px 0 0 20px; padding-top: 0; padding-left:10px; width: 250px; height: 67px; background: url('../img/dtlogosmall.gif') no-repeat; display: block; text-indent: -9000px;}
#hdrbckgrd-about { margin: 0 0 15px 0; height: 139px; background: #fff url(../img/header-about.gif) top left no-repeat; clear: both;}
#hdrbckgrd-search { margin: 0; height: 180px; background: #fff url('../img/header-search.gif') top left no-repeat; clear: both;}
#hdrbckgrd { margin: 0 0 0 0; height: 139px; background: #fff url('../img/header-serv.gif') top left no-repeat; clear: both;}
#logo a { margin: -115px 0 0 20px; width: 220px; height: 59px; background: url('../img/dtlogoserv.gif') no-repeat; display: block; text-indent: -9000px;}
#logo-about a { margin: -125px 0 0 20px; width: 250px; height: 67px; background: url('../img/dtlogosmall.gif') no-repeat; display: block; text-indent: -9000px;}
#logo-search a { margin: -120px 0 0 20px; padding-top: 0px; padding-left:10px; font-family: verdana, arial, sans-serif; font-size: 1em; color: #FBD539; width: 297px; height: 94px; background: url('../img/dtlogosmall.gif') no-repeat; display: block; text-indent: -9000px;}
/* search */
#cse-search-box {float: right; margin: 10px 10px 0 0;}

/* Main Navigation Column */
#main-nav { float: left; width:168px; margin: 0 15px 0 0;}
#main-nav h3 { margin: 245px -10px 5px 10px; padding-top: 10px; text-align: left;}
#main-nav h4 { margin: 0 0 10px 10px; text-align: left;} 
#main-nav h5 { margin: 0 0 10px 10px; text-align:left; border-bottom: 1px solid #7d7757;}
#main-nav h6 { margin: 0 0 10px 10px; text-align:left; border-bottom: 1px solid #7d7757;}
#main-nav p { margin: -5px 0 10px 10px; text-align:left;}
span p{ margin: -5px 0 10px 10px;}
#casac-links { margin: 10px 0 10px 10px; text-align:left; border-bottom: 1px solid #7d7757;}
#fpic5 a { float: left; margin: 30px 0 0 10px; padding: 3px 8px 1px 0; border: 0px; width: 150px; height: 71px; background: url(../img/logo-casac.gif) no-repeat; text-indent: -9000px; clear: right;}
/
* Partnership Drug Guide*/
#fpic3 a { float: left; margin: 15px 1px 0 30px; padding: 3px 8px 1px 0; border: 0px; width: 117px; height: 104px; background: url(../img/logo-partguide.gif) no-repeat; text-indent: -9000px; clear: right;}
/* Yngadult-serv */
#extlink4 { float: left; margin: 5px 0 0 5px; padding: 3px 8px 1px 0; border: 0px;}
/* Family-Assoc */
#fpic6 a { float: left; margin: 20px 0 0 3px; padding: 3px 8px 1px 0; border: 0px; width: 150px; height: 62px; background: url(../img/logo-timetalk.gif) no-repeat; text-indent: -9000px; clear: right;}
/* Community-serv */
#extlink { float: left; margin: 5px 0 0 20px; padding: 3px 8px 1px 0; border: 0px; width: 125px; height: 125px;}
#extlink3 { float: left; margin: 5px 0 0 15px; padding: 3px 8px 1px 0; border: 0px;}
/* Sitemap */
#phonenum h3 { margin: -10px -10px 5px 10px; padding-top: 10px; text-align:left;}
#phonenum h4 { margin: 0 0 10px 10px; text-align:left;}
/* highlight box */
#highlight-box h2 { margin: -5px 0 10px 10px; padding: 3px 3px 5px 3px; text-align: center; line-height: 1; background-color: #f3c727;}
#highlight-box h6 { margin: 275px 0 5px 10px; padding: 3px; text-align: center; background-color: #f3c727;}
/* Resources */
#extlink2 {float: left; margin: 5px 15px 0 15px; padding: 3px 8px 1px 0; border: 0px; width: 125px; height: 125px;}
#linkhdr1 {margin: 80px 1px 0 0; padding: 3px 0 5px 3px; letter-spacing: .15em; border-bottom: #f3c727 2px solid;}
/* Main Navigation */
/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout-4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu {font-size: 8pt; margin: -10px 5px 5px 10px; font-family: verdana, arial, sans-serif;}
.menu ul {padding-right: 0px; padding-left: 0px; z-index: 500; padding-bottom: 0px; margin: 0px; width: 14em; padding-top: 0px; list-style-type: none; position: absolute}
.menu li {float: left; background-color: #bcc3d3;}
.menu li.sub {background-color: #bcc3d3;}
.menu table {margin-top: -1px; font-size: 1em; z-index: 100; left: 0px; position: absolute; top: 0px; border-collapse: collapse}
.menu a, .menu a:visited {border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; display: block; padding-left: 1em; font-weight: normal; text-transform: none; border-left: #ffffff 1px solid; width: 14em; color: #000000; line-height: 1.6em; border-bottom: #ffffff 1px solid; border-width: 1px 1px 0 1px; font-style: normal; height: 1.6em; font-variant: normal; text-decoration: none}
.menu a.last, .menu a:visited.last {border-width: 1px;}
.menu b {float: right; margin-right: 5px}
* html .menu a {width: 16em}
* html .menu a:visited {width: 16em; line-height: 1.6em}
* html .menu a:hover {font-weight: normal; text-transform: none; color: #fff; font-style: normal; position: relative; background-color: #15145f; font-variant: normal; text-decoration: none}
.menu li:hover {position: relative}
.menu a:active {font-weight: normal; text-transform: none; color: #fff; font-style: normal; background-color: #15145f; font-variant: normal; text-decoration: none}
.menu a:focus {font-weight: normal; text-transform: none; color: #fff; font-style: normal; background-color: #15145f; font-variant: normal; text-decoration: none}
.menu li:hover > a {font-weight: normal; text-transform: none; color: #fff; font-style: normal; background-color: #15145f; font-variant: normal; text-decoration: none}
.menu li ul {padding-right: 2em; padding-left: 2em; left: 11em; visibility: hidden; padding-bottom: 2em; line-height: 1.4em; padding-top: 2em; position: absolute; top: -2em; background-color: transparent}
.menu li:hover > ul {visibility: visible}
.menu ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}

/* Information Column */
#secondcontent { float: right; width: 166px; margin: -30px 0 0 0;}
#secondcontent h4 { margin: 3px 10px 1px 0; text-align: left; border-bottom: 1px solid #f3c727;}
#secondcontent p { margin: 0;}



#navtop, #navtop2, #navtop3 p { padding: 0 10px 0 0;}


#secondcontent h5 { margin: 15px 10px 1px 0; text-align: left; border-bottom: 1px solid #000; background-color: #8fd681;}
#secondcontent ul a {background-color: #f3c727;}
#secondcontent a:hover { text-decoration: none; color: #286ea0;}
#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;}

#secondcontent-ff { float: right; width: 166px; margin: 0 -6px 0 0;}
#secondcontent-ff h4 { margin: 3px 10px 1px 0; text-align: left; border-bottom: 1px solid #f3c727;}
#secondcontent-ff p { margin: 0;}
#navtop, #navtop2, #navtop3 p { padding: 0 10px 0 0;}
#secondcontent-ff h5 { margin: 15px 10px 1px 0; text-align: left; border-bottom: 1px solid #000; background-color: #8fd681;}
#secondcontent-ff ul a {background-color: #f3c727;}
#secondcontent-ff a:hover { text-decoration: none; color: #286ea0;}
#secondcontent-ff ul {margin: 0 10px 0 0; padding: 3px 3px 3px 1px; list-style-type: none; background-color: #a8ba3a;}
#secondcontent-ff li { background: url(../img/bullet2.gif) no-repeat; padding: 0 10px 5px 20px;}

#navtop { padding: 300px 50px 0 0px; } 
#navtop2  { padding: 300px 50px 0 50px; }

#navtop3  { padding: 900px 50px 0 0px;}
#navtop4 p { padding: 0 100px 0 0px;}

#contact-box ul a {background-color: #f3c727;}
#contact-box a:hover {text-decoration: none; color: #286ea0;}
#contact-box ul {margin: 10px 8px 0 -3px; padding: 2px 5px 0 2px; text-align: left; list-style-type: none; background-color: #f3c727;}
#contact-box li {background: url(../img/bullet2.gif) no-repeat;}

/* Footer */
#ie7andup #page-footer p { clear: both; margin: -12px 0 3px 10; padding-top: 3px; text-align:center;}
#page-footer p { clear: both; margin: -12px 0 3px 10; padding-top: 3px; text-align: center;}
#page-footer { height: 60px; clear: both; margin: 20px 0 0 200px;}
#copyright p { clear: both; margin: -16px 0 3px 0; text-align: center;}
/* Footer Sub Navigation */
#sub-nav ul { margin-left: 15px; padding: 0; width: 600px;}
#sub-nav li { float: left; list-style: none; margin: 5px 5px; padding: 2px; padding-bottom: 2px;}
/* Footer Links */
#page-footer A:link { COLOR: #7d7757; text-decoration: none}
#page-footer A:visited { COLOR: #7d7757; text-decoration: none}
#page-footer A:hover { text-decoration: none; color:#286ea0;}
#page-footer A:active { COLOR: #7d7757; text-decoration: none}