/* gardenexplorer.org */
html, body, textarea {font-size:100%;font-family:Roboto, sans-serif;color:#333;background-color:#fcfcfc;margin:0;padding:0;}
h1 {font-family: 'Montserrat',sans-serif;font-size:2.5rem;font-weight:bold;margin:0.5rem 1.0rem 0.6rem 1.0rem;line-height: 1.0rem;}
.h1-sub {font-family: 'Roboto', sans-serif;font-size:0.72rem;font-weight:normal;margin:0 1.0rem 1.0rem 0;padding-left:2.5px;}
h2 {font-size:1.7rem;font-weight:bold;text-align:center;margin: 0.5rem 0 0.5rem 0;}
a:link,a:visited {text-decoration:underline;color:#333;}
a:hover,a span:hover {text-decoration:underline;color:#386d27;}
a:focus {outline:none;}
.smalltext {font-size:0.9em;}    
.header {border-bottom:solid 1px #d1d1d1;padding:20px;background-color:#fff;}
.headerlogo {float:left;margin:0 10px 5px 0;}
.headerlogo img {width:48px;height:48px;border:none;}
.headertext {max-width:940px;margin:auto;}
.container {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:10px 0 10px 0;}
.container:after {clear:both;}
.box {position:relative;overflow:hidden;width:358px;height:290px;margin:10px;border-radius:7px;background:#ffffff no-repeat;border:solid 1px #ccc;}
.box a {display:inline-block;width:100%;height:100%;} 
.box span {position:absolute;bottom:8px;left:15px;text-align:left;}
.syslink {float:left;}
.sysicon {float:right;}
.sysicon img {border:none;}
.inprep {border-top:solid 1px #d1d1d1;padding:10px 5px 10px 10px;background-color:#fff;}
.footer {border-top:solid 1px #d1d1d1;border-bottom:solid 1px #d1d1d1;padding:5px 5px 5px 10px;background-color:#fff;}
ul.noindent {margin:5px 0 5px 5px;padding:0 0 0 10px;}
ul.noindent li {float:left;margin-right:20px;padding:2px;}
.clearfix {clear:both;}
.collapse {display:none;}
.region {width:100%;margin:10px 0 10px 0;padding:3px 0 3px 0;background-color:#f5f5f5;text-align:center;cursor:pointer;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
.region a {text-decoration:none;}
.region img {width:60px;height:60px;border:none;}
.region span {display:inline-block;text-align:left;vertical-align:top;min-width:100px;margin-top:14px;font-size:1.3em;}
.mapdiv {margin:8px 4px 8px 8px;}
.map {width:100%;border:none;}
.socialtext {float:left;padding:8px 10px 0 0;}
.socialicon {float:right;padding-top:8px;padding-right:32px;}
.socialicon > span {display:inline-block;vertical-align:top;padding-left:2px;padding-right:2px;}
.social-icon {padding-left:15px;}
.moddate {padding:10px;color:#666;font-size:0.7em;}

@media handheld,only screen and (max-width:400px)
{
    h1 {font-size:1.4em;}
    h2 {font-size:1.0em;}
    .smalltext {font-size:0.7em;}    
    .box {margin:5px 0 5px 0;}
    .box span {font-size:0.8em;}
}