html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
    margin-bottom: 40px;
    color: #314531;
    background-color: white;
/*    background-color: #F9F0D8;*/
}
header
{
	height:148px;   /* height of picture */
	background-image: url(small/strumblehead1646x148.gif);
	background-repeat: no-repeat;
    border: 2px solid #F4E1B2;
	border-radius: 0.5em;
}
#lighthouse {
	position: absolute; 
	top: 40px; 
	left: 120px; 
	width: 60px; 
	height: 60px; 
	background-color: transparent; 
	}
@media only screen and (max-width: 768px) {
    header  
    {
    	background-image: url(small/strumblehead768x148.gif);
    }
}
@media only screen and (max-width: 320px) {
    header  
    {
		height:200px;   /* height of picture */
    	background-image: url(small/garnwnda320x200.jpg);
        color: white;
    }
}
footer 
{
	position: absolute;
	bottom: -40;
	width: 100%;
	height: 40px;
	border-top: 2px solid #F4E1B2;
}
h1 {
    font-size: 1.4em;
    text-align: center;
    font-weight: 500;
/*
	color: white;
	background-color: #587A58;
	border: 2px solid #F4E1B2;
	border-radius: 0.3em;
*/
}
h2 {
    font-size: 1.6em;
}
.navbar {
    margin-bottom:0px
}
.nodots li {
    list-style: none;
}
/*prevent urls from showing on printed versions (added by Bootstrap)*/
@media print {
  a[href]:after {
    content: none !important;
  }
}
.caption {
    text-align:center;
    font-size: 0.8em;
}