/* main mid stylesheet 501-1219px */
/* html body */
html {height:100%;}
body{background-color:#242C33;position:relative;margin:0;padding-bottom:6rem;min-height:100%;text-align:left;font-family:'Roboto', sans-serif;color:#ffffff;}
/* main links */
a:link {color:#ffffff;Text-Decoration:none;}
a:visited {color:#ffffff;Text-Decoration:none;}
a:hover {color:#0d91ff;Text-Decoration:none;}
a:active {color:#0d91ff;Text-Decoration:none;}
/* logo */
#logo {width:245px;height:60px;margin:auto;}
#logo img,svg {border:0;display:inline;margin:auto;}
/* info */
#info {width:100%;height:40px;margin-left:auto;margin-right:auto;border-top:1px dashed #666666;border-bottom:1px dashed #666666;font-size:12px;}
#info ul {list-style-type:none;margin:0;padding:0;}
#info li {float:left;width:33.3%;}
#info li:last-child {border-right:none;}
#info li a {display:block;text-align:center;color:#ffffff;height:30px;padding-top:10px;}
#info li a:hover:not(.active) {background-color:#0d91ff;}
/* nav */
#nav {width:100%;height:30px;padding-top:5px;margin-left:auto;margin-right:auto;}
#nav p {margin:0;text-align:center;}
/* top */
.top {margin-left:auto;margin-right:auto;text-align:center;padding-top:20px;}
/* footer */
#footer {position:absolute;bottom:0;background-color:#303B44;width:100%;height:50px;margin-top:50px;padding-top:30px;clear:both;margin-left:auto;margin-right:auto;font-size:12px;}
#footer a {font: normal 12px sans-serif;color:#cccccc;}
#footer a:hover {font: normal 12px sans-serif;color:#0d91ff;}
#footer p {margin:0;text-align:center;}
/* content */
#content {padding:10px 5px;margin-left:auto;margin-right:auto;}
#content p {text-align:justify;}
#content h1 {font-size:24px;font-weight:normal;text-align:center;}
#content h2 {font-size:12px;font-weight:normal;font-style:italic;}
#content b {font-weight:bold;}
.spacer {clear:both;}
/*thumbnail gallery */
.gallery {width:100%;padding:0;margin-left:auto;margin-right:auto;font-size:14px;}
.gallery ul {list-style:none;margin:0;padding:0;font-size:0;}
.gallery li {display:inline-block;vertical-align:top;width:32.9999%;padding:8px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.gallery li img {display:block;width:100%;height:auto;}
.gallery h1 {margin-top:0px;padding-top:15px;font-size:14px;font-weight:400;text-align:center;height:30px;position:relative;background-color:#303B44;}
/*photo display */
#photo {max-width:100%;margin-left:auto;margin-right:auto;text-align:center;margin-top:20px;}
#photo img {border:0;max-width:97%;}
#photo p {text-align:center;}
#photo p.tags {font:normal 12px;color:#999999;}
.tagimg {vertical-align:middle;}
.tags a:link {color:#999999;background-color:#303B44;padding:4px;}
.tags a:visited {color:#999999;}
.tags a:hover {color:#0d91ff;}
/*gallery previous next buttons */
#gallerynav {width:240px;margin:auto;margin-top:20px;}
#gallerynav a {text-decoration:none;display:inline-block;padding:8px 16px;}
#gallerynav a:hover {background-color:#0d91ff;color:#ffffff}
.arrow {background-color:#303B44;color:#ffffff;border-radius:50%;}
/* social buttons */
#social {width:168px;height:50px;padding-top:30px;clear:both;margin-left:auto;margin-right:auto;}
#social a {margin:5px;}
.email {width:32px;height:32px;float:left;display:block;background-image:url(/images/common/mdp_social.png);background-position:0 0;}
.email:hover,.email:active {background-position:0 -32px;}
.facebook {width:32px;height:32px;float:left;display:block;background-image:url(/images/common/mdp_social.png);background-position:-32px 0;}
.facebook:hover,.facebook:active {background-position:-32px -32px;}
.googleplus {width:32px;height:32px;float:left;display:block;background-image:url(/images/common/mdp_social.png);background-position:-64px 0;}
.googleplus:hover,.googleplus:active {background-position:-64px -32px;}
.twitter {width:32px;height:32px;float:left;display:block;background-image:url(/images/common/mdp_social.png);background-position:-96px 0;}
.twitter:hover,.twitter:active {background-position:-96px -32px;}
/* contact form */
#contact {padding-left:10px;}
#contact br {clear:left;}
#contact input {margin-top:5px;height:25px;border:2px solid #555555;border-radius:5px;font-size:12px;background-color:#202629;color:#eeeeee;}
#contact input:focus {margin-top:5px;height:25px;border:2px solid #999999;font-size:12px;background-color:#464c59;color:#eeeeee;}
#contact textarea {margin-top:5px;border:2px solid #555555;border-radius:5px;font-size:12px;background-color:#202629;font-size:14px;color:#eeeeee;}
#contact textarea:focus {margin-top:5px;border:2px solid #999999;font-size:12px;background-color:#464c59;font-size:14px;color:#eeeeee;}
/* cms styling */
#cms input {border:0;font-size:16px;background-color:#cae1ff;color:#000000;}
#cms textarea {border:0;width:90%;font-size:12px;background-color:#cae1ff;font-size:14px;color:#000000;}
/* about, peaklog photos */
#otherimg {float:right;}
#otherimg img{margin:0 0 20px 20px;}
/* peaklog */
#peaklog {padding-left:10px;}
#peaklog br {clear:left;}
.pl {display:block;width:100px;float:left;margin-bottom:10px;}
.pm {display:block;width:400px;float:left;margin-bottom:10px;}
.pr {display:block;width:200px;float:left;margin-bottom:10px;}
/* miscellaneous */
.bb {font-size:14px;font-weight:bold;}
.imgrhs {float:right;margin:0 20px 0 10px;border:2px solid #999999;}