@charset "UTF-8";
a{
color:#336699;
font-weight:bold;
text-decoration:none;
}
a:active,a:hover{
border-bottom:none;
color:#999900;
text-decoration:underline;
}
body{
background:#FFFFFF;
color:#222222;
font:76% Trebuchet MS,trebuchet,tahoma,verdana,sans-serif;
text-align:center;
}
body#basic #content .additional{
float:right;
margin:0 0 0 2.5em;
padding:.6em -1em 0.5em .5em;
width:16em;
}
body#basic #content .additional li{
margin-bottom:0;
margin-left:-8px;
}
body#basic #content .additional ul{
margin-bottom:-10px;
}
body#basic #content .fine{
color:#666666;
font-size:11px;
line-height:1.2;
}
body#basic #content .pquote{
background:url(..//graphics/open-quote.gif) top left no-repeat;
float:right;
margin:0 0 0 -1em;
padding:.6em 0 0.5em 3.5em;
position:relative;
width:17em;
}
body#basic #content .presentedby div{
margin-top:-3px;
}
body#basic #content .presentedby li{
list-style:none;
margin:0 0 0 0;
}
body#basic #content .quote:first-letter{
font-size:1.5em;
font-weight:bold;
}
body#basic #content .quoteby{
color:#666666;
font-size:10px;
font-weight:normal;
line-height:1.1em;
margin-top:-2em;
width:12em;
}
body#basic #content .quotesymbol{
font:2.5em Georgia,"Times New Roman",Times,serif;
}
body#basic #content div.narrator{
_height:200px;
clear:both;
min-height:200px;
padding-bottom:2em;
}
body#basic #content div.narrator img{
float:left;
margin:0 1em 0 0;
}
body#basic #content div.narrator p.fine{
margin-bottom:.3em;
}
body#basic #content li{
margin-bottom:.5em;
}
body#basic #content li{
line-height:1.3;
}
body#basic #content p{
line-height:1.4;
}
body#basic #content p.quote{
color:#666666;
font:1.5em Verdana,Arial,Helvetica,sans-serif;
font-style:italic;
line-height:1.3em;
}
body#basic #content ul,body#basic #content ol{
padding:1.5em 2.5em;
}
body#basic #content ul.presentedby{
margin:.3em 0 1em 0;
padding:0;
width:30em;
}
body#basic #content,body#black #content{
padding:2em 2em;
}
body#basic #contentwrap{
_right:10px;
_top:-50px;
background:#FFFFFF url(..//graphics/top-round-content.gif) no-repeat top;
height:30em;
margin:20px 0 0 0;
padding:0;
position:relative;
right:-3px;
text-align:left;
width:772px;
}
body#basic #legend{
left:-10px;
position:relative;
}
body#basic #legend img{
border:none;
}
body#basic #mapDiv{
position:relative;
top:0;
}
body#basic h2 + img{
margin-bottom:0;
margin-top:-.5em;
}
body#basic img{
border:solid #000000 1px;
}
body#black  #content-bottom{
_top:-22px;
background:url(..//graphics/bottom-black-round-content.gif) no-repeat top;
height:30px;
position:relative;
top:-32px;
}
body#black #content{
_left:0;
_top:0;
background:transparent url(..//graphics/black-content-bg.gif) repeat-y top;
left:3px;
margin:20px 0 0 0;
padding:0;
position:relative;
text-align:left;
top:-20px;
width:772px;
}
body#black #contentwrap{
_left:-10px;
_top:-56px;
background:transparent url(..//graphics/top-black-round-content.gif) no-repeat top;
color:#FFFFFF;
left:-2px;
margin:20px 0 0 0;
min-height:12em;
padding:2em 0 0 0;
position:relative;
width:778px;
}
body#black #modnav{
_top:-0px;
}
body#black #modnav a:active,body#black #modnav a:hover{
background:#FFFFFF;
color:#6A74A7;
text-decoration:none;
}
body#home  #content-bottom{
_top:0;
background:url(..//graphics/bottom-green-round-content.gif) no-repeat top;
height:30px;
position:relative;
top:-23px;
}
body#home #content{
_top:0;
background:transparent url(..//graphics/green-content-bg.gif) repeat-y top;
height:15em;
margin:20px 0 0 0;
padding:0;
position:relative;
text-align:left;
top:-17px;
width:778px;
}
body#home #contentwrap{
_left:-5px;
_top:-50px;
background:transparent url(..//graphics/top-green-round-content.gif) no-repeat top;
color:#FFFFFF;
margin:20px 0 0 0;
min-height:12em;
padding:2em 0 0 0;
position:relative;
right:-3px;
width:778px;
}
body,h4,h1,h2,h3,h5,h6,p,ul,dl,li,dt,ol,img{
margin:0;
padding:0;
}
div#content .site-index h2{
margin-left:0;
}
div#content form{
margin-top:8px;
}
div#content input,div#content select,div#content textarea{
background:#CCCCCC;
}
div#top-panel{
background:#333333;
border-bottom:2px solid #FFFFFF;
height:225px;
text-align:left;
}
div#top-panel div.site-index{
margin:0 auto;
width:780px;
}
div#top-panel div.site-index .homenav{
top:1em;
}
div#top-panel h2{
color:#CCCCCC;
font-size:1.3em;
font-weight:bold;
}
div#top-panel h4{
color:#999999;
font-size:1em;
}
form > div{
margin-bottom:15px;
}
h1{
color:#444444;
font:2em "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
margin:0 0 .6em 0;
}
h2{
color:#444444;
font:1.5em "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
margin:0 0 .3em 0;
}
h3{
color:#444444;
font:1.3em "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
margin:0 0 .1em 0;
}
h4{
color:#222222;
font:1.1em Trebuchet MS,trebuchet,tahoma,verdana,sans-serif;
margin:0 0 0 0;
}
h5{
color:#444444;
font:1.1em "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
margin:0 0 -.1em 0;
}
html,body{
height:100%;
}
html>body #overwrap{
height:auto;
}
html>body#basic #contentwrap{
height:auto;
min-height:30em;
}
html>body#black #content{
height:40em;
}
html>body#home #content{
height:auto;
min-height:17.5em;
}
label{
font-size:12px;
font-weight:bold;
}
p,ul,ol{
font-size:1em;
margin:0 0 1em;
}
ul,ol{
margin-top:-1em;
}
.clear{
clear:both;
}
.hidetext{
visibility:hidden;
}
.homenav{
float:left;
left:1.7em;
margin:.7em 3.5em .5em 0;
position:relative;
}
.homenav ul{
margin-top:0;
}
.logicmodel{
background:#003333;
float:left;
left:1.7em;
margin:.7em 3.5em .5em 0;
position:relative;
}
.resources{
background:#000033;
float:left;
left:1.7em;
margin:.7em 3.5em .5em 0;
position:relative;
}
.site-index a{
border:none;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
.site-index a:active,.site-index a:hover{
background:#FFFFFF;
color:#6A74A7;
text-decoration:none;
}
.site-index h2{
color:#FFFFFF;
font:1.5em Trebuchet MS,trebuchet,tahoma,verdana,sans-serif;
margin:0 0 0 0;
}
.site-index h4{
color:#CCCCCC;
font:1.1em Trebuchet MS,trebuchet,tahoma,verdana,sans-serif bold;
margin:0 0 .1em 0;
}
.site-index li{
_margin:-.3em 0 0 0;
}
.site-index ul{
list-style-type:none;
}
.site-index ul + h2{
margin-bottom:0;
}
.welcome{
float:left;
left:1.7em;
margin:.7em 3.5em .5em 0;
position:relative;
}
#container{
margin:0 auto;
width:800px;
}
#footer{
background:#CCCCCC;
color:#000000;
text-align:center;
}
#footer #foottext{
float:left;
font-size:.8em;
position:relative;
text-align:left;
top:10px;
width:410px;
}
#footer #foottext a{
border:none;
color:#222222;
font-weight:normal;
text-decoration:none;
}
#footer #foottext a:active,#footer #foottext a:hover{
color:#6A74A7;
text-decoration:underline;
}
#footer #foottext p{
line-height:1.1em;
}
#footer #macrologo{
background:url(..//graphics/SAMHSAManLogo.gif) no-repeat;
float:left;
height:50px;
margin-right:8px;
position:relative;
top:10px;
width:165px;
}
#footer #macrologo a{
border:none;
display:block;
height:50px;
text-decoration:none;
width:165px;
}
#footer #usflogo{
background:url(..//graphics/USFblkhorz.gif) no-repeat;
float:left;
height:35px;
margin-right:8px;
position:relative;
top:17px;
width:212px;
}
#footer #usflogo a{
border:none;
display:block;
height:35px;
text-decoration:none;
width:212px;
}
#footer,.push{
height:6em;
}
#footer-content{
height:6em;
margin:0 auto;
width:805px;
}
#logo{
background:url(..//graphics/lm-logo.gif) no-repeat;
height:45px;
margin-top:50px;
}
#logo a{
border:none;
display:block;
height:55px;
width:382px;
}
#logo h1{
visibility:hidden;
}
#modnav{
_top:8px;
float:right;
position:relative;
right:40px;
top:4.6em;
z-index:10;
}
#overwrap{
_height:600px;
background:url(..//graphics/pagebg.jpg) repeat-x;
position:relative;
}
#overwrap{
height:auto !important;
height:100%;
margin:0 auto -6em;
min-height:100%;
}
#topnav{
background:transparent url(..//graphics/green-bottom-left-corner.gif) no-repeat bottom left;
color:#FFFFFF;
float:left;
font-weight:bold;
width:760px;
}
#topnav a{
border:none;
color:#FFFFFF;
text-decoration:none;
}
#topnav a:active,#topnav a:hover{
color:#003333;
}
#topnav li{
display:inline;
margin-right:-7px;
padding:4px;
}
#topnav ul{
background:url(..//graphics/green-bottom-right-corner.gif) no-repeat bottom right;
border-top:none;
margin:0;
padding:2px 17px 6px 0;
position:relative;
right:-17px;
}
#wrapper{
background:url(..//graphics/bg-fade.jpg) no-repeat top left;
margin:0 auto;
min-height:600px;
width:1024px;
}