body{
	position:relative;
	padding:0;
	margin:0;
	text-align:center;
	font:normal 13px/150% arial,verdana,sans-serif;
	color:#000;
	background:#f1f1f2 url(http://images.youthondrugs.com/bg_pattern.jpg) center center;
}
#outer_wrapper{
	background:url(http://images.youthondrugs.com/header_grunge_bg.jpg) no-repeat 50% top;
}
#wrapper{
	width:980px;
	margin:0 auto;
	text-align:left;
}
#header{
	position:relative;
	height:140px;
}
#container{
    background:url(http://images.youthondrugs.com/container-bg.gif);
    padding:0 32px 20px 32px;
    border-bottom:1px solid #e1e1e1;
}
#footer{
	margin-top:12px;
	text-align:center;
}
#main{
    position:relative;
    margin:0 auto;
    width:943px;
}

/* float clearing for IE6 */
* html .clearfix{height:1%;overflow:visible;}
/* float clearing for IE7 */
*+html .clearfix{min-height:1%;}
/* float clearing for everyone else */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

a{color:#0084B8;}
a:hover{color:#0084B8;}
a:visited{color:#005b7f;}

a img{
	border:none;
}
p{
	margin:0;
	padding:0 0 1em 0;
}
h1,h2,h3,h4,h5{
	margin:0 0 0.5em 0;
	padding:0;
	font-weight:normal;
	line-height:130%;
}
h1{
	font-size:26px;
}
h2{
    color:#646464;
    font:bold 24px/1em arial,sans-serif;
}
h3{
    color:#646464;
    font:bold 18px/1em arial,sans-serif;
    margin-top:6px;
}
ul{
	margin:0 0 1em 0;
	padding:0 0 0 1em;
	list-style:outside;
}
li{
	padding:2px 0;
}
form{padding:0;margin:0;}
fieldset{
    border:none;
    padding:0;
    margin:0;
}
select,input{
    margin:0 0 5px 0;
}


/* HEADER */
#logo{
    padding-top:10px;
}
#searchform{
    position:absolute;
    top:0;
    right:15px;
    width:255px;
    background:url(http://images.youthondrugs.com/search_form_bg.png) no-repeat bottom center;
    text-align:center;
    padding:10px 0;
}
#searchform fieldset{
    position:relative;
    border:none;
    padding:0 12px;
}
#searchform input.query_box{
    width:160px;
    height:15px;
    float:left;
    padding:2px;
    border:1px solid #000;
}
#searchform button{
    border:none;
    float:left;
    width:59px;
    height:21px;
    margin-left:4px;
    cursor: pointer;
    text-indent:-9999px;
    background:url(http://images.youthondrugs.com/btn_search.gif) no-repeat top center;
}
#searchform button:hover{
    background:url(http://images.youthondrugs.com/btn_search.gif) no-repeat bottom center;
}


/* MAIN NAV*/
#header .nav{
    position:absolute;
    top:50px;
    left:250px;
}
.nav ul{
    list-style:none;
    margin:0;
    padding:0;
}
#header .nav ul li{
    float:left;
    list-style:none;
    padding:0;
    margin:0 6px;
}
#header .nav #btn_p_home a span,
#header .nav #btn_p_services a span,
#header .nav #btn_p_drugs a span
{
    display:none;
}
#header .nav #btn_p_home a{
    display:block;
    width:67px;
    height:38px;
    background:url(http://images.youthondrugs.com/btns_main_nav.gif) no-repeat 0 0;
}
#header .nav #btn_p_services a{
    display:block;
    width:187px;
    height:38px;
    background:url(http://images.youthondrugs.com/btns_main_nav.gif) no-repeat -67px 0;
}
#header .nav #btn_p_drugs a{
    display:block;
    width:152px;
    height:38px;
    background:url(http://images.youthondrugs.com/btns_main_nav.gif) no-repeat -254px 0;
}
#header .nav #btn_p_home a:hover{
    background-position:0 -38px;
}
#header .nav #btn_p_services a:hover{
    background-position:-67px -38px;
}
#header .nav #btn_p_drugs a:hover{
    background-position:-254px -38px;
}
#header .nav #btn_p_home a.selected{
    background-position:0 -76px;
}
#header .nav #btn_p_services a.selected{
    background-position:-67px -76px;
}
#header .nav #btn_p_drugs a.selected{
    background-position:-254px -76px;
}

