body {
      background: url(CommonImg/oldboard.jpg);  
      width:760px;
      }
            
 #nav-top {
          padding: 0;
          font: .9em Verdana, Arial, sans-serif;
           background: #fff;
          border-bottom: 1px ridge rgb(0, 0, 0);
          border-top: 1px ridge rgb(0, 0, 0);
          text-align: left;
          width:760px;
          }

#location {float: right;
           position:relative;
           top:-23px;
           }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 90%;
    }

a.button {
    background: transparent url('CommonImg/bg_button_a.gif') no-repeat scroll top right;
    color: #00f;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    }

a.button span {
    background: transparent url('CommonImg/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    } 

a.button:active {
    background-position: bottom right;
    color: #f00;
    outline: none; /* hide dotted outline in Firefox */
    }

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    outline: none;
    }



#header  {
          padding-top:.03em;
          position: relative;
          width: 700px;
          top:-20px;
          left: 0;
          
          }

#nav-one {
          position: absolute;
          left:-3px; 
          top:160px;
          }

#navigation {
    width: 154px;
    font-family: Arial, Helvetica, sans-serif;
    }

#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

#navigation li {
    border-bottom: 1px solid #ED9F9F;
    padding: 2px;
    
     }

#navigation li a:link, #navigation li a:visited {
    display: block;
    padding: 5px 5px 5px 0em;
    font: 0.8em Verdana, Arial, sans-serif;
    font-weight: bold;
    font-variant: small-caps;
    border-top: 2px solid #cce3ff;
    border-left: 2px solid #cce3ff;
    border-bottom: 2px solid #31557f;
    border-right: 2px solid #31557f;
    background-color: #851032;
    color: #224059;
    text-decoration: none;
    }

#navigation li a:hover {
    background-color: #99aabf;
    color: #FFFFFF;
    }

#navigation ul ul {
    margin-left: 12px;
    }

#navigation ul ul li {
    border-bottom: 1px solid #711515;
    margin: 0;
    }

#navigation ul ul a:link, #navigation ul ul a:visited {
    background: #C0C0C0 url(CommonImg/Button3.jpg);
    margin: 0;
    }

#navigation ul ul a:hover {
    background: #99aabf;
    border-top: 2px solid #31557f;
    border-left: 2px solid #31557f;
    border-bottom: 2px solid #cce3ff;
    border-right: 2px solid #cce3ff;
    color: #FFFFFF;
    }

#navigation ul ul button:hover {
    background: transparent;
    border-top: 2px solid #31557f;
    border-left: 2px solid #31557f;
    border-bottom: 2px solid #cce3ff;
    border-right: 2px solid #cce3ff;
    color: #000000;
    }

#main   {
         background: url(CommonImg/oldboard02.jpg);
         position: absolute;
         top:13px;
         left: 165px;
         width: 585px;
         padding:1em 0em 1em;
         border-right:5px solid black;
         border-bottom:5px solid black;
         border-top:3px solid #fff8dc;
         border-left:3px solid #fff8dc;
         }

#main a  {
          text-decoration: underline;
          }

#main a:hover{
          text-decoration:none;
          color:red;
          }

#main image:hover {
          
          border: 1px solid blue:
          }

span.cap-g {float: left; 
            position:relative;
            top:-1px;
            left:-3px;
            font-size: 1.7em;
            padding: 0 0.15em;
            margin: 0 0.15em 0 0; 
            background: #f00;
            border: 3px solid #2e8b57;
            }    

.box      {float: left; 
           width:112px;
           border:1px;
           padding:1px;
           }

.rightimg { float: right;  
            border: 2px solid #0f0f0f;
            margin-left: 4px;
            margin-top: 10px;
            margin-bottom: 4px;
            }

.leftimg { float: left;  
           border: 2px solid #0f0f0f;
           padding-right: 4px;
           padding-top: 10px;
           padding-bottom: 4px;
           }

acronym    {cursor: help;
            color: #0000ff;
           }

.albumlist ul {position:relative;
               left: -30px;
              }

.albumlist li {float: left;
              }
               
span.blurb {
            color: blue;
            background: #d9b180; 
            text-decoration: none;
            font: 0.55em Arial, Helvetica, sans-serif;
            }
            
span.blurb:hover {
            color: red;
            background: #d9b180; 
            text-decoration: none;
            font: 0.55em Arial, Helvetica, sans-serif;
            }
   
.albumlist img {display: block;
                border: 1px solid #333300;
                }
               
.figure {float: right;
            margin: 0.5em;
            padding: 0.5em;
            width: 22%;
            border: thin silver solid;
            }
            
.figure p {text-align: center;
              font-style: italic;
              font-weight: bold; 
              font-size: smaller;
              text-indent: 0;
              color: blue;
              }               
#footer {
  position:absolute;
  width:100%;
  text-align:left;
  margin-top:20px;
  color:#000099;
  }
