﻿html {padding: 0; margin: 0;}
body {-webkit-animation: bugfix infinite 1s;font: 1em/125% Arial, Helvetica, sans-serif;padding: 0; margin: 0;BACKGROUND-IMAGE: url(bg.jpg); background-repeat: repeat-x;}
@-webkit-keyframes bugfix {from {padding:0;} to {padding:0;}}
a {color: #0000cd;text-decoration: underline;}
a:visited {color: #669; text-decoration: none;}
a:hover {color: #669; text-decoration: none;}
h1 {font: bold 28px/100% Arial, Helvetica, sans-serif;}
h2 {font: bold 20px Arial, Helvetica, sans-serif;} 
h1, h2, h3, h4 {color : #004225;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {position: absolute;width: 100%;left: 0;top: 0;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.nw:after {content: " " url(new_window.png);}
#pagewrap {padding: 5px;width: 980px;margin-top: 0px;background: #fff;margin-right: auto;margin-bottom: 10px;margin-left: auto;}
#banner {padding: 0;margin: 0 0 -7px 0;overflow: hidden;}
#header {padding: 0 10px;}
#bc, #bcnm {float: right; padding: 5px;}
#content {width: 325px; float: left;padding: 5px 5px;}
#middle {width: 325px; float: left;padding: 5px 5px;margin: 0px 5px 5px 5px;}
#sidebar {width: 290px; padding: 5px 5px;float: left;}
#twocol {width: 655px; float: left;padding: 0px 5px; margin: 0px 5px 5px 0px;}
#twocolsb {width: 300px; padding: 0px 5px;float: left;}
#menubar {width: 100%; height: 40px; background: #004225;}
#m ul {list-style-type:none;margin:0;padding:0;position: absolute;}
#m li {display:inline-block;float: left;}
#m li a {display:block;min-width:120px;height: 40px;text-align: center;line-height: 40px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #fff;background: #004225;text-decoration: none;}
#m li:hover a {background: #A5CBEF;color: #004225;}
.show-menu {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration: none;color: #fff;background: #004225;text-align: left;padding: 10px 10px;display: none;}
input[type=checkbox]{display: none;}
input[type=checkbox]:checked ~ #menu{display: block;}
#horizontalad {padding: 10px 0 5px 0; width: 970px; margin:5px auto;}
#stantopad {padding-bottom: 5px; margin:10px auto;}
#matchauto {margin:5px 0 auto;}
#halfpagead, #halfpageadaw, #halfpageadresp, #hpadnm {padding: 0; width: 300px; height: 600px; margin: 20px 0;}
#rectadresp, #rectad, #stanhpresp {padding: 0; width: 300px; height: 250px; margin: 20px 0;}
#postscript {padding: 5px 5px;clear: both;margin: 0px;}
#footermenu {background: #267955;padding: 5px 20px;margin: 0px;}
#footermenu a {color: #000000;text-decoration: underline;}
#footermenu a:hover {text-decoration: none;}
#footermenu p {color : #ffffff;margin-top: 5px;}
#footer {background: #004225;padding: 0px 5px;margin: 1px 0px 0px 0px;}
#footer p {font-size: 80%;color : #ffffff;}
#footer a {color: #267955;text-decoration: underline;padding: 0px 10px;}
#footer a:hover {text-decoration: none;}
#middle {background: #f8f8f8;}
#sfb, #sfb2 {float: left;margin: 10px 18px 0px 0px;width: 300px;}
#sfbad {float: left;margin: 10px auto;width: 336px;}
#colfl {margin: 10px 20px 0 0;}
#regionmap, #mapmain {width:300px; margin: 10px 0;}
#mapstan {width:300px; margin: 0 0 10px 0;}
#fwcol {position: relative; padding: 0 5px;}
#fwleft {margin-right: 10.5em;}
#fwthleft {margin-right: 19em;}
#fwright, #fwrtresp, #fwthright {position: absolute; top: 10px; right: 0;}
#fwthright {width: 300px;} 
#fwright {width: 160px;}
#fwrtresp {height: 600px; width: 160px;}
#fwleft table {font-size: 95%;}
#fwleft h2 {font-size: 20px;margin: 10px 0;padding: 0;}
#fwleft h4 {font-size: 110%;margin: 0;padding: 0;}
.rtb {margin: 5px 8px 0px 8px; border: 3px solid rgb(255, 255, 255); box-shadow: 0px 12px 8px -8px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.2);}
.lo {padding-top: 4px; border-top: 3px solid #004225;}
.rt {float: right; padding: 5px 0px 5px 10px;}
.rti {float: right; padding: 15px 0px 5px 10px;}
.lt {float: left; padding: 5px 10px 5px 0;}
.sm {font-size: 80%;}
.lcap {font-size: 80%; text-align: left; padding: 0; margin: 0 0 5px 0; font-style:italic;}
.loc, .ptv {font-size: 80%; margin: 5px 0; padding: 5px 0px 15px 0px;}
.pcard {float: right; width: auto}
.rcap, .author {font-size: 80%; text-align: right; padding: 0; margin: 5px 10px 5px 0; font-style:italic;}
.video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}
#mtext {line-height: 1.4;}

#header, #content, #middle, #sidebar {margin-bottom: 5px;}
#pagewrap, #header, #footer {border: solid 1px #004225;}
img, #figure {max-width: 100%;height: auto;width: auto\9; /* ie8 */}

.uh {margin: 0; padding: 0;}
.uhs {margin: 0; padding: 5px 0px 15px 0px; border-bottom : 3px solid #004225;}
.lo {margin: 15px 0px 0px 0px;}
.ptvad {font-size: 85%; margin: 5px 0; padding: 5px 0px 15px 0px; border-bottom : 3px solid #004225;}
.inv, .invt {font-size: 98%;margin: 0px;padding: 4px 2px 2px 6px;color: #fff;background: #004225; letter-spacing: 1px}
.invt {margin-top: 20px;}
#att, #attad {display: block; margin: 10px 0; padding: 10px; }
#att {background: #f8f8f8;}
#att h2, h3{margin: 0;padding: 0 0 5px 0;}
#att p {margin: 0;padding: 5px 0;}
#att img {float: left;margin: 10px 15px 5px 0px;border: 1px solid #004225;}
#att ul, #sfb ul, #fwcol ul {list-style-image: url(bullet.jpg); padding: 10px; margin: 5px 0px 5px 15px;}
hr {height: 3px; background : #004225; color : #004225; padding:0 ; margin: -5px 0 5px 0 ;}
blockquote {margin: 5px 30px 5px 30px; line-height: 1.3em; font-size : 90%; color : #042F0E}
.smenu {margin-bottom:20px}
.smenu ul { margin: 0; padding: 0; list-style-type: none;}
.smenu li { margin: 0 0 2px 0;}
.smenu a, .smenu a:visited {border-top: 3px solid #95A799;border-left: 3px solid #95A799; border-right: 3px solid #09140C; border-bottom: 3px solid #09140C;display: block;font-size: 90%;color: #fff; background:#004225; padding : 4px; text-decoration: none;}
.smenu a:hover {background: #A5CBEF; text-decoration: none; color: #004225;}
.region {margin: 5px 0; padding : 1px; border : 1px solid #004225;}
.region table {width: 100%; }
.region td { background:#A5CBEF; padding : 5px;}
.google-maps {position: relative;padding-bottom: 75%;height: 0;overflow: hidden;margin: 10px}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}

@media screen and (max-width: 980px) {
#pagewrap {width: 98%;}
#horizontalad {width: 98%}
#content {width: 42%;padding: 1% 3%}
#twocol {width: auto;}
#middle {width: 42%;padding: 1% 3%;margin: 0px 0px 5px 5px;float: right;}
#sidebar, #twocolsb {clear: both;padding: 1% 2%;width: auto;float: none;} 
#header, #footer, #postscript {padding: 1% 3%;}}
@media screen and (max-width: 975px) {
#sfb {float: left;margin: 10px 15px 0px 0px;}
#sfbad {width: 60%;}
#sidebar {background: #f0efef;}
#mapmain {float: right; margin: 0 0 0 20px;}
#halfpagead {margin: 15px 0 15px 20px; float: right;}
#halfpageadresp, #rectadresp {float:none; width: 98%; height: auto; margin: 15px 0;}
#halfpageadaw {display: none;}}
@media screen and (max-width: 670px) {
#m ul {position: static; display: none;}
#m ul li {width: 100%; border-top : 1px solid #fff;}
#m li a {width: 100%;}
#m .last {margin-bottom: 10px;}
.show-menu {display:block;}
#bc {padding-top: 15px; float: none;}
#content, #twocol, #sidebar, #twocolsb {width: auto;float: none;}
#middle {width: auto;float: none;margin-left: 0px;}
#postscript, #sidebar, #twocolsb {width: auto;float: none;}
#halfpagead, #hpadnm, #bcnm, #rectad, #stan {display: none;}
#stanhpresp {float:none; width: 98%; height: auto; margin: 15px 0;}
#mapstan {float:right; margin: 0 0 10px 10px;}
#fwthleft {margin: 0;}
#fwthright {position:relative; top: 0; width: auto; height: auto; margin: 10px 0 0 0;}}
@media screen and (max-width: 600px) {
#fwrtresp {position:relative; top: 0; width: auto; height: auto; margin: 10px 0 0 0;}
#fwleft {margin: 0;}
#fwright, #colfl, #notmb {display: none;}}
@media screen and (max-width: 480px) {
#pagewrap {padding: 0;}
#sfbad {width: 100%;}
h1 {font-size: 22px;}
h2 {font-size: 18px;}
.ls a {padding: 0 0 0 20px}
#bc a {padding: 0 20px 0 0;}
#sfb {width:auto;height:auto;}
#sfb2 {width:auto;height:550px;}
#regionmap, #mapstan, #mapmain {float: none; margin: 10px 0;}
#fwleft table {font-size: 85%;}
#fwleft h4 {font-size: 95%;}
#slideshow, #banner {display: none;}
.pcard {float: none;padding: 5px 0px;}
.rcap {text-align: left;margin: 0}
.rt {float: none;padding: 5px 0;display:block;}
.sm, .loc, .ptv, .lcap, .rcap, .author, .inv, #footer p {font-size: 100%;}
#footermenu, #footer {line-height: 2;}
#mtext, .ls {line-height: 2; !important}}
@media screen and (max-width: 360px) {	
.rtb {margin: 5px 0;border: none; box-shadow: none;}}