/* PAGE HEADER */
.page_header{
    background:url(http://images.youthondrugs.com/page-header-bg.jpg);
    border-top:1px solid #b4b6ba;
    padding:0 32px;
    font-size:15px;
    color:#fff;
}
.page_header h1{
    color:#cdf3fc;
    text-transform:uppercase;
    font:bold 32px/1em arial,sans-serif;
    margin:0;
    padding:10px 0;
}
.breadcrumbs{
    position:relative;
    background:#fbfbfb url(http://images.youthondrugs.com/page_header_bottom_bg.jpg) repeat-x left top;
    padding:0 32px 20px 32px;
    text-transform:uppercase;
    font-weight:bold;
    color:#555;
    line-height:25px;
}
.breadcrumbs a{
    color:#005b7f;
}


/* FOOTER */
#footer{
    background:url(http://images.youthondrugs.com/footer_bg.jpg) no-repeat top center;
    padding:26px 0;
    min-height:133px;
}
.blurb{
    font:normal 20px/20px arial,sans-serif;
    color:#7d7d7d;
    padding:7px 0 10px;
    background:url(http://images.youthondrugs.com/dealing_with_drug_reality.gif) no-repeat center center;
    text-indent:-9999px;
}
#footer .nav a{
    color:#959595;
    text-transform:uppercase;
}
#footer .nav ul li{
    display:inline;
    list-style:none;
    padding:0;
    margin:0 6px;
}
#copyright{
    padding:6px 0;
    color:#5fadcb;
}
#copyright a{
    color:#5fadcb;
}



/* SIDEBAR */
.sidebox{
    position:relative;
    margin:0 0 16px 0;   
    padding:5px 10px;
    width:228px;         /* actual box width = 250 to match adsense (not counting padding or borders) */
    background-color:#f7d0aa;
    border:1px solid #E5C2A0;
}
.sidebox h3{
    font-variant:small-caps;
}



/* ADSENSE */
.adsense{
    padding:0;
    border:0;
    background:none;
}
.adsense img{
    display:block;
}
.article .adsense{
    margin:15px 0;
}


/* HOME */
#p_home #header{
    height:110px;
}
#p_home #main{
    margin:0;
    width:100%;
}
#p_home #container{
    background:url(http://images.youthondrugs.com/grid-bg.jpg) no-repeat top right;
    padding:15px 15px 0 0;
    font:15px/150% arial,sans-serif;
    border-bottom:none;
}
#home_intro{
    position:relative;
    float:left;
    width:465px;        /* actual box width = 465 (not counting padding) */
    font:normal 16px/125% "courier new", courier, monospace;
    color:#fff;
    margin:10px 0 0 18px;
    z-index:110;
}
#home_intro .body{
    background:url(http://images.youthondrugs.com/home-intro-bg.png) repeat-y top right;
    padding:18px 37px 18px 30px;
}
#home_intro .bottom{
    height:32px;
    background:url(http://images.youthondrugs.com/home-intro-bottom-bg.png) no-repeat top left;
}
#home_intro .illustration{
    position:absolute;
    top:95px;
    right:-180px;
