body {
background-color: #5F065E;
background-image: url("/images/graphics/backgrounds/gallery-bgd.jpg");
}

#masthead {
background: url("/images/graphics/backgrounds/gallery.png") no-repeat left top;
}

nav {
color: #FFFFFF;
}

nav li a {
   color: #ff901f;
}

nav li a:hover {
color: #F7AC5F ;
}

     
#body ol li {
    font-size:10pt;
    letter-spacing:0.1pt;
    color:#D6D7A8;
    padding-bottom:10px;
     }


     
main a {
   color: #ff901f;
}

main a:hover {
color: #F7AC5F;
text-decoration:none;
} 



h2 {
color: #fff;}

h3 {
color: #fff;}

h4 {
color: #FF901F;}

h5 {
color: #d6d7a8; }


ul.gal-menu {
list-style-type:none;
margin: 20px 0 40px;
padding: 0;
 }
 
ul.gal-menu li {
display:inline-block;
font-size:2em;

 }
 
ul.gal-menu li::after {
content:"  |  ";
 }
 
ul.gal-menu li.last::after {
content:none;
 }
 
main img {
border-radius: 5px;
border: 1px solid #fff;
width: 100px;
height:100px;
 }
 
div.archive-panel {
width: 700px;
height:498px;
background: url("/images/graphics/archive-panel.jpg") no-repeat left top;
border-radius: 5px;
border: 2px solid #fff;
position:relative;
  }
  
div.archive-panel ul {
position:absolute;
bottom: 10px;
left: 50px;
margin: 0;
 }
 

div.archive-panel ul.gal-menu li {
font-size:2.5em;
 }
 
 
div.archive-panel ul li a{
color:#fff;
 }
div.archive-panel ul li a:hover{
color: #F7AC5F;
text-decoration:none;
 }
 
div.archive-panel p.text101 {
position:absolute;
bottom: 70px;
left: 50px;
margin: 0;
font-size:2em;
font-weight:bold;
 }