﻿div, dl, p, li, li, ul, h2, h3, h4
{
    behavior: url("/iepngfix.htc");
}

body
{
 background-color: #f5a000;
    width: 100%;
    background-position: top center;
    font-family: Tahoma, Arial, Helvetica;
    background-repeat: no-repeat;
    margin: 0px auto 0px auto;   
    overflow: visible;
}

body.home
{
    scrollbar-face-color: #FFCC00;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #FF9900;
    scrollbar-shadow-color: '';
    scrollbar-highlight-color: '';
    scrollbar-3dlight-color: '';
    scrollbar-darkshadow-color: '';
}


.home
{
    /*background-image: url(/UserFiles/Image/wrapperTopBg.jpg);*/
    
}

/* 3As */

#textSize
{
position:absolute;
top:0px;
left:0px;
}

.smallFont, .smallA
{
	font-size: 100%;
}

.medFont, .medA
{
	font-size:120%;
}

.largeFont, .largeA
{
	font-size:150%;
}

/*end 3As*/


#wrapper
{
    width: 960px;
    margin: 0px auto 0px auto;

}
.homeheight
{

}
#leftContent
{
    position: relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 100px 0px 10px 0px;

    width:405px;
  
    
}
.Master
{
    width: 405px;
}
#Forum
{
    width: 700px;
}
#sideNav
{
    width:140px;
    float:left;

    padding: 335px 0px 0px 0px;
}
#sideNav ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#sideNav ul li
{
    padding: 3px 0px 8px 0px;
    text-transform: uppercase;
    font-size: 60%;
    width: 131px;
    list-style-type: none;
    font-weight: 600;
    display: block;
    text-align: center;
    background-image: url(/UserFiles/Image/side-nav-bg-support.png);
    background-repeat: no-repeat;
    behavior: url("/iepngfix.htc");
}
.sideNavBtnBig
{
     background-image: url(/UserFiles/Image/side-nav-bg-support-big.png);
     behavior: url("/iepngfix.htc");
}


#sideNav ul li a
{
    color: #fff;
    text-decoration: none;
}
#sideNav ul li a:hover
{
    color: #eebe18;
    text-decoration: none;
}
#main
{
    width:814px;
    float:right;
  min-height:490px;
  height:auto !important;
  height:490px;

    margin: 0px 0px 0px 0px;
}






#leftContent h2
{
    padding: 0px 0px 0px 0px;
    margin: 25px 0px 0px 0px;
}
#leftContent strong
{
    font-size: 100%;

}
.title
{
    color: #00d5ef;
    font-size: 120%!important;
    padding: 0px 10px 5px 0px;
    background-color: #000;
}

#rightContentInner h3
{
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    margin: 10px 0px 10px 0px;
}


.title
{
    color: #00d5ef;
    font-size: 120%!important;
    padding: 0px 10px 5px 0px;
    background-color: #000;
}

.replace
{
    position: relative;
    text-indent: -9000px;
    margin: 0px;
    padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
    overflow: hidden; /* */
}
/*
.replace span
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px; /*for Opera 5 and 6*/



#myh1, #myh1 span
{
    height: 180px;
    width: 405px;
    background-image: url(/UserFiles/Image/2drinking-with-chalie-logo.png);
    behavior: url("/iepngfix.htc");
}

#title1, #title1 span
{
    height: 37px;
    width: 407px;
    background-image: url(/UserFiles/Image/if-you-are-drinking-and-tak.png);
    behavior: url("/iepngfix.htc");
}

#title2, #title2 span
{
    height: 24px;
    width: 169px;
    background-image: url(/UserFiles/Image/title-whats-this.png);
    behavior: url("/iepngfix.htc");
}
#title3, #title3 span
{
    height: 24px;
    width: 126px;
    background-image: url(/UserFiles/Image/title-so-what.png);
    behavior: url("/iepngfix.htc");
}
#title4, #title4 span
{
    height: 24px;
    width: 67px;
    background-image: url(/UserFiles/Image/title-faqs.png);
    behavior: url("/iepngfix.htc");
}
#title5, #title5 span
{
    height: 24px;
    width: 169px;
    background-image: url(/UserFiles/Image/title-get-support.png);
    behavior: url("/iepngfix.htc");
}
#title6, #title6 span
{
    height: 24px;
    width: 256px;
    background-image: url(/UserFiles/Image/title-coroners-report.png);
    behavior: url("/iepngfix.htc");
}