/*    z-index:110;
*/}
#home_services{
    position:relative;
    float:right;
    width:266px;        /* actual box width = 317 (not counting padding) */
    background:url(http://images.youthondrugs.com/home-services-bg.png) repeat-y top right;    
    color:#fff;
    margin:0;
    padding:26px 23px 50px 28px;
}
#home_services h2{
    font:bold 32px/130% arial,sans-serif;
    margin:0;
    text-transform:uppercase;
    color:#000;
    text-align:center;
}
#home_services #btn_find_local_services,
#home_services #btn_drug_factuals{
    text-align:center;
}
#home_services #btn_find_local_services span{
    display:none;
}
#home_services #btn_find_local_services a{
    display:block;
    width:232px;
    height:74px;
    margin:0 auto;
    background:url(http://images.youthondrugs.com/btn_find_local_services.gif) no-repeat top;
}
#home_services #btn_find_local_services a:hover{
    background:url(http://images.youthondrugs.com/btn_find_local_services.gif) no-repeat bottom;
}
#home_drugs #btn_drug_factuals span{
    display:none;
}
#home_drugs #btn_drug_factuals a{
    display:block;
    width:197px;
    height:63px;
    margin:0 auto;
    background:url(http://images.youthondrugs.com/btn_drug_factuals.gif) no-repeat center top;
}
#home_drugs #btn_drug_factuals a:hover{
    background:url(http://images.youthondrugs.com/btn_drug_factuals.gif) no-repeat center bottom;
}
#home_services .illustration{
    position:absolute;
    bottom:-215px;
    right:-20px;
    z-index:100;
}
#home_drugs{
    float:left;
    width:418px;        /* actual box width = 443 (not counting padding) */
    padding:10px 0px 20px 25px;
}
#home_drugs .body{
    position:relative;
    background:url(http://images.youthondrugs.com/home-lowdown-bg.jpg);
    width:349px;        /* actual box width = 413 (not counting padding) */
    padding:85px 30px 20px 30px;
    color:#fff;
}
#home_drugs h2{
    position:absolute;
    top:5px;
    left:-24px;
    font:bold 22px/60px arial,sans-serif;
    margin:0;
    text-transform:uppercase;
    background:url(http://images.youthondrugs.com/home-lowdown-h2-bg.png) no-repeat top left;
    width:446px;
    height:60px;
    color:#fbf8d2;
    text-align:center;
}
#home_drugs .body img{
    position:relative;
    top:-30px;
    margin:0 0 -40px -24px;
}
#home_drugs .bottom{
    height:29px;
    background:url(http://images.youthondrugs.com/home-lowdown-bottom-bg.png) no-repeat top left;
}
#home_trivia{
    float:left;
    width:199px;        /* actual box width = 249 (not counting padding) */
    background:url(http://images.youthondrugs.com/home-didyouknow-bg.png) no-repeat top left;
    color:#000;
    margin:20px 0 0 25px;
    padding:25px 25px 70px 25px;    /* large bottom padding is forcing content tall enough to show all of index card bg */
    font-size:12px;
    line-height:18px;
    font-weight:bold;
}
#home_trivia .didyouknow{
    font:bold 18px/110% "courier new", courier, monospace;
    text-transform:uppercase;
    color:#7a0026;
    text-align:center;
}



/* SERVICES */
#p_services .main_col h2{
    padding-top:4px;        /* to keep baseline the same as the h2 in the sidebar which has extra padding */
    font-variant:small-caps;
}
#p_services .main_col{
    width:590px;
}
#p_services .sidebar{
    width:260px;
}
#p_services .services .sidebar{
    float:left;
}
#p_services .services .main_col{
    float:right;
}

#p_services .breadcrumbs img{
    position:absolute;
    top:-185px;
    right:-12px;
}
#p_services .page_header{
    padding-right:400px;
}
#p_services .us{
    float:left;
    width:590px;
    background:url(http://images.youthondrugs.com/dotted-bg-vert.gif) repeat-y top right;
}
#p_services .ca{
    float:right;
    width:260px;
    background:url(http://images.youthondrugs.com/services-country-dirt.gif) no-repeat bottom right;
}
#p_services .country h2{
    float:left;
    width:65px;
    height:400px;
}
#p_services .country h2 span{
    margin-left:-9999px;
}
#p_services .us h2{
    background:url(http://images.youthondrugs.com/unitedstates.gif) no-repeat top left;
}
#p_services .ca h2{
    background:url(http://images.youthondrugs.com/canada.gif) no-repeat top left;
}
#p_services .country ul{
    float:left;
    width:150px;
    list-style:none;
    padding:0;
    margin:0 0 0 15px;
}
#p_services .country ul li{
    padding:0;
    margin:0;
}

