@charset "utf-8";
/* CSS Document */
#hometitle {
margin-left: 30%;
margin-top: -25%;
width: 400px;
}
#hometitle h1, #hometitle h3 {
text-shadow: 1px 1px #060;
}
#hometitle h1 {
font-size: 1.8rem;
}
#photocredit {
width: 300px;
height: 20px;
margin-bottom: 12px;
margin-left: 20px;
}
#photocredit p {
color: #FFF;
}
.toplogo3, .toptitle3 {
display: none;
}
.topnavstripe {
width: 70%;
height: 27px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(../graphics/nav_stripe4.png);
margin-top: -12px;
margin-bottom: 30px;
}
.topnavstripe5 {
width: 70%;
height: 27px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(../graphics/nav_stripe5.png);
margin-top: -12px;
margin-bottom: 13px;
}
.navbar3 {
padding-top: 2px;
display: inline;
margin-left: 8px;
margin-top: 3px;
background-color: #fff5e0;
border: 1px solid #330;
border-radius: 5px;
text-align: center;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
}
.navigation3 {
width: 85%;
height: 24px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
text-align: center;
}
.navgroup {
width: 97%;
margin-left: 8px;
margin-bottom: 20px;
margin-top: -20px;
padding: 5px 0 5px 0;
border: 1px solid green;
border-radius: 10px;
background-image: linear-gradient(to bottom right, lightcyan, lightblue, lightcyan);
}
.bottommap3, .bottommap{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}
.bottommap_foot {
margin-left: 7%;
}
#map {
width: 90%;
margin-left:auto;
margin-right: auto;
}
.topinfo ul {
list-style-type: none;
}
.topinfo li h3 {
text-align: left;
}
.topinfo li h4 {
color: #960;
}
/*----------- MEDIA ------------*/
@media (max-width: 1003px) {
.topbox {
display: block;
}
.logotopleft {
display: none;
}
}
@media (max-width: 990px) {
.logofloat {
display: block;
}
.bannercontainer {
width: 730px;
}
#bannerad, .bannercontainer {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 825px) {
.main_content, .FlexItems, .FlexContent {
width: 70%;
}
.main_content {
margin-top: 0px;
}
.rightfloater {
display: inline;
}
}
@media (max-width: 835px) {
.photo {
margin-left: auto;
margin-right:auto;
float: none;
}
}
@media (max-width: 835px) {
.main_content {
margin-top: 0px;
}
@media (max-width: 970px) and (min-width: 726px) {
.navigation {
width: 97%;
margin-left: 1px;
}
.navbar a:link {
font-size: .9rem;
padding-bottom: 6px;
}
.leftskyad2 {
display: none;
}
.rules {
width: 96%;
margin-left: 2px;
}
.amzadsleft {
display: none;
}
.logofloat {
display: block;
}
}
@media (min-width: 970px) {
.camps {
width: 75%;
margin-left: 18%;
}
}
@media (max-width: 785px) {
.bannercontainer, #bannerad {
display: none;
}
.logofloat {
display: none;
}
.logofloat3 {
display: block;
}
#hometitle {
margin-top: -10%;
margin-left: 5%;
margin-bottom: 158px;
}
#photocredit {
margin-bottom: 21%;
}
.camps {
width: 95%;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 785px) and (min-width: 451px) {
.FlexWrapper {
max-width: 725px;
width: 100%;
border-left: 1px solid green;
border-right: 1px solid green;
display: block;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
.leftskyad2, #bannerad, .bannercontainer, .amzadsleft {
display: none;
}
.logofloat3, .logofloat {
display: none;
}
.navigation {
display: none;
}
.navigation_sm {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
height: 183px;
}
.navbar_sm {
height: 20px;
padding-top: 6px;
padding-bottom: 2px;
width: 100%;
background-color: #FFc;
border: 1px solid #330;
border-radius: 5px;
text-align: center;
}
.navbar_sm a:link {
display: block;
text-decoration: none;
color: #963;
font-size: .9rem;
}
.navbar_sm a:hover {
color: #C30;
}
.bannerphoto {
margin-left: 0px;
}
#hometitle {
margin-top: -25%;
margin-left: 5%;
margin-bottom: -58px;
}
.FlexContent {
width: 95%;
order: 1;
display: block;
padding-left: 1rem;
padding-right: 0rem;
margin-top: 0px;
}
.campphoto {
max-width: 480px;
border-left: 20%;
}
.highlights h3 {
margin-bottom: 4rem;
}
.highlights {
width: 90%;
display: block;
margin-left: 3%;
height: 10px;
background-color: #f5fff5;
border: 2px solid #360;
min-height: 200px;
margin-bottom: 20px;
}
.rules {
width: 90%;
margin-left: 4%;
display: block;
}
.horiz_ad {
display: block;
}
.main_content {
margin-top: -60px;
}
}
@media (max-width: 580px) {
.photo3, .photo2, .photo {
margin-left: auto;
margin-right:auto;
float: none;
}
}
@media (max-width: 450px) {
.wrapper {
min-width: 350px;
}
.toplogo {
background-image: url(../graphics/logo_wide2.png);
width: 100%;
height: 81px;
display: block;
}
.leftskyad2, #bannerad, .amzadsleft {
display: none;
}
.rules {
width: 95%;
margin-left: 0;
}
.navigation {
width: 95%;
margin-left: .8rem;
}
.navbar a:link {
font-size: 1em;
}
#hometitle {
margin-top: -33%;
margin-left: 5%;
margin-bottom: -45%;
}
.FlexWrapper {
max-width: 450px;
border-left: 1px solid green;
border-right: 1px solid green;
display: block;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
.FlexSideTwo {
width: 100%;
order: 2;
}
.navigation {
display: none;
}
.navigation_sm {
display: block;
margin-left: .2rem;
height: 219px;
}
.navbar_sm {
height: 26px;
padding-top: 8px;
width: 100%;
background-color: #FFc;
border: 1px solid #330;
border-radius: 5px;
text-align: center;
}
.navbar_sm a:link {
display: block;
text-decoration: none;
height: 2em;
color: #963;
font-size: 1rem;
}
.navbar_sm a:hover {
color: #C30;
}
h1 {
font-size: 1.7rem;
line-height: 2rem;
}
.main_content {
padding-left: 8px;
padding-right: 8px;
margin-top: -15px;
}
.infobox {
padding-left: 8px;
padding-right: 8px;
width: 95%;
}
.campphoto {
margin-left: -4px;
}
.greenstar, .goldstar, .triangle {
margin-left: 8px;
}
.horiz_ad, .horiz_ad3, .vert_ad3 {
display: block;
}
.logotopleft {
display: none;
}
.books {
display: none;
}
.main_content {
margin-top: 50px;
}
#restips {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#hometitle h1 {
font-size: 1.5rem;
}
#hometitle {
width: 95%;
margin-left: 3%;
margin-top: -25%;
}
.logofloat3, .logofloat {
display: none;
}
.donner120, .mini_banner {
display: block;
}
}
@media (max-width: 410px) {
#hometitle {
margin-top: -33%;
margin-left: 5%;
margin-bottom: -25%;
}
}