/* Reset */

html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding: 0px; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0px;
	padding: 0px;
	border: 0;
	vertical-align:top;
	background: transparent;
}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style:square; text-indent:0px; padding:0px; margin:0px 0px; }

/* End Reset*/



#wrapper {
	width:100%;
		}	


/* Headlines and Text */

h1 {font-size:36pt;	font-weight:bold; line-height:125%; margin: 10px 15px}

h2 {font-size:30pt; font-weight:bold; line-height:110%; margin: 10px 15px}

h3 {font-size:24pt; font-weight:bold;line-height:110%; margin: 10px 15px}

h4 {font-size:18pt; font-weight:normal; line-height:110%; margin: 10px 15px}

h5 {font-size:14pt; font-weight:bold; line-height:110%; margin: 10px 15px}


/* Text Elements */

p           	{ color:#000; font-size:18px; line-height:125%; margin: 0px 15px; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }
    	

a           	{   }
a:link			{ color:blue; text-decoration:underline; }
a:visited		{ color:#990099;  }
a:active		{ color: #000;  }
a:focus			{ color: #666;  }
a:hover     	{ color: #f00;  }


/* Front page Styles */

#headercontent {
         background-color: #c1d1b2; 
         background: url(/widecabincreeklite.jpg) no-repeat;   
}

#logo {
	width:200px;
	float:left;
	margin:20px 30px;
	}

 #verytopnav {
    }

#verytopnav h4 {
	
	margin: 0px 0px 0px 35%;
 	    }	


#verytopnav a:visited {color:blue; text-decoration:underline; }
#verytopnav a:hover {background-color:white; text-decoration:underline; }
	
	
/* Horizontal Navigation */

#topnav {
	background-color: #336600; /* Sets the background color of the menu */
	clear: both;
	}

#topnav ul {
	width: 100%;
	float: left;
	margin: 0px;
	background-color: #336600;
	border-top: 2px #000000 solid;
	border-bottom: 2px #000000 solid;
}

#topnav ul li { display: inline; text-align:center }

#topnav ul li a {
	padding: 4px 30px; /* Sets the Height and Width of the menu item*/
	float:left; text-align:center;
	border-right: 1px solid #fff; /* Sets the divider line between menu items */
	font-size:20pt;
	color:white; /* Sets the font color of the menu item text */
	text-decoration: none; /* removes the underline from underneath links */
	}

#topnav a:link			{ color:white;  }
#topnav a:visited		{ color:white;  }
#topnav a:active		{ color:white;  }
#topnav a:focus			{ color:white; background-color: blue; }
#topnav a:hover     	{ color:white; background-color: blue; }
	
	
	
#fpcontent {
	margin-top: 30px;
	padding-top: 40px;
	
        position: relative; 
	}
	
.center {
	text-align:center;
	}
	
.homepagebox {
	margin:7px;
	padding: 14px;
	text-align: center;
	border:thin gray solid;
        border-top-left-radius:20px;
        border-bottom-right-radius:20px; 
	background-color: #FFFF00;
}
	
	
.donatebox {
	margin:7px;
	padding: 14px;
	text-align: center;
	border-top:13px #336600 solid;
	border-bottom:9px #336600 solid;
	border-left:thin gray solid;
	border-right:thin gray solid;
	background-color:#CCCCCC;
}
	
	
#viewcartbutton {
	text-align: center;
	padding:10px 10px 10px 10px;
}	
	
	
.PaypalButton {
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 0px 0px;
		}
		
.skipline {
	margin-top:30px;	
	}	
	
.bold {font-weight:bold; text-align:left; margin-top:50px; float:right}

.image {border:thick; border-color:red; margin: 15px; height:337px; width:450px;}

.bullets {text-indent:15px; font-size:14pt; line-height:30px;}
	
/* Other Styles */		
		
#banner h1 {
	width:100%;
	font-size:30pt;
	color:white;
	background-color:#4E8235;
	text-align:center;
	padding:20px 0 px;
	}
	
#banner h2 {
	width:100%;
	background-color:#4E8235;
	text-align:center;
	font-size:14pt;
	font-style:italic;
	color:black;
	padding:10px 0px 10px 0px;
	}


	
/* Side Navigation */
	
		
#sidebar {
	width:150px;
	height:400px;
	padding:20px 10px;
	margin-right:10px;
	background-color:#CCCCCC;
	float:left;
	}

#sidebar h3 {
	text-align:center;
	}

#sidebar ul li a {
	padding: 7px 25px; /* Sets the Height and Width of the menu item*/
	float: left;
	/* border-right: 1px solid #fff; /* Sets the divider line between menu items */
	font-size:12pt;
	color:#336600; /* Sets the font color of the menu item text */
	text-decoration: none; /* removes the underline from underneath links */
	}

#sidebar ul li a:hover {
	background-color: #369; /* Sets the color of the menu item on mouse hover */
	color: #fff; /* Sets the font color of the menu item on hover */
	}


/* Tables */

table       	{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #c1d1b2; }

tbody			{   }

th,td,caption 	{ padding: 10px; }
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }







/* Content Area */

#content {
	width:100%;
	}
	
.red {
	color:red;
	font-weight:bold;
	}


/* Gift Cards */





#Set1 {
	
	border: 2px solid green;
	margin: 1%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	/* display: inline-block; */
	float: left;
	background-color:#c1d1b2;		}
	
#Set1Images {
	
	margin-left: auto;
	margin-right: auto;
              }	
	
	
#Set2 {
	
	border: 2px solid green;
	margin: 1%;
	padding: 1%
	text-align: center;
	/* display: inline-block; */
	float: left;	
	background-color:#c1d1b2;	}
	
	
#Set3 {
	
	border: 2px solid green;
	margin: 1%;
	padding: 1%
	text-align: center;
	/* display: inline-block; */
	float: left;	
	background-color:#c1d1b2;	}
	
	
	
	
	
	
	

figure {
          /* display: inline-block; */
          border: 3px solid gray;
          border-radius: 4px;
          margin: 5px;
          padding: 5px;
          width: 31%;
          vertical-align: top
          background-color:#c1d1b2;
          float: left;
                           
          }
 
figure:hover {
    box-shadow: 0 0 5px 5px gray;}
 
figure img {
	vertical-align: top;
	width: 100%;
	border: 1px solid black;
	}



#DonationOvernightstay {
	margin: 1%;
	width: 30%;
	padding: 5px;
	text-align: center;
	border: 2px solid green;
	background-color:#c1d1b2;
        max-width: 400px;
        display: inline-block;
        vertical-align: top; 
         }

#GSTshirts {
	margin: 1%;
	width: 30%;
	padding: 5px;
	text-align: center;
	border: 2px solid green;
	background-color:#c1d1b2;
	max-width: 400px; 
	display: inline-block;
        vertical-align: top; 
			}

#GSLizard {
	margin: 1%;
	width: 30%;
	padding: 5px;
	text-align: center;
	border: 2px solid green;
	background-color:#c1d1b2;
	max-width: 400px; 
	display: inline-block;
        vertical-align: top; 
		}



   
.stop-wrap {
     clear: both;
     }


.noborder {
    border: none;
    }


	
/* Footer */	
#footercontent {
	width:100%;
	text-align:center;
	padding:10px;
        background-color: #c1d1b2;
        border-bottom: thick solid #336600;
        border-top: 2px #000000 solid;
        background: url(/widecabincreeklite.jpg) no-repeat;
     }