html {
 overflow-y: scroll;
 width:100%;
 height:100%;
}
body {
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:white;
# background: radial-gradient(,white);
 color:slategrey;
 width:100%;
}
a {
  text-decoration:none;
  color:inherit;
}
div {
 margin:0px;
 padding:0px;
}
.tablerow {
 width:100%;
 vertical-align:top;
}

#maindiv {
 margin:auto;
}

#headerdiv {
 font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
 text-transform: uppercase;
 border-top-style: solid;
 border-bottom-style: solid;
 border-width:1px;
 margin-top: 5px;
}

#footerdiv {
 #background-color:yellow;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#phil {
 clear:both;
 font-size:10px;
 text-align:right;
 background-color:grey;
 background: linear-gradient(to right,white,grey);
 color:white;
 width:100%;
 margin-top:50px;
 margin-bottom:50px;
// padding:2px;
}

.headercelldiv {
 vertical-align:middle;
 text-align:left;
 font-size:38px;
}


#headertextdiv1 {
 text-align:left;
}

 #headertextdiv2 {
 }

 #headertextdiv3 {
  #background-color:lightgreen;
  width:20%
 }

#navrowdiv {
 line-height:1;
 text-align:justify;
 text-align-last:justify;
}

.navdiv {
 padding:5px;
 font-size:18px;
}
.navactive {
 font-weight:bold;
}

#maincontentdiv {
 margin-top:10px;
}
#homepagemainimage {
 width:100%;
}
.photocreditdiv {
 float:right;
 color:black;
}
#homepagemainimagecaption {
 text-align:left;
 font-size:8.5px;
}
#HomepageSongwriterInfo {
 font-size:18px;
 color:black;
 text-align:center;
 margin-top:20px;
}
.boxcontainer {
 position:relative;
}
.box {
 display:inline-block;
 position:relative;
 width:40%;
 height:215px;
 margin:2%;
 padding:2%;
 vertical-align:top;
 overflow:hidden;
 text-overflow:ellipsis;
 #background: linear-gradient(to bottom, lightgrey, #f0f0f0);
 background-color:lightgrey;
}
#newsboxtitle {
 -webkit-margin-before:0;
}
#homepageabout {
 background-color:lightgrey;
}
#homepagenews {
 background-color:lightgrey;
}
.readmore {
 position:absolute;
 bottom:0;
 right:0;
 font-weight:bold;
 background-color:grey;
 color:white;
 padding:5px;
}

.newsitem {
 background-color:lightgrey;
}
.newsitemtitle {
 -webkit-margin-before:0;
}
#thumbnailselectorbar {
 text-align:center;
 vertical-align:middle;
 margin:5px;
}
.thumbnailimagediv {
 display:inline-block;
 margin:2px;
 width:100px;
}
.thumbnailimage {
 display:inline-block;
 margin:2px;
}
#thumbnailselectordiv {
 width:90%;
 display:inline-block;
 margin:auto;
 overflow:hidden;
 height:110px;
 vertical-align:middle;
}

#gallerymoveleft {
 width:50%;
 text-align:left;
 position:absolute;
 top:40%;
 left:0;
 margin:10px;
 font-size:50px;
 transform:scale(1,2);
 font-family:serif;
}
#gallerymoveright {
 width:50%;
 text-align:right;
 position:absolute;
 top:40%;
 right:0;
 margin:10px;
 font-size:50px;
 transform:scale(1,2);
 font-family:serif;
}


#gallerymenumaindiv {
 position:relative;
 margin:auto;
 text-align:center;
}
#gallerymaindiv {
 width:100%;
 height:100%;
}
#gallerymainimagediv {
 display:inline-block;
 height:100%;
 position:relative;
 vertical-align:top;
}

#galleryimagediv {
 display:inline-block;
 height:100%;
 width:100%;
 vertical-align:top;
 background-repeat:no-repeat;
 background-size:contain;
 background-position:center;
} 

#GalleryIndex {
 width:100%;
 text-align:justify;
 text-align-last:justify;
}

#gallerypagemaindiv {
 position:fixed;
 #height:100%;
 top:90px;
 #width:100%;
 right:0;
 bottom:10px;
 left:0;
 margin:auto;
 text-align:center;
 display:inline-block;
}
.gallerycategorydiv {
 width:20%;
 display:inline-block;
 margin-top:5px;
}
.gallerycategoryimage {
 max-width:100%;
}
#gallerycontrols {
 opacity:0;
}
#aboutboxtitle {
 -webkit-margin-before:0;
}
#aboutpagemainimage {
}

#aboutpageimagediv {
 margin:5px;
}
.aboutsectionimagediv {
 width:130px;
 float:left;
}
.aboutsectionbody {
 margin-left:150px;
}

#aboutpagemaindiv {
 background-color:lightgrey;
 margin:2%;
 padding:2%;
 #background: linear-gradient(to bottom, lightgrey, #f0f0f0);
}
.aboutsection {
 position:relative;
 clear:both;
}
.aboutsectionfigure {
 -webkit-margin-before: 0;
 -webkit-margin-after: 0;
 -webkit-margin-start: 0;
 -webkit-margin-end: 0;
}
.aboutsectionfigurecaption {
 font-size:10px;
 text-align:right;
 color:black;
}
.aboutsectionheadingdiv {
 display:inline-block;
}
.aboutsectionheading {
 -webkit-margin-before:0;
 -webkit-margin-after:0;
}
#contactbox {
 float:right;
 border: solid 1px black;
 padding:10px;
 margin:10px;
}

/* 800px is the maximum width used for main page content */
@media (min-width:800px) {
 #maindiv {
  width:800px;
 }
}
/* display headers side by side */
@media(min-width:700px) {
 .headercelldiv {
  display:inline-block;
 }

 #headertextdiv1 {
  width:49%;
 }

 #headertextdiv2 {
  width:50%;
  text-align:right;
 }

 .navdiv {
  display:inline-block;
 }
}