@charset "utf-8";
header, section, footer, aside, nav, article, {display: block;}
html {background:#666;}
body {width:1250px; margin: 0 auto; background: #fff; font-family: arial; color: #444; margin-top: 10px;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; color:#666;}
h1 {font-size: 26px; display: inline; line-height: 1em;} 
h2 {font-size: 20px; display: inline; line-height: 1em;}
h3 {font-size: 18px; display: inline; line-height: 1em;}
h4 {font-size: 16px; display: inline; line-height: 1em;} 
h5 {font-size: 12px; display: inline; line-height: 1em;}   
.ldrbd {padding-top: 10px; margin-left: 10px;}
#ldr22 {align:center; min-height:110px; padding-top:7px;}
header {height: 94px; max-width: 990px;}
.logo {float: left; max-width: 450px; margin: 4px 0px 0px 10px; height: 90px;}
.search {background: #f63; padding: 6px; float: right; margin: 34px 10px 0px 0px;}
.bsearch {background: #f63; padding: 6px; margin: 14px 0px 0px 0px; width:360px;}
#dskmenu {height:30px; margin:4px 10px 10px 10px; background:#ddd; font-weight:bold; font-size:16px; border:1px solid #999;}
#dskmenu a {float:left; padding:5px; margin:0px 4px 0px 4px; text-decoration:none;}
#dskmenu a:visited {color:#03c;}
#dskmenu a:hover {background:#999; color:#03c;}
#mobmenu, .searchm {display: none;}
.mobilemenu select, #mob {display: none;}
aside {float: left; width: 174px; height:5000px; background: #ddd; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 10px;}
#cside {min-height:610px;}
.navtitle {color:#fff; font-weight:bold; font-size: 15px; background-color: #666; width: 164px; align: center; padding: 4px 0px 4px 8px;}
aside ul {margin:0; padding:0; list-style:none; line-height:0.8em;}
aside li {margin:0;  padding-top:2px; padding-bottom:2px;}
aside ul li a {color:#000; display:block; padding-left:8px; text-decoration:none;font-size: 12px;} 
aside ul li a:hover {color:#fff; background:#03c; text-decoration:none;font-size: 12px;}
.sticky {position:sticky; position: -webkit-sticky; top:5px;}
article {float:right; width:1040px; padding:0px 0px 20px 0px; margin-right:10px; font-size:16px; line-height:1.5em;}
article a {font-weight:bold; color:#03c; text-decoration:none;}
p.bread {color: #666; font-size: 13px; margin-top: 0;}
.title {padding: 0px; width: 90%; margin-top: 10px; margin-bottom: 10px;}
.font9 {color:#CCCCCC; font-size:9px; letter-spacing:1px; margin-bottom:-4px;}
.font6 {color:#CCCCCC; font-size:9px; letter-spacing:1px; margin-bottom:-6px;}
section {margin:0px 0px 40px 0px;}
.right {float:right; padding:0px 0px 0px 15px; width:380px;}
.left {float:left; padding:0px 15px 0px 0px; width:180px;}
.leftimg {float:left; padding:0px 15px 20px 0px;}
.left380 {float:left; padding:0px 15px 0px 0px; width:380px;}
.max780 {max-width: 780px; margin-right: 5px;}
.image {max-width: 98%;}
.col {width: 24%; display: inline-block; text-align: center; vertical-align: top; padding: 1px;}
.col3 {width: 32%; display: inline-block; text-align: left; vertical-align: top; padding: 1px; margin-bottom: 15px;}
.box {padding: 2px 2px; width: 100%; max-width: 380px; font-size: 18px; font-weight: bold; color: #FFF; text-align: center;}
.caption {background:#eee; padding:7px; margin:-7px 0px 20px 0px; font-size:13px; line-height:1.4em; max-width: 367px;}
.mapcap {display:block; margin:-7px 0px 0px 0px;}
#mobad {display: none;}
#dsk {display: block;}
footer {clear:both; background:#cdcdcd; font-size:12px; text-align:center; padding:2px; margin-bottom:90px;}
table.cat180c {width:180px; color:#555; font-size:12px; line-height:1.4em; border-collapse:collapse;}
table.cat180c td {vertical-align:top; padding:0px 0px 10px 0px}
table.rech {width:380px; text-align:center; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:-1px 0px 0px 0px; margin:0px; float:left;}
table.recc {width:380px; text-align:left; text-decoration:none; padding:1px 3px 0px 1px; font-weight:bold; background:#FFF; border:1px solid #666; margin-top:10px;}


/* MEDIA - RESPONSIVE */
@media only screen and (max-width : 568px) { /* just phones for now - previously was tablets and smaller desktop screens */
html {background: #FFF;}
    body {max-width: 400px; width: 100%; background: #fff !important; margin-top: -9px;}
    #dskmenu, #aside, .ldrbd, .search, .bsearch, .bleft, .morefromblocks, .notmobile, #dsk, .left380, #botbanad {display: none;}	
	h1 {font-size: 20px; display: inline; line-height: 1em;}
	header {margin: 10px; padding-top: 10px; padding-bottom: -10px; height:auto;}
	.logo {width:100%; margin: auto; padding-right: 0px; height: inherit;}
	.logo img {width: 100%; margin: -2px 0px -12px 0px; margin-bottom: 3px;}
.mobilemenu {margin: 0px 4% -8px 2%; width: 30%;}
.mobilemenu select {clear:both; display:inline-block; width:100%; overflow:hidden; background:#f63; color:#fff; border:2px solid #ccc; height:30px; font-weight:bold; padding-left:8px; border-radius:8px;}	
.searchm {display: inline; float: right; max-width: 95%; margin: 0px; background:#f63; padding:6px;}
#menu-icon2 {display: hidden; float: left; width: 96px; height: 35px; background: url(https://geology.com/mobile-menu2.jpg) center; margin: -2px 0px 0px 0px;}
#mobmenu {clear: both; display: inline-block; max-width: 300px;	margin-left: 0px; margin-top: -40px; padding: 7px 5px 0px 7px; float: left;}
#mobmenu table { display: none; float: left; margin: 0px 4px 0px 0px; padding: 0px 0px; background: #FBB688; border: 2px solid #FF6633; width: 98%; border-radius: 0px 0px 0px 0px;}
#mobmenu li {text-align: left; font-size: 14px; font-weight: bold; width: 98%; padding: 5px 3px; margin: 0px; list-style: none;}
#mobmenu:hover table {display: inline-block;}
article {clear:both; margin:16% 1% 0% 2%; padding:0%; font-size:14px; line-height:1.5em; width:98%;}
article .hero {clear: both; max-width: 100%; margin: 0px;}
ul {list-style: none;}
li {display: inline-block; float: left; padding: 10px;}
	p.bread {color: #666; font-size: 12px; margin: -16% 0% 10px 2%;}
	.title {clear: both; width: 90%; margin-left: 5px; text-align: center;}
	.image {width:100%; height:auto;}
	.col, .col3 {width: 48%; margin-bottom: 15px;}
	#mob {display: block;}
	#mobad {display: inline-block; background: #FFF; text-align: left; position: relative; height: 260px; width: 98%;}
	table.rech {width:300px; text-align:center; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:-1px 0px 0px 0px; margin:6px 0% 0px 3%;}
footer {font-size:11px; margin-bottom:100px;}
	.right {clear:both; width:100%;}
	.right img {clear:both; max-width:100%;}
	.leftimg {clear:right;}
	.caption {clear:both; background:#eee; padding:0% 2% 0% -2%; font-size:13px; line-height:1.4em; width:96%;}
	table.rech {width:300px; text-align:center; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:-1px 0px 0px 0px; margin:6px 0% 0px 3%;}
	table.recc {width:300px; text-align:left; text-decoration:none; padding:1px 3px 0px 1px; font-weight:bold; background:#FFF; border:1px solid #666; margin:0px 0% 16px 3%;}
}