@charset "utf-8";
header, section, footer, aside, nav, article, {display:block;}
html {background:#666;}
body {width:1020px; 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 {align:center; padding-top:10px; padding-left:15px;}
#ldr22 {align:center; min-height:110px; padding-top:7px;}
header {height:94px;}
.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:180px; 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:174px; 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:780px; 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;}
.lft {float:left; 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, .col3wld {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;}
.cat4 {width:24%; max-width:184px; display:inline-block; vertical-align:top; font-size:12px; line-height:1.4em; text-align:left; margin:0px 2px 18px 1px; padding:0px;}
.catbox {width:100%; max-width:172px; font-size:14px; font-weight:bold; color:#FFF; text-align:center; background:#666; padding:4px;}
.plsq24 {height:280px;}
#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;}
table.ref {width:380; color:#555; font-size:12px; padding:1px 1px 1px 1px; background-color:#CCC; line-height:1.2em;}

/* 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 {margin:auto; clear:both; margin:16% 1% 0% 0%; 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:98%; margin-left:5px; text-align:center;}
.image {width:100%; height:auto;}
.col, .col3 {width:48%; margin-bottom:15px;}
.col3wld {width:98%; margin-bottom:15px;}
#mob {display:block;}
.plsq24 {height:auto;}
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.ref {width:100%;  color:#777; font-size:12px; padding:1px 1px 1px 1px; margin-bottom:10px; background:#eeeeee; line-height:1.2em;}
footer {font-size:11px; margin-bottom:100px;}
.right, .lft {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%;}
}