/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.----------------------------------------------------------- */

.paypalbuttonimage {
    background: #ffffff !important;
}
div.regionaloverview p {
    font-size: larger;
}
div.regionaloverview a {
    color: #0000ff;
}
div.regionaloverview img {
    padding-top: 20px;
    padding-bottom: 20px;
}
div.regionaloverview h3 {
    text-transform: none;
    font-weight: bold;
} 
div.alliances p {
    text-align: center;
}
div.alliances img {
    margin-left: 20px;
    margin-right: 20px;
    height: 136px !important;
}
table.campinfo {
    border-collapse: separate;
    border-spacing: 10px;
    width: 100%;
}
table.campinfo td {
    vertical-align:top;
    border:2px solid black;
    padding:15px;
}
#s5_pos_bottom_row3_1 {
   height:50px;
}
.trivia {
   position:absolute;
   left:0;
   right:0;
   width:100%;
   background-color:#62883d;
   padding:5px;
   text-align:center;
   font-size:large;
   color:white;
}
div.GreenHeader h1 {
   text-transform: none;
   text-align: center;
   font-size: 250%;
}
div.GreenHeader h2 {
   text-transform: none;
   text-align: center;
   font-size: 130%;
}
.readmore {
  display: none;
}
table#RegionTop {
   margin-left:auto;
   margin-right:auto;
}
div.SAPcategory {
    position:relative;
    width: 100%;
    z-index: 1;
    margin-top: -100px;
    text-align:center;
    font-size:x-large;
    color:#0e4669;
    margin-bottom:-40px;
}
div.SAPcategoryMOBILE {
    position:relative;
    width: 100%;
    z-index: 1;
    text-align:center;
    font-size:x-large;
    color:#0e4669;
    margin-bottom:-40px;
}
a.readmore2 {
    padding:15px;
    background:#0e4669;
    color:#ffffff;
    font-size:small;
}
div.readmore2 {
    margin-top: -30px;
    margin-bottom:-80px;
}
table.TSrounded {
    position:relative;    
    background: #5985a1;
    border-radius: 200px;
    width: auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:-40px;
    z-index:1;
}
table.TSrounded td{
    padding-top:25px;
   padding-bottom:12px;
   padding-left:10px;
   padding-right:10px;
}
div.TSrelposi {
    position:relative;
    z-index:1;
}
div.TestimonialsHeader {
    position:relative;
    width: 100%;
    z-index: 1;
    margin-top: -60px;
    text-align:center;
    font-size:x-large;
    color:#0e4669;
    padding-bottom:40px;
}
div.SAPheading {
    position:relative;
    width: 100%;
    z-index: 1;
    margin-top: -100px;
    text-align:center;
    font-size:xx-large;
    background:#bfdf9f;
    color:#ffffff;
    padding-top:10px;
    padding-bottom:10px;
}
.StoriesLinks {
    padding:5px;
}
div.RegionalToDoLink {
    position:relative;
    width: 100%;
    z-index: 1;
    margin-top: -10px;
    text-align:center;
    font-size:x-large;
    padding-bottom:30px;
}
div.dealers p {
    padding-bottom:20px;
    padding-top:20px;
}
div.dealers {
    margin-top:-30px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Responsive Footer Formatting */

#s5_footer_area2 {
   background-image: url("http://www.campconn.com/wpCCOA/images/footer3.jpg");
   background-color: #ffffff;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   height:275px;
}

#s5_footer_area_inner {
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-transform: uppercase;
}
#footpagewrap {
	padding: 5px;
	width: 1120px;
	margin: 20px auto;
        font-size:small;
}
#footleft {
	width: 310px;
	float: left;
	padding: 5px 15px;
}

#footmiddle {
	width: 350px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
        text-align: center;
}
#footmiddle img {
	width: 50px;
	height: 50px;
	padding-left: 5px;
	padding-right: 5px;
        padding-bottom: 5px;
}

#footright {
	width: 310px;
	padding: 5px 15px;
	float: left;
        text-align: right;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#footpagewrap {
		width: 94%;
	}
	#footleft {
		width: 41%;
		padding: 1% 4%;
	}
	#footmiddle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
	}
	
	#footright {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}
}

/* for 800px or less */
@media screen and (max-width: 700px) {
        #s5_footer_area2 {
                height:700px;
        }
}


/* for 700px or less */
@media screen and (max-width: 600px) {

	#footleft {
		width: auto;
		float: none;
	}
	
	#footmiddle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#footright {
		width: auto;
		float: none;
	}
        
}

/* for 500px or less 
@media screen and (max-width: 400px) {
        #s5_footer_area2 {
                height:850px;
        }
} */

#footleft, #footmiddle, #footright {
	margin-bottom: 5px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Responsive CT-To-Do Formatting */

div.CTTODOarea { 
  	width: 900px; 
}

div.CTTODOarea table, tr { 
  	width: 100%; 
}

div.CTTODOarea td { 
  	padding: 6px; 
  	text-align: left; 
}

@media 
only screen and (max-width: 1260px), (min-device-width: 1268px) and (max-device-width: 1024px) {

	/* Force table to not be like tables anymore */
	div.CTTODOarea table, td, tr { 
		display: block; 
	}
	
	div.CTTODOarea td { 
		/* Behave  like a "row" */
		position: relative; 
	}
}