body {
    background-color: #181818; /* dark gray but not quite black */
    height: 100%;
}
div {
    margin-left: 20px;
    margin-right: 20px;
}
.divInner {
    border-left-width: 0px; 
    border-right-width: 0px; 
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    border-style: solid; 
    border-color: black;
}
.divGJSHeaderName {
    margin-left: 60px;
}
h1 {
    font-family: calibri;
    font-size: 1.4em;
    color: lemonchiffon;
}
h2 {
    font-family: calibri;
    font-size: 1.2em; /* 'large' for this font is about 1.12em */
    font-weight: normal; /* 'normal' is around 500-600 */
    color: lemonchiffon;
}
.h2Description {
    margin-left: 40px;
    margin-right: 40px;
}
p {
    font-family: calibri;
    font-size: medium;
    font-weight: normal;
    line-height: 1.5; /* 'normal' for this font is between 1.3 and 1.4 */
    color: #e8e8e8; /* lighter than 'silver', which is #c0c0c0, but not quite white */
}
p.PaintingCredits {
    font-size: x-small;
    color: #686868;
}
.PhotoDescription {
    font-size: 0.88em;
    line-height: 1.3;
    margin-left: 40px;
    margin-right: 40px;
}
.inputPhotoScroll {
    vertical-align: middle;
    height: 75px;
    width: 50px;
    border: none;
}
.imageScrollLeft {
    background: url(/images/ScrollButtonLeft.jpg) no-repeat;
}
.imageScrollRight {
    background: url(/images/ScrollButtonRight.jpg) no-repeat;
}
.inputPhotoScroll:disabled {
    background: none;
    background-color: #181818;
    color: #181818;
    border: none;
}
.tdPhotoGallery {
    width: 20%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    vertical-align: bottom;
    font-size: 1.0em;
    line-height: 1.2;
}
ul {
    list-style-type: none
    /* this removes the bullets from the list items */
}
li {
    font-family: calibri;
    line-height: 1.5; /* 'normal' for this font is between 1.3 and 1.4 */
    color: silver;
}
a {
    font-family: calibri;
    line-height: 1.5
}
a:link {
    /* unvisited */
    color: lightblue;
    text-decoration: none;
}
a:visited {
    color: lightblue;
}
a:hover {
    color: lemonchiffon;
}
a:active {
    color: lightblue;
}
.MenuLabel {
    font-family: calibri;
    font-size: 1.0em;
    font-weight: normal;
    line-height: normal; /* 'normal' for this font is between 1.3 and 1.4 */
    color: lightblue;
}
select {
    background-color: #181818;
    border-width: 0px;
    border-color: #202020;
    font-family: calibri;
    font-size: 1.0em;
    color: lightblue;
    text-decoration: none;
}
select:focus { 
    outline: none;
}
option:disabled {
    line-height: 0px;
    color: black;
}
option {
    background-color: #202020;
    border-width: 0px; /* doesn't seem to work */
    border-color: #202020; /* doesn't seem to work */
    font-family: calibri;
    font-size: 0.9em;
    font-weight: normal;
    line-height: normal; /* 'normal' for this font is between 1.3 and 1.4 */
    text-decoration: none;
}
option:focus {
    outline: none; /* doesn't seem to work */
}
option:link {
    /* unvisited */
    color: lightblue;
}
option:visited {
    color: lightblue;
}
option:hover {
    color: lemonchiffon;
}
option:active {
    color: lightblue; 
}
hr {
    height: 1px;
    border-width: 0px;
    height: 1px;
}
.hrTop, .hrPhotoBreaks {
    background-color: #484848;
}
.hrBottom, .hrMiddle {
    background-color: #383838;
}
footer {
    font-family: calibri;
    font-size: x-small;
    color: #686868;
    text-align: center;
}