body {
    background-color: #ffffff;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: medium;
    margin:           0px;
}
h3, h4 { 
    color:          #8b2e8b;
    padding:        10px; 
    text-align:     left;
}
h1, h2 { 
    color:          #8b2e8b;
    padding:        10px;
    text-align:     center; 
}
header.top {
  background-color: #cccccc; /* color = gray */
  padding:0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  height:           160px;
}
header.top img#logo-title {
	float: right;
}
nav {
    background-color: #cccccc;
    Margin: 0px 10px 0px 10px;  
}    
nav ul {
    margin: 0px;
    list-style-type: none;
    line-height:   1.9em;
    padding: 5px 0px 5px 0px;
} 
nav ul li {
    font-size: 150%;
    display: inline;
    padding: 5px 10px 5px 10px; /* controls size of selected link */
}  
nav ul li a:link, ul li a:visited {
    border-bottom: none;
    font-weight: bold;
} 
nav ul li.selected {
    background-color: #eeeeee;
}
p.logo {
    font-family: "brush script std", Comic Sans MS, cursive;
    font-size: 180%;
    padding:  0px 0px 0px 10px;
    color: #8b2e8b; /* this set the text color for P (class) text logo to maroon */ 
    text-align:    left;
}
p.title {
   font-family: "Arial", Helvetica, sans-serif;
    font-size: 180%;
    padding:  0px 10px 0px 10px;
    margin:   0px;
    color: #8b2e8b; /* this set the text color for P (class) page title to maroon */ 
    text-align:    left; 
}
img#sitelogo {   /* GIF logo for artist, museum, theater */
    margin: 0px 10px 0px 10px;
    float: left;
}
@media only screen and (max-width : 720px) { /* set logo by screen size on Home pg */
   .map-image-block {
       display: none;
   }
    .simple-image {
       display: block;
       width: 100%;
       height: auto;
    }
}
@media only screen and (min-width : 721px) { /* set logo by screen size on Home pg */
   .map-image-block {
       display: block;
   }
    .simple-image {
       display: none;
    }
}
p {
  color:          #8b2e8b;
  padding:        10px; 
  text-align:    center;  
}
p.dated {
    background-color: #dddddd;
    padding:  0px 10px 10px 10px;
    color: #8b2e8b;
    text-align:     center;  
}
Div {
   padding:  10px 10px 10px 10px;
   }
blockquote {
    background-color: #dddddd;
    padding:  10px 10px 10px 10px;
    color: #8b2e8b;
    text-align:     center;
}
#statement {
    background-color: #dddddd;
    padding:  10px 10px 10px 10px;
    color: #8b2e8b;
    font-size: 150%;
    line-height:   1.9em;
    text-align:     center;
}
ul {
    margin: 0px;
    list-style-type: none;
    line-height:   1.9em;
    padding: 5px 0px 5px 0px;
} 
ul li {
    font-size: 150%;
    padding: 5px 10px 5px 10px; /* controls size of selected link */
}  
.java {
     font-family: "Helvetica", Arial, sans-serif;
     font-size:     small;
     text-align:    left;
} 
#footer {
    background-color: #cccccc;
    font-style: italic;
    font-size: small;
    color: #8b2e8b;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align:       center;
    padding:          5px;
    margin:         5px 10px 5px 10px;
}
#tableContainer {
    display: table;
    padding:  0px 10px 20px 10px;
    font-size: 100%;
    line-height:   1.5em;
    border-spacing: 20px;
}
#tableContainerone {
    display: table;
    border-spacing: 10px;
    padding:  0px 10px 20px 10px;
    font-size: 100%;
    line-height:   1.5em;
}
#tableContainertwo {
    display: table;
    border-spacing: 10px;
}
#tableRowtwo {
    display: table-row;
    padding:  0px 20px 30px 20px;
    margin:   0px 10px 10px 10px;
    height:   150px;
    font-size: 100%;
    line-height:   1.5em;
}
#spot {
    display: table-cell;
    background-color: #cccccc;
    text-align:     center;
    vertical-align: top
}
#award {
    display: table-cell;
    background-color: #cccccc;
    text-align:     center;
    vertical-align: top
}
#pastaward {
    display: table-cell;
    background-color: #cccccc;
    text-align:     center;
    vertical-align: top  
}
#award h3 {
    color: black;
}
#award h4 {
    color: green;
    }
#award {
    line-height: 1; /* changes the line-height of each element in award <div> */
}
a:link {
    color: blue;
    }
a:visited {
    color: red;
    }  
a:hover {
    color: green;
    }
p.responsible {
    text-align: center;
}
section#ads { 
    color:          #8b2e8b;
    padding:        10px;
    text-align:     center; 
} 


/* updated 7-29-16 */