/* layouts */

html, body {
margin:0;
padding:0;
color: white;
background-color: #217c3e;
}
#inside {
	margin: 30px;
	
	
	}

/*page border */

.topleft {
	position: fixed: left 0; top: 0;
	}
.topright {
	position: fixed; right: 0; top: 0;
	}
.bottomleft {
	position: fixed; left: 0; bottom: 0;
	}
.bottomright {
	position: fixed; right: 0; bottom: 0;
	}

#top {
	background-image: url(images/top.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 30px; 
	position: fixed; top: 0;
	width: 100%;
	
	}
#left {
	position: fixed;  left: 0;  top: 30px;
	background-image: url(images/left.png);
	background-position: left top;
	background-repeat: repeat-y;
	width: 30px;
	height: 100%;

	}
#right {
	position: fixed; right: 0; top: 30px;
	background-image: url(images/right.png);
	background-position: right top;
	background-repeat: repeat-y;
	width: 30px;
	height: 100%;
	}
#bottom {
	background-image: url(images/bottom.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 30px; 
	width: 100%;
	position: fixed; bottom: 0; left: 30px;
	}

/* masthead items */
	

#gun {
	position: fixed; top: 110px; left 0px;
	}


/* menu styling and position */


.menu {
	position: fixed; left: 780px; top: 180px;
	padding-right: 12px;
	z-index: 1;
	}
	
.menu li {
	display: inline;
	list-style-type: none;

	}


/* main body layout */

.logo {

	}
.column {
	margin-left: 380px;
	position: relative; 
	z-index: 1;
	width: 40%;
	min-width: 300px;
	max-width: 400px;
	padding-bottom: 5em;
	padding-top: 25px;
	height:100%;
	}
	
	
.footer {
	margin: 2em;
	color: white;
	font-family: futura, helvetica;
	font-size: 80%;
	border: white double;
	padding-left: 10%;
	}
	
	
/* styling */
p {
	color: white;
	font-family: Georgia, serif;
	}
a {
	text-decoration: none;
	font-variant: small-caps;
	color: white;
	font-family: Georgia, serif;
	}
#calander {
	padding-top: 20px;
}

/*image layout and styling*/

.aboutGallery {
	position: fixed;
	left: 250px;
	top: 350px;
	width: 140px;

}
.thumb img {
	border: 1px solid #217c3e;
	background-image:url(images/thumbnailbackground.png);
	background-repeat:no-repeat;
	padding: 10px;

}

.thumb:hover img {
  border: 1px solid white;
}

.thumb span { 
  position: absolute;
  left: -1000px;
  visibility: hidden;
}

.thumb:hover span{ 
  visibility: visible;
  position: absolute;
  top: 0;
  left: 150px; 
  z-index: 4;
}
.thumb:hover span img {
  position:relative;
  top: -300px;
  border-width: 0;
  padding: 2px;
  background-color: white;
  color: darkgreen;
  text-decoration: none;
  
}
.socialMedia {
	position: relative;
	top: 200px;
}