/* Start Structure Items */
html{
	height:100%;
	background-color: #e2e3e6;
}
body{
	margin:0;
	padding-top:10px;
	min-height:99%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#wrapper{
	max-width:960px;
	margin:0 auto;
	border-radius: 5px;
}
#top{
	background-color:#9DA1AB;
}
#topbanner{
	height:auto;
	width:100%;
	background-image:url(../images/south-dakota.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	position:relative;
}
#main{
	background-color:#F9F9F9;
	color:#404040;
	overflow:auto;
}
#leftcol{
	float:left;
	width:22.916%;
	font-size:12px;
}
#middlecol{
	float:left;
	width:54.166%;
	font-size:12px;
}
#rightcol{
	float:left;
	width:22.916%;
	font-size:12px;
}
#midpic{
	position:relative;
	width:100%;
	height:auto;
	background-image:url(../images/mid-0000.png);
	background-repeat: no-repeat;
	background-size: contain;
    background-color: #e2e3e6;
	margin-top:10px;
	font-size:18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#midpart1{
	position:absolute;
	top:20px;
	right:12px;
	width:240px;
	height:120px;
	color:#ffffff;
	text-align:center;
}
#midpart2{
	position:absolute;
	bottom:4px;
	right:11px;
	width:480px;
	height:25px;
	color:#ffffff;
	text-align:center;
}
#footer{
	font-size:10px;
	margin:5px;
	text-align:center;
	color:#404040;
}
input, textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#contactform{
	line-height:20px;
}
#middlecol form{
	width:100%;
	margin:0 auto;
	padding:0;
}
#contactform label{
	clear:left;
	display:block;
	float:left;
	width:125px;
	text-align:left;
	padding:0 10px 0 0;
}
#contactform input{
	padding:0;
	margin:0 0 10px 0;
	width:200px;
	height:20px;
}
#contactform input[type=submit]{
	height:25px;
}
#contactform textarea{
	padding:0;
	margin:0 0 10px 0;
	width:200px;
	height:100px;
}
.sidebanner{
	position:relative;
	background-image:url(http://www.alcoholrehabsouthdakota.com/templates/alcohol/images/);
	width:200px;
	height:220px;
	background-color:#9DA1AB;
	margin-bottom:10px;
}
.sidebannertext{
	position:absolute;
	bottom:0;
	left:0;
	color:#ffffff;
	font-size:20px;
	width:100%;
	height:32px;
	text-align:center;
}
.vcard{
	margin:0 auto;
	text-align:center;
}
.vcard h2{
	margin:0;
	padding:0;
	font-size:18px;
}
.vcard .adr{
	display:block;
}
.vcard .url{
	display:none;
}
.border{
	border:10px solid #9DA1AB;
	-moz-box-shadow:0px 0px 5px #9DA1AB;
	-webkit-box-shadow:0px 0px 5px #9DA1AB;
	box-shadow:0px 0px 5px #9DA1AB;
}
.clear{
	clear:both;
}
.padsmall{
	padding:10px;
}
.padsmaller{
	padding:3px 10px;
}
.center{
	text-align:center;
}
.list{
	margin-bottom:10px;
}
.list ul li strong, h3.list_title{
	padding:4px 0;
	display:block;
	border-bottom:none;
	text-align:center;
	background-color:#a7abb4;
	color:#ffffff;
	font-size:14px;
	text-shadow:1px 1px 2px #333;
	margin: 0;
}
.list ul li h3{
	padding:3px 0;
	margin:0;
	display:block;
	border-bottom:none;
	text-align:center;
	background-color:#9DA1AB;
	color:#ffffff;
	font-size:14px;
}
.list ul{
	padding:0;
	margin:0;
	list-style:none;
	border-top:1px solid #c4c7cd;
}
.list ul li{
	border-left:1px solid #c4c7cd;
	border-right:1px solid #c4c7cd;
	border-bottom:1px solid #c4c7cd;
	background-color:#e2e3e6;
}
.list ul li a{
	text-decoration:none;
	color:#404040;
	padding:3px 0 3px 10px;
	display:block;
	background-color:#e2e3e6;
}
.list ul li a:hover{
	text-decoration:none;
	background-color:#ebecee;
}
.justify{
	text-align: justify;
}
.justify h1{
	text-align:center;
	font-size:14pt;
}
.bold{
	font-weight:bold;
}
.boldunderline {
	font-weight:bold;
	text-decoration:underline;
}
#statelist{
	overflow:auto;
}
#statelist a{
	text-decoration:none;
	color:#404040;
}
#statelist .previous{
	float:left;
}
#statelist .next{
	float:right;
}
#statelist .next, #statelist .previous{
        padding:2px 10px;
        margin:0;
        text-decoration:none;
        width:228px;
        background-color:#e2e3e6;
        border-left:1px solid #c4c7cd;
        border-bottom:1px solid #c4c7cd;
        border-right:1px solid #c4c7cd;
}
#statelist .next:hover, #statelist .previous:hover{
	background-color:#ebecee;
}
#statelist .next a, #statelist .previous a{
	display:block;
	width:100%;
	height:100%;
}
#samhsalistingresult img{
	display:block;
	margin:0 auto;
	width: 90% !important;
}
#rightcontact form{
	display:block;
	margin:0;
	padding:0;
}
#rightcontact label{
	display:block;
	padding:0;
	margin:0;
}
#rightcontact input{
	display:block;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
}
#rightcontact input[type=submit]{
	height:25px;
}
#rightcontact textarea{
	width:100%;
	height:100px;
}
#middlecol table {
	width: 100% !important;
}	
#topnumber-1{
	position:absolute;
	color:#ffffff;
	bottom:-0.7%;right:6%;font-size:28px;text-shadow:1px 1px 2px #444;}
#midnumber-2{
	position:absolute;
	color:#ffffff;
	left:0;
	bottom:2%;
	width: 100%;
	font-size:40px;
	text-shadow: 1px 1px 1px #000; 
	text-align: center;
}

img.placeholder {
	width: 100%;
	height: auto;
	visibility: hidden;
}

#mobile_menu { display: none; }

a#menu_click {
	font-size: 35px;
	text-decoration: none;
	color: #444;
	line-height: 65px;
	text-transform: uppercase;
}

a#menu_click img {
	float: left;
	margin-right: 15px;
}

#mobile_menu #nav, #mobile_menu #citylist { display: none; }
#mobile_menu #nav ul, #mobile_menu #citylist ul { display: none; }


/* Olark Style */
div.hbl_pal_title_bg{
	background-color:#5B6164 !important;
}
div#habla_window_div #olark-callout-bubble{
	width:250px !important;
	height:196px !important;
	background:transparent url(../images/olark.png) center top no-repeat !important;
}

/* ------ MEDIA QUERIES ------ */

@media screen and (min-width: 1000px) {
	#topnumber-1{ bottom:-0.7%;right:6%;font-size:28px;text-shadow:1px 1px 2px #444; }
	
	#midnumber-2 { font-size: 40px; }
}

@media screen and (max-width: 1000px) {
	#topnumber-1{ font-size:2.8vw; }
	
	#midnumber-2 { font-size: 4.2vw; }	
}

@media screen and (max-width: 767px) {
	#leftcol, #rightcol { display: none; }
	
	#middlecol { width: 100%; }
	
	#midnumber-2 { font-size: 7.5vw; }
	
	#mobile_menu { display: block; }
	

}

@media screen and (max-width: 480px) {
	
}