/*** interactive booklets page  ***/

.interactive-booklets-wrapper {
	width: 620px; 
}

.interactive-booklets-wrapper .page-header-booklets {
	color: #20B2AA;
	font-size: 12px;
	font-family: arial;
	margin: 10px;
}

.interactive-booklets-wrapper .booklet-box {
	width: 280px;
	height: 110px;
	margin: 6px 3px;
	float: left;
}

.interactive-booklets-wrapper .booklet-image {
	background: url("../images/truth_about_drugs_booklet.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-details {
	padding-left: 165px;
}

.interactive-booklets-wrapper .booklet-title {
	padding: left;
	font-weight: bold;
	font-family: arial; 
	font-size: 12px;
	padding-top: 30px;  
	}

.interactive-booklets-wrapper .view-booklet {
	color: #20B2AA;
	margin-bottom: 20px;
	font-size: 12px;
	font-family: arial;
	padding-top: 5px;
}

.interactive-booklets-wrapper .booklet-image-alcohol {
	background: url("../images/truth-about-alcohol.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-cocaine {
	background: url("../images/truth-about-cocaine.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-crystal-meth {
	background: url("../images/truth-about-crystal-meth.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-marijuana {
	background: url("../images/truth-about-marijuana.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-ecstasy {
	background: url("../images/truth-about-ecstasy.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-crack {
	background: url("../images/truth-about-crack.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-inhalants {
	background: url("../images/truth-about-inhalants.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-heroin {
	background: url("../images/truth-about-heroin.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-lsd {
	background: url("../images/truth-about-lsd.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-rx {
	background: url("../images/truth-about-rx.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-painkillers {
	background: url("../images/truth-about-painkillers.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}

.interactive-booklets-wrapper .booklet-image-ritalin {
	background: url("../images/truth-about-ritalin.png") no-repeat;
	width: 150px;
	height: 101px;
	float: left;
	margin: 5px;
}