/*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:           130px;
}
nav {
    background-color: #cccccc;
    Margin: 10px 10px 10px 10px;  
}    
nav ul {
    margin: 20px;
    list-style-type: none;
    line-height:   2em;
    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 {
  text-align:    center;  
}
p.dated {
    background-color: #dddddd;
    padding:  0px 10px 10px 10px;;
    color: #CC66CC;
    text-align:     center;  
} 
Div {
   padding:  0px 10px 5px 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;
}
.java {
     font-family: "Helvetica", Arial, sans-serif;
     font-size:     small;
     text-align:    center;
} 
#footer {
    background-color: #cccccc;
    font-style: italic;
    font-size: 85%;
    color: #CC66CC;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align:       center;
    padding:          5px;
    margin:         5px 10px 5px 10px;
}
#table {
    margine-left: 20px;
    margine-right: 20px;
    boarder: thin solid gray;
    boarder-collapse: collapse;
    display: table;
}
#tableRow {
    display: table-row;
}
a:link {
    color: blue;
}
a:visited {
    color: red;
}  
a:hover {
    color: green;
}
section#ads { 
    color:          #CC66CC;
    padding:        10px;
    text-align:     center; 
} 
#paint {
    border-width: thin;
    border-style: solid;
    border-color: black;
    width:        300;
    padding:      0px 20px 20px 20px;
    margin:       0px 20px 0px 20px;
    text-align:   center;
}
/* updated 5-15-2015 */