@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background-color:#333;
background-image:url(images/main_bg.gif);
background-repeat:repeat-x;
background-position:top;
}

#container{
width:900px;
height:auto;
background-color:#333;
background-image:url(images/container_bg.gif);
background-position:top;
background-repeat:repeat-x;
float:left;
}

#leftcol{
	width:114px;
	height:100%;
	float:right;
}

#rightcol{
width:645px;
height:auto;
background-image:url(images/right_bg.jpg);
background-color:#999999;
margin:0 0 0 auto;
float:right;
}

#logo{
	width:100%;
	height:172px;
	vertical-align:bottom;
	background-color:#333;
}

#logo1{
background-image: url(images/turning_point_logo.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#logo img{ margin-top:84px; }

#header, .header{
margin:0 auto;
text-align:center;
}

#content{
background-image:url(images/welcome.gif);
background-position:right top;
background-repeat:no-repeat;
margin:0;
padding:0;
height:auto;    /*  <---------------------  relative */
}

#contentbg{
	width:604px;
	height:100%;
	margin:0 auto;
	padding:0 0 310px 0;
	background-image:url(images/bottom_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;

}


#contentbg p{
padding:30px 100px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#contentbg a{
	color: #0033FF;
	text-decoration: underline;	
}

#contentbg a:hover{
	color: #0066FF;
	text-decoration: none;
}

#footer{
	height:35px;
	width:630px;
	margin-left:275px;
	clear:both;
}


#nav{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:10px;
color:#FFFF00;
width:100%;
/* background-image:url(images/menu.gif); */
}

#nav ul{
list-style:none;
margin:26px 0 0 0;
padding:0;
}

#nav ul li{
padding:0;
margin:0;
}

.u{
text-decoration:underline;
}

.list1, .list2{
width:180px;
font-family:arial;
font-size:12px;
float:left;
list-style:square;
}

.list1{
padding-left:120px;
padding-bottom:20px;
}

.list2{
padding-left:20px;
padding-bottom:20px;

}

.list3, .list4{
	width:450px;
	display:block;
	font-family:arial;
	font-size:12px;
	list-style:square;
	padding-left:120px;
	padding-top: 30px;
}

.list3 li{
margin:20px 0 0 0;
}

.list4 li{
margin:0 0 0 20px;
}

.list1 ul li, .list2 ul li, .list3 ul li{
list-style:square;
}

#contactform{
padding:0;
border:0;
}

#contactform td{
padding:0;
margin:0;
}

#terms{
width:250px;
float:left;
cursor:default;
}

.fleft, .fright{
width:50%;
height:100%;
float:left;
margin-top:20px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:9px;
}

.fleft{ text-align:left; }
.fleft a{ text-decoration:underline; margin:0; padding:0; text-align:left; width:200px; color:#CCCCCC;}
.fleft a:hover{ text-decoration:none; color:#CCCCCC; }

.box{
	width:202px;
	height:290px;
	background-color:#F0D710;
	float:left;
	text-align:center;
	margin:10px 10px 10px 0;
	
	margin-left:30px;
	_margin-left:15px;
	
	margin-right:0px;
	_margin-right:10px;
	
}

#mainbox{
	width:500px;
	margin:0 auto;
	height:700px;
	text-align:center;
}
.pic{
width:auto;
height:auto;
float:left;
margin-bottom:10px;
}

.details{
	width:90%;
	height:40px;
	float:left;
	text-align: left;
	font-family:arial;
	font-size:11px;
	margin-left:12px;
}

.details a{
width:100%;
margin:0;
padding:0;
text-align:right;
}

.more{
width:95%;
text-align:right;
margin-top:10px;
}

#contactform{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

#contacform td{
	text-align:left;
}

.submitbtn{width:110px; height:30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.textinput, .drpdown{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	letter-spacing: -1px;
}
.drpdown{
	margin:0 0 2px 3px;
	padding:0;
	height:21px;
}

.more a{
	font-family:arial;
	font-weight:bold;
	color:#666;
	text-decoration: underline;	
}
.more a:hover{ text-decoration:none; color:#000; }
h1{	font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; cursor:default; }

#first{
padding:0 10px;
width:300px;
}

#first p{ margin:0; padding:0; }
.quote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;

}

.quote .author{
	padding-left:220px;		
}

.rep{
margin:20px 0 0 50px;
}

.back{
	margin:0 auto auto 20px;
	top:0;
	float:left;
	width:250px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	vertical-align:bottom;
	text-align:left;
	color:#666;
}

#backtop a:hover, #backbot a:hover{ color:#666; }
#backtop a{ color:#003366; font-weight:bold;}
#backbot a{ color:#003366; font-weight:bold;}
.y { color:#F0D710; }

#about_us, #about_us:hover, #about_addiction, #about_addiction:hover, #statistics, #statistics:hover, #our_process, #our_process:hover, #our_team, #our_team:hover, #founders_message, #founders_message:hover, #for_organizations, #for_organizations:hover, #for_individuals, #for_individuals:hover, #contact_us, #contact_us:hover{
	margin: 2px 0;
	font-size:2px;
	color:#333;
	height:33px;
	width:114px;
	display:block;
}

#about_us{	background-image: url(images/about_us.gif);	}
#about_us:hover{	background-image: url(images/r_about_us.gif);	}

#about_addiction{	background-image: url(images/about_addiction.gif);	}
#about_addiction:hover{	  background-image: url(images/r_about_addiction.gif);	}

#statistics{	background-image: url(images/statistics.gif);}
#statistics:hover{	background-image: url(images/r_statistics.gif);	}

#our_process{	background-image: url(images/our_process.gif);	}
#our_process:hover{	background-image: url(images/r_our_process.gif);	}

#our_team{	background-image: url(images/our_team.gif);		}
#our_team:hover{  background-image: url(images/r_our_team.gif);	}

#founders_message{	background-image: url(images/founders_message.gif);		}
#founders_message:hover{	background-image: url(images/r_founders_message.gif);	}

#for_organizations{	background-image: url(images/for_organizations.gif);	}
#for_organizations:hover{	background-image: url(images/r_for_organizations.gif);	}

#for_individuals{	background-image: url(images/for_individuals.gif);	}
#for_individuals:hover{	background-image: url(images/r_for_individuals.gif);	}

#contact_us{  background-image: url(images/contact_us.gif);  }
#contact_us:hover{	background-image: url(images/r_contact_us.gif);	}

#sniff{
width:604px;
height:172px;
margin:0 auto;
}