/* 
 Default css file, white background with blue fonts
*/

body {
       /*font-family: "Verdana", Helvetica , Arial , sans-serif; */
       font-family: trebuchet ms, sans-serif; 
       font-size: 0.9em;
       margin: 20px; 
       border: 0px;
       padding-right: 20px;
       /* background-color: #c2bd8a;
          background-color: #EEEEEE; */
       background-color: #FFFFFF;
       text-align: center;
       color: #000;
       color: #5f4610;
       }

img{ 
     border:0px;}

.title {
         background-color: transparent;
         color: #073c51;
         text-align: center;
         font-size: 200%;
         font-weight: normal;
         }

.subtitle {
            color: #919045;
            text-align: center;
            font-size: 150%;
            font-weight: normal;
            }


.thumbtable {
              background-color: transparent;	
              border-spacing: 1px; 
              }

.cell {
        /*    background-color: white;*/
        /*    padding: 10px; */
        /*    background-color: black; */
        /*    background-color: #FBFBF5;*/
        background-color: transparent;
        padding: 0px; 
        text-align: center;
        }

.wfoto {
         color: black;
         font-size: 75%;
         text-align: right;}

.large {
         font-size: 200%;}

.small {
         font-size: 75%;}

.caption{
          font-size: 50%;}	

.center { 
          text-align: center;}

.slide {
         color: black;
         font-size: 120%;
         text-align: center;
         vertical-align: middle;
         }

.slide a{ 
           border:0px;}

.slide img{ 
           border:0px;}

/* To recenter and wrap */
.recenterWrap {
                min-width: 400px;
                text-align: center;
                }

/* Nice trick to recenter the drop shadow 
   image in cell or in body */
.recenter {
            margin: 0 auto;
            text-align: left;
            /* width: 120px; */
            }

/* THIS MAKES THE DROP SHADOW WORK ON IMAGES */
.shadow-thumb{
                 float:left;
                 clear:left;
                 background: url(shadow-6px.png) no-repeat bottom right !important;
                 background: url(shadow-6px.gif) no-repeat bottom right;
                 margin: 10px 0 10px 10px !important;
                 margin: 10px 0 10px 5px;
                 }
.shadow-thumb img{
                     display: block;
                     position: relative;
                     background-color: #fff;
                     border: 1px solid #a9a9a9;
                     margin: -6px 6px 6px -6px;
                     padding: 4px;
                     }


.shadow-wide{
              float:left;
              clear:left;
              background: url(shadow-12px.png) no-repeat bottom right !important;
              background: url(shadow-12px.gif) no-repeat bottom right;
              margin: 8px 0 8px  8px !important;
              margin: 8px 0 8px  5px;
              }
.shadow-wide img{
                  display: block;
                  position: relative;
                  background-color: #fff;
                  border: 1px solid #a9a9a9;
                  margin: -12px 12px 12px -12px;
                  padding: 12px;
                  }

a:link {
         color: #95DDFF;
         background: transparent;
         }

a:visited {
            color: #AAAAAA;
            background: transparent;
            }

/* Taken from http://www.evolt.org/article/CSS_Image_Border_Rollovers/22/17586/ */
.fotgal {
          border:1px; 
          border-color: #000;
          border-style: solid;
          }

A:hover, A:active {color: #fff} 
A:hover .fotgal, A:active .fotgal {border:1px; border-color: red; border-style: dashed}

a:link    {color: #073c51;}   /* unvisited link */
a:visited {color: #073c51;}   /* visited link   */
/* a:visited {color: #7e7a5a;}   visited link */ 
a:hover   {color: #5f8491;}   /* mouse over link */
a:active  {color: #333;}      /* selected link */