#title7, #title7 span
{
    height: 24px;
    width: 201px;
    background-image: url(/UserFiles/Image/title-news-articles.png);
    behavior: url("/iepngfix.htc");
}

#title8, #title8 span
{
    height: 24px;
    width: 213px;
    background-image: url(/UserFiles/Image/title-bolton-stories.png);
    behavior: url("/iepngfix.htc");
}

#title9, #title9 span
{
    height: 24px;
    width: 229px;
    background-image: url(/UserFiles/Image/title-bolton-services.png);
    behavior: url("/iepngfix.htc");
}

#title10, #title10 span
{
    height: 24px;
    width: 258px;
    background-image: url(/UserFiles/Image/title-national-services.png);
    behavior: url("/iepngfix.htc");
}


#title11, #title11 span
{
    height: 24px;
    width: 116px;
    background-image: url(/UserFiles/Image/title-cocaine.png);
    behavior: url("/iepngfix.htc");
}

#title12, #title12 span
{
    height: 24px;
    width: 150px;
    background-image: url(/UserFiles/Image/title-drugs-information.png);
    behavior: url("/iepngfix.htc");
}

#title13, #title13 span
{
    height: 24px;
    width: 205px;
    background-image: url(/UserFiles/Image/title-post-comment.png);
    behavior: url("/iepngfix.htc");
}
#title14, #title14 span
{
    height: 24px;
    width: 123px;
    background-image: url(/UserFiles/Image/title-register.png);
    behavior: url("/iepngfix.htc");
}
#title15, #title15 span
{
    height: 25px;
    width: 176px;
    background-image: url(/UserFiles/Image/title-side-effects.png);
    behavior: url("/iepngfix.htc");
}
#title16, #title16 span
{
    height: 26px;
    width: 256px;
    background-image: url(/UserFiles/Image/title-cocaine-overdose.png);
    behavior: url("/iepngfix.htc");
}
#title17, #title17 span
{
    height: 24px;
    width: 119px;
    background-image: url(/UserFiles/Image/title-alcohol.png);
    behavior: url("/iepngfix.htc");
}
#title18, #title18 span
{
    height: 24px;
    width: 140px;
    background-image: url(/UserFiles/Image/title-thankyou.png);
    behavior: url("/iepngfix.htc");
}

#title19, #title19 span
{
    height: 25px;
    width: 280px;
    background-image: url(/UserFiles/Image/title-forgotten-password.png);
    behavior: url("/iepngfix.htc");
}



.questionForm
{
    width: 500px;
    position: relative;
    display: block;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.questionForm p
{
    margin: 10px 15px 3px 0px !important;
    padding: 0px !important;
    color: #000;
}
.questionForm input, .questionForm textarea
{
    color: #000;
    font-size: 10pt;
    font-family: Arial;
    border: 1px solid #fff;
    margin: 0px 0px 0px 0px !important;
}
.Feild
{
    width: 400px;
    padding: 6px 0px 0px 6px;
}
.FeildBtn
{
    background-image: url(/UserFiles/Image/btnSubmit.gif);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 83px;
    height: 24px;
}

.checkFormBtn
{
    color: #000;
    font-size: 70%;
    width: 115px;
    background-color: none !important;
}
#rightContent
{
    width: 370px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
  

}
#rightContentInner
{
    padding: 80px 0px 0px 0px;

}
#rightContentInner a, #rightContentInner a:visited
{

    color: #0a6f75;
}
#rightContentInner a:hover
{

    color: #009ca9;
}


#rightContentInner ul, #leftContent ul
{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
}
#rightContentInner ul li, #leftContent ul
{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 8px 10px;
}
.leftUl, .rightUl
{
    font-size: 70%;
}



#leftContent p, #rightContent p
{
    text-align: left;
    line-height: 140%;
    font-size: 70%;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 10px 0px;
}
 #rightContent p{
  padding: 5px 0px 0px 0px;
 }

