/*order by load/render sequence. pls keep clean and tidy. css-img background (bg) image names purposfully short - xhtml img tag names can be longer and named for seo/keyword reinforcement*/
html, body { margin:0; padding:0; background:#EDF0F1; background:url(/img/bg.jpg) top repeat-x #EDF0F1; font-size:80.5%; font-family:Arial, sans-serif; position:relative; height: 100%; width: 100%; }
* { margin:0; padding:0; }
a img { border:none; }
#container { width:890px; height: auto; margin: 10px auto; position:relative; }
.body { float:right; width:100%; background:#FFF; }
#masthead { background:url("/img/bghd.jpg") top left no-repeat #263848; height:auto; display:block; clear:both; }
#logo { padding:20px; float:left; }
/*.phone { float:right; width:300px; margin:8px 14px 0 0; padding:4px 10px 2px 0; border-right:1px solid #476685; text-align:right; font:16px Verdana; font-weight:bold; color:#FFF; }*/
.phone { float:right; width:300px; margin:8px 14px 0 0; padding:4px 0 2px 0; text-align:right; font:16px Verdana; font-weight:bold; color:#FFF; }
.phone span { font-style:italic; color:#A9CBE3; margin-right:4px; font-weight:normal; }
.search { float:right; width:220px; padding:9px 0 0 0; }
#search { width:120px; height:16px; margin-right:6px; font:12px Arial; color:#333; background:url(/img/searchbg.gif) top left no-repeat; }

 /*primary nav + css mouseovers*/
.nav { margin:22px 8px 0 0; padding:0; float:right; width:598px; height:32px; }
.nav li { list-style-type:none; display:inline; height:32px; float:left; }
.nav li span { display:none;} /*required to hide text and show primary nav bg images */
.nav a#home { display:block; background:url(/img/navhome.gif) top left no-repeat; height:32px; width:68px; }
.nav a:hover#home { background:url(/img/navhome.gif) bottom left no-repeat; }
.nav a#company { display:block; background:url(/img/navcompany.gif) top left no-repeat; height:32px; width:89px; }
.nav a:hover#company { background:url(/img/navcompany.gif) bottom left no-repeat; }
.nav a#treatment { display:block; background:url(/img/navtreatment.gif) top left no-repeat; height:32px; width:92px; }
.nav a:hover#treatment { background:url(/img/navtreatment.gif) bottom left no-repeat; }
.nav a#programs { display:block; background:url(/img/navprograms.gif) top left no-repeat; height:32px; width:90px; }
.nav a:hover#programs { background:url(/img/navprograms.gif) bottom left no-repeat; }
.nav a#investors { display:block; background:url(/img/navinvestors.gif) top left no-repeat; height:32px; width:85px; }
.nav a:hover#investors { background:url(/img/navinvestors.gif) bottom left no-repeat; }
.nav a#careers { display:block; background:url(/img/navcareers.gif) top left no-repeat; height:32px; width:76px; }
.nav a:hover#careers { background:url(/img/navcareers.gif) bottom left no-repeat; }
.nav a#contact {display:block; background:url(/img/navcontactus.gif) top left no-repeat; height:32px; width:98px; }
.nav a:hover#contact { background:url(/img/navcontactus.gif) bottom left no-repeat; }
 /*end mouseovers*/ 
 
.Company { width:890px; height:90px; background:url(/img/subjectbg1.jpg) bottom left no-repeat; }
.Company div { padding:26px 0 0 25px; font:28px Myriad, Verdana, sans-serif; font-weight:bold; color:#FFF; letter-spacing:.5px; text-align:left; }

.Treatment { width:890px; height:90px; background:url(/img/subjectbg6.jpg) bottom left no-repeat; }
.Treatment div { padding:26px 0 0 25px; font:28px Myriad, Verdana, sans-serif; font-weight:bold; color:#FFF; letter-spacing:.5px; text-align:left; }

.Programs { width:890px; height:90px; background:url(/img/subjectbg5.jpg) bottom left no-repeat; }
.Programs div { padding:26px 0 0 25px; font:28px Myriad, Verdana, sans-serif; font-weight:bold; color:#FFF; letter-spacing:.5px; text-align:left; }

.Contact { width:890px; height:90px; background:url(/img/subjectbg4.jpg) bottom left no-repeat; }
.Contact div { padding:26px 0 0 25px; font:28px Myriad, Verdana, sans-serif; font-weight:bold; color:#FFF; letter-spacing:.5px; text-align:left; }

.Investors { width:890px; height:90px; background:url(/img/subjectbg3.jpg) bottom left no-repeat; }
.Investors div { padding:26px 0 0 25px; font:28px Myriad, Verdana, sans-serif; font-weight:bold; color:#FFF; letter-spacing:.5px; text-align:left; }

.Careers { width:890px; height:90px; background:url(/img/subjectbg2.jpg) bottom left no-repeat; }
.Careers div { padding:26px 0 0 25px; font:28px Myriad, Verdana, sans-serif; font-weight:bold; color:#FFF; letter-spacing:.5px; text-align:left; }

.main { margin-left:220px; }
.content { margin-top:0; padding:10px 20px; font:1.2em Arial, sans-serif; color:#333; line-height:144%; background:url(/img/bodybg.gif) top right no-repeat #FFF; }
.content h1 { font-size:24px; line-height:144%; margin:10px 0; font:24px Arial, sans-serif; font-weight:bold; color:#AA4F27; }
.content h1.callout { color:#004D99; font-size:20px; line-height:144%; margin:10px 0; padding:8px 0; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; text-align:left; }
.content h1 a:link{ color:#004D99; font-size:20px; line-height:144%; margin:10px 0; padding:8px 0; text-decoration: none; }
.content h1 a:hover{ text-decoration: none; }
.content h1 a:visited{ color:#004D99; text-decoration: none; }
.content h1 a:active{ color:#AA4F27; }
.content p{ padding-bottom: 12px;}


.content p a:link{ color:#004D99; text-decoration: underline; }
.content p a:hover{ text-decoration: none; }
.content p a:visited{ color:#004D99; text-decoration: underline; }
.content p a:active{ color:#AA4F27; }

.content a:link{ color:#004D99; text-decoration: underline; }
.content a:hover{ text-decoration: none; }
.content a:visited{ color:#004D99; text-decoration: underline; }
.content a:active{ color:#AA4F27; }


#rightcallout{
float: right; color:#004D99; font-size:17px; line-height:134%; margin:10px; border:1px solid #E2E2E2; text-align:center;
}

#border{
font-size:17px; line-height:134%; margin:13px; border:1px solid #c5c5c5; text-align:center; padding: 0; width: 250px;
}

.content h2 {
font:1.4em Arial, sans-serif; color:#333; line-height:120%; font-weight: bolder;
}

.content ul, ol{
margin: 25px; 
}
.content ul{
list-style: none;
}
.content ul li{
list-style-image: url(/img/bullit_custom.gif); 
list-style-type: circle;
line-height: 16px;
}

.content h4 a:link{color: #3887c1;}
.content h4 a:hover{color: #3887c1;}
.content h4 a:visited{color: #3887c1;}
.content h4 a:active{color: #3887c1;}

.content li a:link{color: #3887c1;}
.content li a:hover{color: #3887c1;}
.content li a:visited{color: #3887c1;}
.content li a:active{color: #3887c1;}

.leftcolumn { float:left; width:220px; background:url(/img/bodybg.gif) top left no-repeat; font-weight:bold; font-size:13px; }
.leftcolumn div { margin-top:5px; background:url(/img/lnavbg.gif) bottom right repeat-y; }
.leftcolumn ul { list-style-type:none; text-align:right; }
.leftcolumn li { display:inline; /*IE6 fix*/ }
.leftcolumn ul a { text-decoration:none; display:block; padding:9px 18px 9px 0; background:url(/img/lnavabg.jpg) bottom right no-repeat; }
.leftcolumn ul a:link { color:#283746; }
.leftcolumn ul a:hover { color:#49647C; background:url(/img/lnavabgover.jpg) bottom right no-repeat; }
.leftcolumn ul a:visited { color:#283746; }
.leftcolumn ul a#on { background:url(/img/lnavabgon.jpg) bottom right no-repeat; }

.input{margin-top:0; font:.9em Arial, sans-serif; color:#222; line-height:144%;}

.homepagebody{ width:100%; overflow:hidden; position:relative; float:left; background:url(/img/bodybg-hp.gif) top right no-repeat #FFF; }
.homepageleftcolumn{ width: 550px; float:left; font-size:12px; text-align:left; padding: 9px; overflow:hidden; position:relative; color: #333333; line-height:138%; }
.homepageleftcolumn hr { width: 550px; color: #e2e2e2; background-color: #e2e2e2; height: 1px; }
.homepageleftcolumn h1 { margin:2px 0; font:22px Arial, sans-serif; font-weight:bold; color:#005ea3; line-height:110%; }
.homepagerightcolumn{ width: 320px; float:right; text-align:left; margin:5px 0; overflow:hidden; position:relative; }
.homepagerightcolumn hr { width: 320px; color: #e2e2e2; background-color: #e2e2e2; height: 1px; }
.homepagerightslider { background-color: #f1f1f1; color: #666666;}


.footer { background:url(/img/ftbg.gif) bottom no-repeat #263848; font:11px Arial, sans-serif; color:#7996A9; line-height:1.5em; padding:10px 20px; }

.ftnav > a:first-child { margin-left:0; }
.footer a { text-decoration:none; color:#A9CBE3; margin:0 6px; }
.footer .map { float:right; }
.footer strong { color:#A9CBE3; padding:0 6px; }
a#healthinfo { font-size:10px; margin:0; }
.footer a:hover { text-decoration:underline; color:#FFF; }
a.b { margin:0; }

#treatmentsearch{
background-image:url("/img/treament-search-tabs-TS-on.gif");
background-repeat:no-repeat;
background-position: top left;
height: 23px;
width: 400px;

}

#treatmentsearch li{ list-style:none; float:left; }

#FS { display:block; height:23px; width:107px; vertical-align:top; }
#TS { display:block; height:23px; width:119px; vertical-align:top; }
#OS { display:block; height:23px; width:123px; vertical-align:top; }




#treatmentsearch_content{
background-image:url("/img/treament-search-bg.gif");
background-repeat:no-repeat;
background-position: bottom left;
vertical-align: top;
width: 550px;
height: 155px;
padding: 0px;
margin: 0px;
font:11px Arial, sans-serif;
overflow: visible;
}

#tabcontent{
width: 549px;
}

#FindbyState{
position:relative;
float:left;
color: #333333;
font:12px Arial, sans-serif; 
width: 450px;
margin-top: 9px;
margin-left: 14px;
}

#FindbyState b{
color: #d55323;
font:14px Arial, sans-serif; 
line-height:200%;
font-weight:bolder;
}

#FindByMap select{
color: #333333;
font:11px Arial, sans-serif; 
}

#FindByMap{
position:relative;
float:left;
padding-left: 14px;
margin-top: 9px;
height: 115px;
color: #333333;
font:12px Arial, sans-serif; 
width: 450px;

}

#FindByMap b{
color: #d55323;
font:14px Arial, sans-serif; 
line-height:200%;
font-weight:bolder;
}

#FindOnline{
position:relative;
float:left;
padding-left: 14px;
padding-right: 14px;
margin-top: 9px;
height: 115px;
color: #333333;
font:12px Arial, sans-serif; 
width: 500px;
}

#FindOnline b{
color: #d55323;
font:14px Arial, sans-serif; 
line-height:200%;
font-weight:bolder;
}

.paddedimage{
margin-top: 2px;
margin-bottom: 2px;
}


#SidebarCallout{
width: 195px;
height:auto;
padding: 145px 12px 15px 12px;
margin: 0px;
background-image:url("/img/LeftColumnBackground-chat.jpg");
background-repeat :no-repeat;
background-position: left top;
color: #333333;
font:11px Arial, sans-serif;
background-color: #f3f4f6;
}
#SidebarCallout h3{
color: #4d87bb;
font-size: 17px;
}


.LeftColButton{
border: 0px;
margin: 5px 0px 5px 0px;
}


#contentcallout{
width: 550px;
padding: 0 15px 0 15px;
background-image:url(/img/Callout_Background.gif);
background-repeat:repeat-y;
background-position:left;
height:auto;
overflow:hidden;
}



#contentcallout ul{
list-style: none;
margin: 3px 15px 3px 15px;
}

#contentcallout li{
margin: 2px 5px 2px 5px; 
list-style-image: url(/img/bullit_custom.gif); 
list-style-type: circle;
line-height: 16px;
}
#contentcalloutleftcol{
vertical-align: top;
float:left;
text-align:left;
margin: 0 0px 15px 0px;
width: 200px;
}
#contentcalloutrightcol{
vertical-align: top;
float:right;
text-align:left;
margin: 0 0px 15px 0px;
width: 300px;
}
#contentcallouttop{
width: 550px;
height: 16px;
background-image:url(/img/Callout_TopAndBottom.gif);
background-repeat: no-repeat;
background-position:left;
}
#contentcalloutbottom{
width: 550px;
height: 16px;
background-image:url(/img/Callout_TopAndBottom-02.gif);
background-repeat: no-repeat;
background-position:left;
}

#flashhomepage{
background-color:#263848;
height: 252px;
}
#flashonly{
float:left;
overflow:visible;
}

#flashtext{
position: static;
float:right;
border-left: #FFFFFF 1px solid;
height: 245px;
width: 299px;
padding: 10px;
overflow: hidden;
color:#333333;
font-size:13px;
line-height:138%;
background:#FFFFFF url(/img/homepagebulletbg.gif) repeat-x scroll 0 0;
}
#flashtext H2{ line-height: 124%; padding-top: 2px; font-size: 1.4em;}
#flashtext a:link{ color:#fff; text-decoration: none; }
#flashtext a:hover{ text-decoration: none; }
#flashtext a:visited{ color:#fff; text-decoration: none; }
#flashtext a:active{ color:#AA4F27; }



#SA{
font-family: Franklin Gothic Demi, Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style-type: none;
font-size: 1.23em;
background-image:url(/img/SubstanceAbuseBG.png);
background-repeat: no-repeat;
background-position:left;
height: 27px;
width: 190px;
float:left;
padding-left: 25px;
padding-top: 10px;
padding-bottom: 5px;
}
#SA a{ display:block; height: 27px; width: 190px; }


#WT{
font-family: Franklin Gothic Demi, Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style-type: none;
font-size: 1.23em;
background-image:url(/img/StrugglingYouthBG.png);
background-repeat: no-repeat;
background-position:left;
height: 27px;
width: 190px;
float:left;
padding-left: 25px;
padding-top: 10px;
padding-bottom: 5px;
}
#WT a{ display:block; height: 27px; width: 190px;}
#WT a:link{ color:#263848; text-decoration: none; }
#WT a:hover{ text-decoration: none; }
#WT a:visited{ color:#263848; text-decoration: none; }
#WT a:active{ color:#AA4F27; }


#ED{
font-family: Franklin Gothic Demi, Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style-type: none;
font-size: 1.23em;
background-image:url(/img/EatingDisordersBG.png);
background-repeat: no-repeat;
background-position:left;
height: 27px;
width: 190px;
float:left;
padding-left: 25px;
padding-top: 10px;
padding-bottom: 5px;
}
#ED a{ display:block; height: 27px; width: 190px; }


#WM{
font-family: Franklin Gothic Demi, Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style-type: none;
font-size: 1.23em;
background-image:url(/img/WeightManagementBG.png);
background-repeat: no-repeat;
background-position:left;
height: 27px;
width: 190px;
float:left;
padding-left: 25px;
padding-top: 10px;
padding-bottom: 5px;
}
#WM a{ display:block; height: 27px; width: 190px; }


#accreditations{
padding-top:10px;
}

#accreditations ul{
padding-top:10px;
}
#accreditations ul li{
display:inline;
margin: 10px;
}

/*questions and comments to mc@uxdesign.com - please leave at css btm thx*/