#p_services .region_city_list,
#p_services .city_search{
    background-color:#fefada;
    border:1px solid #F1F0D1;
}
#p_services .main_col .city_search{
    padding:5px 5px 2px 5px;
    margin:10px -6px 16px -6px;
}
#p_services .main_col .city_search label{
    float:left;
    width:250px;
    color:#898989;
    font:bold 18px/1em arial,sans-serif;
}
#p_services  .main_col.city_search select{
    float:left;
    width:200px;
}
#p_services form#city_select{
    position:relative;
}
#p_services form#city_select .arrow{
    position:absolute;
    top:-25px;
    right:-5px;    
}
.country_services{
    margin:30px 0 0 0;
}
.service_item{
    border-top:#ccc 1px solid;
    padding:14px 0;
    margin:0px 0;
    color:#000;
}
.service_item h3{
	font:normal 20px/120% arial,verdana,sans-serif;
    color:#005b7f;
    margin:0 0 5px;
    padding:0;
}
.service_description{
    margin:0 0 1em 0;
    padding:0;
}
.mdate{
    font-size:10px;
    color:#727272;
    margin:0;
    padding:0;
}


/* SERVICES - CITY */
#p_services .city_services .sidebar{
    float:left;
}
#p_services .city_services .main_col{
    float:right;
}
.region_city_list ul{
    list-style:none;
    padding:0;
}


/* DRUGS */
#p_drugs .page_header img{
    position:absolute;
    top:-20px;
    right:-30px;
    z-index:100;
}
#p_drugs .page_header{
    padding-right:200px;
}
#p_drugs .main_col{
    float:left;
    width:570px;
}
#p_drugs .sidebar{
    float:right;
    width:260px;
}
#p_drugs .related_links a,
#p_drugs .related_reading a
{
    text-decoration:none;
    font-weight:bold;
}
#p_drugs .related_links a:hover,
#p_drugs .related_reading a:hover
{
    text-decoration:underline;
}
#p_drugs h2{
    margin:0 0 10px 0;
}
#p_drugs .references{
    font-size:10px;
    font-family:verdana;
    line-height:130%;
    color:#808080;
    margin:20px 0 0 0;
}
#p_drugs .references a{
    color:#7A7A7A;
}
.drug_class{
    margin:0 0 16px 0;
    padding:5px;
}
.odd{
    background-color:#e9f0f3;
}
.drug_class img{
    float:left;
    border:2px solid #c0dadb;
    margin:0 26px 0 0;
}
.drug_class .drug_class_item{
    float:right;
    width:690px;
}
.article ul{
    padding:0;
}
.article ul{
    padding:0 0 0 1.3em;
}
.article ul ul li{
    list-style:circle;
}
.article ul ul ul li{
    list-style:square;
}
.article img.right{
    border:3px solid #c1c1c1 !important; 
}
.article img.right{
    float:right;
    margin:0 0 10px 10px;
}
.article img.left{
    float:left;
    margin:0 10px 10px 0;
}
.suggestions{
}


/* CONTACT */
#p_contact .page_header img{
    position:relative;
    float:right;
    top:-20px;
    right:-50px;
    z-index:100;
}


/* ABOUT */
#p_about .main_col{
    float:left;
    width:570px;
}
#p_about .sidebar{
    float:right;
    width:260px;
}
#p_about .page_header img{
    position:relative;
    float:right;
    top:-20px;
    right:-50px;
    z-index:100;
}


/* DISCLAIMER */
#p_disclaimer .main_col{
    float:left;
    width:570px;
}
#p_disclaimer .sidebar{
    float:right;
    width:260px;
}



/* ERROR */
#p_error .main_col h2{
    padding-top:20px;
}
