/*
 ************************************************************
 * tag level settings
 ************************************************************
 */

html {
  margin:0px; 
  padding:0px;
  min-height:100%; 
}

body {
  padding:0;
  margin:0px;
  height:100%;
  font-family: "Asap", "Arial", "Helvetica", sans-serif;
  color:#111111;  /* off black */
  background: #336666; 
  background:linear-gradient(#a37f46, #587d89);
}

img { border:0px; vertical-align:middle; }

p { margin:0; padding:0px 0px 12px 0px; }

A:link    { color: #463f67; text-decoration: none; }
A:visited { color: #463f67; text-decoration: none; }
A:active  { color: #3399CC; text-decoration: none; }
A:hover   { color: #3399CC; text-decoration: underline; }

h1 { text-align:center; }

/*
 ************************************************************
 * framing and menu
 ************************************************************
 */

#pagecontentwrap { min-height:100vh; max-width:790px; margin:auto;
  padding:0px 0px 0px 70px;
  background-image: url('../img/2016sgweb.jpg');
  background-repeat: repeat-y;
  }
#pagecontent { 
  background-image: url('../img/2016sgwebback.jpg');
  padding:10px;
  }
#contentdiv { height:100%; min-height:100vh; 
  max-width:790px; font-size:large; }


/*
 ************************************************************
 * General class and id formatting
 ************************************************************
 */

#picsdispdiv { text-align:center; }
.gtcbi { margin-left:20px; }
.artpiecediv { display:inline-block; padding:5px; cursor:pointer; }
.smallimg { max-height:200px; }
.largeimg { max-height:2024px; max-width:100vw; }