/* 
MONDAY BY NOON
Suckerfish HoverLightbox Example - Vanilla Horizontal stylesheet
Version: 1.0
Last Modified 03/27/06
J. Christopher - www.MondayByNoon.com

CREDITS
-------

Suckerfish: Patrick Griffiths, Dan Webb
    http://www.alistapart.com/articles/dropdowns/
  Modification: http://www.htmldog.com/articles/suckerfish/dropdowns/

Hoverbox: Nathan Smith.
  Example: http://host.sonspring.com/hoverbox/
  Tutorial: http://sonspring.com/journal/hoverbox-image-gallery/
  Modification by: Craig Erskine
    http://solardreamstudios.com/
    http://solardreamstudios.com/_img/learn/css/pg/

Lightbox: Lokesh Dhakar
  http://www.huddletogether.com/projects/lightbox/
  

*/


 h2 {  font-family: Tahoma, sans-serif; font-size: 140%; font-weight: 100; letter-spacing: 1px; text-align: center; color: rgb(150, 150, 150)}
h1 { font-family: Tahoma, sans-serif; font-size: 200%; text-align: center; font-size: 110%; color: rgb(255, 255, 255);}
h3 {  font-family: Tahoma, sans-serif; font-size: 140%; font-weight: 100; letter-spacing: 1px; text-align: center; color: rgb(235, 235, 235);}
h4 {  font-family: Tahoma, sans-serif; font-size: 105%;  text-align: left; color: rgb(150, 150, 150)}
 h5 {  font-family: Tahoma, sans-serif; font-size: 100%; font-weight: 100; text-align: left; color: rgb(150, 150, 150)}


body { font:12px Tahoma, sans-serif; color: rgb(150, 150, 150); margin:20px; background-color: rgb(255,255,255)  }
* { margin:0; border:0; padding:0; }
p { clear:both; text-align:center; color: rgb(153, 153, 153); }

a { text-decoration: none; color : rgb(150, 150, 150); margin: auto 20px auto 20px; }
a:hover {color : rgb(90, 90, 90);  }
a:active {color : rgb(255, 255, 255);}    


iframe {
    width: 802px;
    height: 602px;
    border: 1px solid rgb(192,192,192);
    position: absolute;
    top: 200px;
    left: 30px;
    }
    
.big_picture {
    position: absolute;
    top: 0px;
    left: 0px;
    }



  .textcenter {
          position:absolute;
          top: 3%;
          left: 50%;
          width: 473px;
          margin: 0px auto auto -238px;
          border: 0px solid rgb(182,162,112);
          background: rgb(255,255,255);
          display: block;
          text-align:justify;
          }


/* GALLERY */

  .centerizer {
          position:absolute;
          top: 50%;
          left: 50%;
          width: 473px;
          margin: -200px auto auto -238px;
          border: 0px solid rgb(182,162,112);
          display: block;
          text-align:center;
          }

ul#gallery {
        list-style: none;
       margin-top: 20px;
        width: 473px;
       
      
         overflow: auto
        }

#gallery li {
        width: 118px;

    
        float: left;
        }

#gallery img {
        float: left;
        border: 1px  solid rgb(200,200,200);
        background: rgb(255,255,255);
        padding: 5px 5px 5px 5px;
        margin: 3px 3px 3px 3px;
        width: 100px;
        height: 75px;
        }


/* LIGHTBOX CONTROL */
#lightbox { background-color: rgb(236,236,236) ;padding:10px 10px 5px 10px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color: rgb(150,150,150); font-size:11px;   margin: auto auto auto 20px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:rgb(255,255,255); text-decoration:none; font-size:11px; letter-spacing:2px; text-transform:; font-weight:bold; margin: auto  -20px auto auto; }
#lightbox img { border:none; } 
#overlay img { border:none; }