﻿html {
height:100%;
}
body {
margin:0 !important;
padding:0;
font:normal 13px Tahoma, Arial, Helvetica, sans-serif;
color:#302828;
height:100%;
}
body * {
box-sizing:border-box;
}
.container {
width:100%;
/*border-top:#9ECCB0 solid 1px;*/
/*background:0 center no-repeat url(/campsmith/images/bg-scroll-small.jpg.pagespeed.ce.OLBNXNrCKr.jpg);*/
background:0 center no-repeat url(/campsmith/images/xbg-scroll-2019APR16-small.jpg.pagespeed.ic.BDc75IIiz3.jpg);


background-size:cover;
background-attachment:fixed;
/*background:0 0 repeat-x url(/campsmith/images/xtopbg2.jpg.pagespeed.ic.H0gWqCjOvW.jpg) #FFF;*/
/*
background-image:url(/campsmith/images/bg-scroll-small.jpg.pagespeed.ce.OLBNXNrCKr.jpg);
height:100%;
background-attachment:fixed;
background-position:0 0;
background-repeat:no-repeat;
background-size:100% auto;
*/
}

/* Header */
#header img {
width:100%;
/*max-width:902px;*/
max-width:670px;
margin:0 auto;
display:block;
}

h1, h2, h3 {
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#266D3E;
}
h2 {
text-transform:uppercase;
font-size:18px;
padding:0 0 10px 0;
}
h3 {
text-transform:uppercase;
letter-spacing:2px;
font-size:14px;
}

a, a:visited {
color:#3F5E32;
outline:none;
}
a img {
vertical-align:middle;
}
a:hover {
text-decoration:none;
}

p {
margin:0;
padding:0 0 7px 0;
}

ul, ol {
padding:0;
margin:0 0 0 20px;
}
li {
padding-bottom:3px;
}

td {
vertical-align:top;
}

.corners3 {
border-radius:5px;
}

.br {
width:100%;
clear:both;
}

.corners2 {
border-radius:8px;
}


/* Centerdiv */
#centerdiv {
width:100% !important;
max-width:720px;
margin:0 auto 20px auto;
padding:20px;
/*background:#FFF url(images/xbottombg.jpg.pagespeed.ic.xTfgum_XaA.jpg) repeat-x left bottom;*/

/*background:0 0 repeat url(/images/xbg-white-85.png.pagespeed.ic.tMz6qA4Sng.png);*/
background-size:contain;
border:#999 solid;
border-bottom-color:#256d3f;
border-width:0 1px 3px 1px;

background:#FFF;/*Old browsers*/
background:-moz-linear-gradient(top, rgba(200,200,200,0.9) 0%, rgba(255,255,255,0.85) 100%);/*FF3.6+*/
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,0.9)), color-stop(100%,rgba(255,255,255,0.85)));/*Chrome,Safari4+*/
background:-webkit-linear-gradient(top, rgba(200,200,200,0.9) 0%,rgba(255,255,255,0.85) 100%);/*Chrome10+,Safari5.1+*/
background:-o-linear-gradient(top, rgba(200,200,200,0.9) 0%,rgba(255,255,255,0.85) 100%);/*Opera11.10+*/
background:-ms-linear-gradient(top, rgba(200,200,200,0.9) 0%,rgba(255,255,255,0.85) 100%);/*IE10+*/
background:linear-gradient(to top, rgba(200,200,200,0.9) 0%,rgba(255,255,255,0.85) 100%);/*W3C*/
}

#announcements {
background-color:#CCC;
border:#333 solid 1px;
padding:4px;
margin:0 0 10px 20px;
}

/* Menu */
#menu {
width:100%;
/*min-height:50px;*/
/*background:0 0 no-repeat url(/campsmith/images/xtopmenubg.png.pagespeed.ic.f_XgRGrB8S.png);*/
background:0 0 no-repeat url(/campsmith/images/topmenubg_2019JUN06.png);
background-size:100% 100%;
overflow:auto;
/*border-top:#1E231D solid 1px;*/
/*background:0 0 repeat-x url(/campsmith/images/xmenubg.jpg.pagespeed.ic.HU8Hop6YV-.jpg) #BBB;*/
}
#menu ul {
margin:0 auto;
list-style:none;
width:100%;
max-width:575px;
}
#menu li {
display:inline;
}
#menu a {
display:block;
float:left;
padding:14px 18px;
text-decoration:none;
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#D8D8D8;
border:#CCC solid;
border-width:0 1px;
}
#menu a.select {
color:#CC3;
text-decoration:underline;
background-image:none;
}
#menu a:hover {
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
transition:all .35s ease;
color:#FFF;
background-color:#999;
}


/* Posts */
#posts {
float:left;
width:480px;
width:100%;
text-align:left;
}

