body {       margin: 8px;  
             font-size: .9em ; 
             font-family: verdana, helvetica, arial, sans-serif ; 
             }

img.top   { padding-right: 10px ; }

img.gallery     { border: 4px outset #663399 ; 
                  margin-top: 5px ; }

div.gallery    { text-align: center ; 
                  }                  

#main {  
        width: 550px ; 
        padding: 8px; 
        /*next line for testing*/
        /*border: 1px solid #000080;*/
        position: absolute ;
        top: 10px ;
        left: 180px ; 
         } 

#top  { width: 500px;
        padding: 8px; 
        /*next line for testing*/
        /*border: 1px solid blue ; */
        background-color: white ; }

#nav  { width: 100px; 
        padding-top: 15px ; 
        padding-left: 8px ;
        padding-right: 8px ;
        /*next line for testing*/
        /*border: 1px solid black; */ 
        position: absolute ; 
        top: 15px ;
        left: 10px ; }

#left   { position: absolute ;
          left: 150px;
          top: 220px ;
          margin-right: 300px ;
          /*float: left ;*/
          width: 280px ;
          /*next line for testing*/
          /*border: 1px dotted red ;*/
             } 

#right  {  position: absolute ;
           left: 480px ;
           top: 220px ;
           /*float: right ;*/
           width: 280px ; 
           /*next line for testing*/
           /*border: 1px dotted orange ;*/
             } 

#leftborder  { position: absolute ;
               top: 150px ;
               left: 130px ; }

#rightborder  { position: absolute ;
                top: 150px ;
                left: 196px ; }

#footer { /*use this width for full width of page*/
          /*width: 550px ; */
          width: 520px ; /*use for including with text block */
          background-color: #fff ;
          color: #000 ;
          border: 1px solid black ;
          padding: 8px ; 
          text-align: center;
          /*use these measurements for positioning footer at bottom of whole page*/
          /*position: absolute ;*/
          /*top: 580px ;*/
          /*left: 5px ; */
         }

#clear  { clear: both;
         }

/*use next line if adding any anchors to footer*/
/*#footer a { color: white ; }*/

h1      { margin: 0px ;
          font-size: 18px ;
          /*font-weight: bold ;*/
          color: white ;
          background-color: #663399 ;
          padding: 10px ; 
          letter-spacing: 1.5px ;
          border: 1px solid black ; }

h2      { margin: 0px ;
          font-size: 14px ;
          font-weight: bold ;
          background-color: #000080 ;
          color: white ;
          padding: 5px ; }

h3      { padding: 5px ;
          font-size: 14px ;
          font-weight: bold ;
          color: #000080 ;
          background-color: #fff ;
          border: 2px dotted #000080 ;
          }

    .photo   { font-size: 10px ;
                color: black ;
                font-weight: bold ;
                /*font-family: verdana, helvetica, Arial, sans-serif ;*/
                letter-spacing: 2px ;  
                text-align: center ;
                margin-top: -3px ; }

    p.current { background-color: #000080 ; 
                color: #FFFFFF ; }

    p.indent  { padding-left: 20px ; 
                margin-top: -1em ;
                line-height: 1.5em ;}

    p.left { text-align: center ; 
             width: 250px ; 
             padding: 8px; 
             /*next line for testing*/
             /*border: 1px dotted red ;*/
             position: absolute ;
             left: 1px ; 
             } 

    p.right { text-align: center ;  
             width: 250px ; 
             padding: 8px; 
             /*next line for testing*/
             /*border: 1px dotted orange ;*/
             position: absolute ;
             left: 269px ; 
             } 

     .underline { text-decoration: underline ; }

      .bold      { font-weight: bold ; }

      .center    { text-align: center ; }

      .links     { margin-top: 1em ; 
                   font-weight: bold ; 
                   margin-left: 15px ; }
                   
      .alignr    { text-align: right ; }
      
      .alignl    { text-align: left ; }             

    ul        { font-size: 100% ;
                color: black ;
                font-family: verdana, helvetica, Arial, sans-serif ; 
                list-style-type: circle ; }
                
                
    table        { /*Use next line for testing*/
                   /*border: 2px solid orange ;*/
                   width: 100% ; 
                   font-size: .95em ; 
                   margin-top: 10px ;}
                   
    td        { vertical-align: top ; 
                padding: 5px ;
                line-height: 1.5em ; } 
                 
    
    th        { padding: 5px ;
                color: #663399 ;
                /*border: 1px solid #663399 ;*/
                }
                

     /* Pseudo Classes */

        a:link, a:visited
                   { color: #000080 ;
                     text-decoration: none ; 
                     font-weight: bold ; }

        a:hover, a:active    { color: #000080 ;
                     text-decoration: underline ; }