#wrapperBottom
{
    width: 100%;
    background-image: url(/UserFiles/Image/wrapperBotBg.jpg);
    background-repeat: no-repeat;
    background-color: #ffcc00;
    height: 400px;
    min-height: 400px !important;
    height: 400px auto;
    background-position: top center;
    margin: 0px auto 0px auto;
    clear: both;

}
.d2logo
{
    font-size: 70%;
    border: 0px;
    color: #000;
    margin-top: 100px;
}
.d2logo img
{
    border: 0px;
    color: #000;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -3px 0px;
}
.d2logo em
{
    border: 0px;
    font-style: normal;
    color: #000;
    line-height: 20%;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 5px 0px;
}
.d2logo a
{
    text-decoration: none;
}
.d2logo a:hover
{
    text-decoration: underline;
}
#footer
{
    width: 680px;
    height: 150px;
    margin: 0px auto 0px auto;
    display: block;
    overflow: visible;

    position: relative;
    
}


#flashLayerLogo
{
    position: absolute;
    bottom:131px;
    right: -150px;
    z-index: +1;
    overflow: hidden;
}
.space{

height:250px;
}

#flashLayerLogoCalc{
    position: absolute;
    bottom:150px;
    right: -100px;
    z-index: +1;
    overflow: hidden;
}

.height586
{
    
margin-bottom: -85px;

}


.forumFooter
{
    width: 820px;
    padding: 40px 0px 0px 0px;
    clear: both;
    margin: 0px auto 0px auto;
}
.btnForum
{
    color: #fff;
    margin: 10px 0px 0px 0px;
}
.btnForum a
{
    padding: 3px 0px 8px 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 60%;
    width: 131px;
    list-style-type: none;
    font-weight: 600;
    display: block;
    text-align: center;
    background-image: url(/UserFiles/Image/side-nav-bg-support.png);
    background-repeat: no-repeat;
    behavior: url("/iepngfix.htc");
}



.questionScroll
{
    height: 440px;
    width: 390px;
    overflow: auto;
    margin: 10px 0px 0px 0px;
    padding: 8px;
}

.FAQItem strong
{
    cursor:pointer;
}

.anyQuestions
{
    color: #000;
    width: 360px;
    font-size: 80%;
     margin: 10px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}
.anyQuestions li
{
    padding: 10px 0px 0px 0px !important;
    display: block !important;
   
    width: 360px;
    list-style-type: none;
    margin: 0px 0px 0px 0px !important;
}
.anyQuestions span, .anyQuestions strong
{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    display: block;
    clear: both;
    background-repeat: no-repeat;
    background-position: left top;
}
.anyQuestions strong
{
    font-weight: bolder !important;
    font-size: 90% !important;
    background-image: url(/UserFiles/Image/faq-q.gif);
    background-repeat: no-repeat;
}
.anyQuestions span
{
    font-weight: bolder !important;
    line-height: 18px;
    font-size: 85% !important;
    padding: 0px 0px 0px 20px;
    font-weight: normal !important;
    background-image: url(/UserFiles/Image/faq-a.gif);
    background-repeat: no-repeat;
}
.anyQuestions em
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 30px;
    font-style: normal;
    display: block;
    clear: both;
}
.links
{

    display: block!important;
    clear: both!important;
    width: 400px;
    height: 90px;
    min-height: 90px !important;
    height: 90px auto;

    margin: 10px 0px 12px 0px !important;
    padding: 0px 0px 0px 0px !important;
}
.links img
{

    float:left;
    border: 0px;
    width: 127px;
    margin: 0px 5px 0px 0px;
}
.links strong
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;

}
.links p
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    float:right;
    width:255px!important;
}


.links a, .links a
{
    color: #0a6f75;

}
.links a:visited
{
   color: #009ca9;
}
.d2logo a, .d2logo a
{
    color: #0a6f75;

}
.d2logo a:visited
{
   color: #009ca9;
}
.newsArticle
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.newsArticle h3
{
    font-size: 90%;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}
.newsArticle
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.newsArticle a
{
    color: #0066cc;
}
.newsArticle a:visited
{
    color: #0066cc;
}

#charliesLines
{
	width:800px;
	height:600px;
	background-color:#f5a000;
	margin:auto auto;
}