/* Links */
#links {
float:right;
width:200px;
padding-left:20px;
background:url(images/linkbg.gif.pagespeed.ce.4fleEKiiif.gif) repeat-y;
}
#links ul {
margin:0;
list-style:none;
}
#links li ul {
padding:5px 0 30px 0;
}
#links li ul li {
padding:0;
background:url(images/linkbg2.gif.pagespeed.ce.J9tqI9YUq8.gif) repeat-x left bottom;
}
#links li a, #links li a:visited {
display:block;
width:90%;
padding:7px 5px 7px 17px;
text-decoration:none;
}
#links li a.select {
text-decoration:underline;
background:3px center no-repeat url(/images/xarrow_right_black_double.png.pagespeed.ic.G9evwS6k68.png) #BBB;
}
#links li a:hover {
text-decoration:underline;
background-color:#DDD;
}
#links li i {
font-style:normal;
font-size:9px;
}
#links li h2 {
font-size:14px;
}

/* Footer */
#footer {
min-height:45px;
padding:10px 15px;
background:#2D2D2D url(images/footerbg.gif.pagespeed.ce.SvysgfI0wx.gif) repeat-x;
text-align:center;
color:#C0C0C0;
}
#footer p {
text-align:center;
color:#999;
}
#footer a, #footer a:visited {
margin:0 5px;
padding:0 5px;
color:#396;
text-decoration:none;
white-space:nowrap;
overflow:auto;
}
#footer a:hover {
text-decoration:underline;
}


.width66 {
width:66%;
float:left;
overflow:auto;
}
.width60 {
width:60%;
float:left;
overflow:auto;
}
.width49 {
width:49%;
float:left;
overflow:auto;
}
.width50 {
width:50%;
float:left;
overflow:auto;
}
.width40 {
width:40%;
float:left;
overflow:auto;
}
.width33 {
width:33%;
float:left;
overflow:auto;
}

.loginwarn {
font-size:10px;
color:#C00;
font-weight:bold;
}




/* Weather CSS */

.wXbody {
font-family:Arial, Helvetica;
font-size:9px;
width:123px;
background:url(images/xweatherbg.gif.pagespeed.ic.yq314QDQ5L.png) no-repeat;
border:1px black solid;
}

.wXguts {
text-align:center;
background:url(images/xweatherbg.gif.pagespeed.ic.yq314QDQ5L.png) no-repeat;
}

.wXlogo img {
width:123px;
height:29px;
vertical-align:bottom;
}

.wXbody .wXlinks {
height:17px;
line-height:17px;
text-align:center;
margin-top:5px;
padding-bottom:1px;
border-bottom:1px black solid;
}

.wXlinks a:visited {
text-decoration:none;
color:#00f;
margin-right:2px;
}


.conttable {
margin:0 auto;
}
.conttable td {
width:50%;
height:38px;
}
.conttable td.l {
font-weight:bold;
text-align:right;
padding-right:5px;
}
.conttable td a {
text-decoration:none;
}

#centerdiv img {
max-width:100%;
}

#menu.smallmenu a {
border-width:1px;
margin-bottom:5px;
}


/* Slideshow styles */
div.slideshow-container {
height:300px;
}
div.slideshow img {
width:auto;
height:auto;
}
div.slideshow a.advance-link {
line-height:normal;
height:auto;
width:auto;
}

.docs {
padding:5px 0 0 5px;
}
.docs a {
display:block;
padding:3px;
}

.maindiv {
margin:10px auto;
/*background-color:#9EA;*/
background-color:#CDC;
border:#999 solid 1px;
padding:0 12px;
}
.maindiv .downdiv {
display:none;
}
.maindiv a.more {
display:block;
color:#33D;
padding:5px 5px 0 20px;
text-decoration:none;
}


#viddiv {
margin-top:20px;
border-top:#666 solid 1px;
}
#viddiv div {
border:#666 solid;
border-width:1px;
margin:1% 0 0 1%;
}
#viddiv div h4 {
padding-left:10px;
}
#viddiv div iframe {
display:block;
}




@media (max-width:768px){

#centerdiv {
max-width:none;
margin:0;
padding:10px;
}

#posts {
float:none;
width:100%;

}


@media (max-width:400px) {

#menu a {
padding:10px 12px;
/*font-size:13px;*/
}

#centerdiv {
padding:5px;
}

.width66 {
width:100%;
float:none;
}
.width60 {
width:100%;
float:none;
}
.width50 {
width:100%;
float:none;
}
.width49 {
width:100%;
float:none;
}
.width40 {
width:100%;
float:none;
}
.width33 {
width:100%;
float:none;
}

div.slideshow-container {
height:200px;
}

#announcements {
margin-left:0;
}

#footer {
padding:10px;
}


}
