/* CSS Document */

body {margin:0; padding:0; background:#E1E1E1; background-image:url(../img/bg.gif); background-repeat:repeat; font:12px Arial, Helvetica, sans-serif; color:#314954 }
a {color:#20768E; text-decoration:underline}
a:hover {text-decoration:none}

#maincontainer{width:785px; border:2px solid #666; margin:20px auto; padding:10px 0px 0px 0px; background-color:#FFF  }

#contentwrapper{float:left; width:749px; margin:auto; padding-bottom:10px }

#masthead{display:block; clear:both; font-family:Verdana,sans-serif; width:769px; padding:10px; margin-bottom:10px }
#logo {width:440px; padding-left:7px; font:28px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; font-style:italic; height:37px; letter-spacing:-1.5px;}
.referrals {color:#AFAFAF; font-weight:normal; border-left:1px solid #AFAFAF; padding-left:5px; margin-left:4px}
#phone {float:right; width:220px; font:34px Arial, Helvetica, sans-serif; color:#45a092; font-weight:bold; letter-spacing:-1.5px; text-align:right; }
.call {font-size:15px; color:#8E8E8E; letter-spacing:-.5px; line-height:11px; font-weight:bold}

.subhead {font-size:14px; color:#8E8E8E; font-style:italic; letter-spacing:0px; line-height:10px; text-transform:capitalize}

#action {background-color:#000; background-image:url(../img/drugrehabreferrals.jpg); height:200px; width:769px; margin-left:10px}

#nav { padding-top:10px; width:161px}
#nav ul {width:161px; height:180px; margin:0; margin-left:30px; padding:0px; position:relative; letter-spacing:-.17px; border-right:1px solid #8D8D8D;}
#nav ul li {height:32px; list-style-image:url(../img/arrows.jpg); font-size:13px; text-align:left; line-height:13px; padding-left:10px}
#nav ul li a {color:#FFF; text-decoration:none; font-weight:bold; }
#nav ul li a:hover {color:#50BAD7;}

.drug-facts {margin-right:360px; float:right; padding-top:15px; width:200px; color:#C1A507; font-size:22px; font-weight:bold}
.drug-facts p {margin-left:10px; padding-top:5px; color:#FFF; font:13px Arial, Helvetica, sans-serif; font-weight:normal}

#leftcolumn{margin-right:527px; border-right:1px solid #AFAFAF; width:186px; margin-left:15px }
#leftcolumn h1 {font:20px Arial, Helvetica, sans-serif; color:#20768E; font-weight:bold; text-transform:capitalize; letter-spacing:0px}
#leftcolumn ul {margin:0; padding:0; list-style:none}
#leftcolumn li {padding-bottom:10px; padding-right:10px; list-style:none}
#leftcolumn a {color:#8E8E8E}

#maincolumn{float:left; width:552px; margin-left:-552px; padding-left:20px; }

.phone {font-size:20px; color:#45a092; font-weight:bold}
.assessment {font-size:18px; font-weight:bold}
.facility {margin-left:10px; border:1px solid #666}

#footer{clear:left; width:765px; background:#AFAFAF; color:#000; font-size:10px; padding:10px 10px;}
#footer p {padding:10px}

.bottom_nav {width:auto; height:auto;  font-size:11px; padding-left:0px; padding-top:5px }
.bottom_nav a {padding:8px 5px; font-weight:normal; text-decoration:none; color:#000}
.bottom_nav a:hover {color:#20768E; text-decoration:underline}

.copyright {width:auto; height:auto; float:right; font-size:11px; text-align:right; padding-right:0px }
.copyright a{text-decoration:none; color:#20768E; }
.copyright a:hover{text-decoration:underline; color:#20768E }

#cluster {margin: 0px auto; width:724px; text-align:center; font-size:10px; padding-bottom:15px; color:#fff;}
#cluster a {color:#fff;  padding:0px 3px}
#cluster a:hover {background-color:#fff; color:#000;}


h1 {font:22px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:-1px }
h2 {font:17px Arial, Helvetica, sans-serif; color:#000; font-weight:bold}
h2 a {font:17px Arial, Helvetica, sans-serif; color:#000; font-weight:normal; text-decoration:none}
h2 a:hover {text-decoration:underline}
h3 {font:14px Arial, Helvetica, sans-serif; color:#000; font-weight:bold}
h3 a {font:14px Arial, Helvetica, sans-serif; color:#000;  font-weight:bold; text-decoration:none}
h3 a:hover {text-decoration:underline}