/* Start Structure Items */ html{ height:100%; background-color: #cacbcc; } 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:#4D5054; } #topbanner{ height:auto; width:100%; background-image:url(../images/arkansas.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: #cacbcc; 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(../images/); width:200px; height:220px; background-color:#4D5054; 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 #4D5054; -moz-box-shadow:0px 0px 5px #4D5054; -webkit-box-shadow:0px 0px 5px #4D5054; box-shadow:0px 0px 5px #4D5054; } .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:#5f6266; 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:#4D5054; color:#ffffff; font-size:14px; } .list ul{ padding:0; margin:0; list-style:none; border-top:1px solid #949698; } .list ul li{ border-left:1px solid #949698; border-right:1px solid #949698; border-bottom:1px solid #949698; background-color:#cacbcc; } .list ul li a{ text-decoration:none; color:#404040; padding:3px 0 3px 10px; display:block; background-color:#cacbcc; } .list ul li a:hover{ text-decoration:none; background-color:#dbdcdd; } .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:#cacbcc; border-left:1px solid #949698; border-bottom:1px solid #949698; border-right:1px solid #949698; } #statelist .next:hover, #statelist .previous:hover{ background-color:#dbdcdd; } #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.5%;right:13.5%;font-size:30px;text-shadow:1px 1px 2px #000;} #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.5%;right:13.5%;font-size:30px;text-shadow:1px 1px 2px #000; } #midnumber-2 { font-size: 40px; } } @media screen and (max-width: 1000px) { #topnumber-1{ font-size:2.9vw; } #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) { }