/*Default styles*/
.related-products li {
  float: left;
  width: 50%;
}
/*Display 3 per row for medium displays (like mobile phones in landscape or smaller tablets)*/
@media screen and (min-width: 28.75em) {
  .related-products li {
    width: 33.3333333%;
  }
}
/*Display 6 to a row for large displays (like medium tablets and up) */
@media screen and min-width: 40.5em) {
  .related-products li {
    width: 16.6666667%;
  }
}
body {
    background-color: #ffffff;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: medium;
    margin:           0px;
}
h3, h4, p { 
    color:          #CC66CC;
    padding:        10px;
    text-align:     left; 
}
h1, h2 { 
    color:          #CC66CC;
    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: #CC66CC; /* 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: #CC66CC; /* 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) {
   .map-image-block {
       display: none;
   }
    .simple-image {
       display: block;
       width: 100%;
       height: auto;
    }
}
@media only screen and (min-width : 721px) {
   .map-image-block {
       display: block;
   }
    .simple-image {
       display: none;
    }
}

p {
  text-align:    center;  
}
p.dated {
    background-color: #dddddd;
    padding:  0px 10px 10px 10px;;
    color: #CC66CC;
    text-align:     center;  
}
Div {
   padding:  0px 10px 10px 10px;
   }
blockquote {
    background-color: #dddddd;
    padding:  10px 10px 10px 10px;
    color: #CC66CC;
    text-align:     center;
}
#statement {
    background-color: #dddddd;
    padding:  10px 10px 10px 10px;
    color: #CC66CC;
    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:    center;
} 
#footer {
    background-color: #cccccc;
    font-style: italic;
    font-size: small;
    color: #CC66CC;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align:       center;
    padding:          5px;
    margin:         5px 10px 5px 10px;
}
#tableContainer {
    display: table;
    border-spacing: 10px;
}
#tableRow {
    display: table-row;
}
#tableContainerone {
    display: table;
    border-spacing: 10px;
}
#tableRow {
    display: table-row;
}
#tableContainertwo {
    display: table;
    border-spacing: 10px;
}
#tableRowtwo {
    display: table-row;
}
#spot {
    display: table-cell;
    background-color: #cccccc;
    padding:  0px 10px 20px 10px;
    margin:   0px;
    width:    100%;
    height:   200px;
    font-size: 150%;
    line-height:   1.5em;
    text-align:     center;
    vertical-align: top
}
#award {
    display: table-cell;
    background-color: #cccccc;
    padding:  10px 10px 20px 10px;
    margin:   10px;
    width:    100%;
    font-size: 150%;
    line-height:   1.9em;
    text-align:     center;
    vertical-align: top
}
#pastaward {
    display: table-cell;
    background-color: #cccccc;
    padding:  10px 20px 30px 20px;
    margin:   10px 10px 10px 10px;
    width:    100%;
    height:   200px;
    font-size: 150%;
    line-height:   1.9em;
    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;
    }
.artist {
    font-weight: bold;
}
p.responsible {
    text-align: center;
}
section#ads { 
    color:          #CC66CC;
    padding:        10px;
    text-align:     center; 
} 


/* updated 10-25-2014 */