/********************************************/
/* TITLE    : The Right Blue Preview Gallery*/
/* CREATED  : 2007-08-10                    */
/* AUTHOR   : Bobbie Sullivan               */
/* SITE URL : http://TheRightBlue.net       */
/* PAGE URL : /preview/previewg.html        */
/********************************************/

/*****************************/
/* element definitions start */
/*****************************/

body {
  background:#000066;
  margin:0;
  padding:0;
  text-align:center;
  line-height: 1.5em;
  font:78% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  color:#000000;
  font-size/* */:/**/small;
  font-size: /**/small;
  }

#wrapper {
    width: 980px;
    background: #000066;
    color: #000;
    margin: 0 auto; /*center for compliant browsers*/
    text-align: left; 
    font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
    }
    
/* Header
-----------------------------------------------
 */


#header-wrapper {
  background: url("../img/RightBlueBannerT.jpg");
  width:980px;
  height:270px;
  margin:10px 0;
  padding:0;
  text-align:left;
  border:2px solid silver
  }

/* header components if header banner is not used */
#header {
  position:absolute;
  top:50px;
  width:360px;
  margin:0;
  padding:0;
  }
  
#header h1 {
  margin:30px 0 0 30px;
  padding:0 0 0 15px;
  font: normal bold 250% Georgia, Times, serif;
  text-align:center;
  line-height: 1.2em;
  letter-spacing:.1em;
  color:#d5eaff;
  }

#header a {
  color:#d5eaff;
  text-decoration:none;
  }

#header a:hover {
  color:#d5eaff;
  text-decoration:underline;
  }

/* nav buttons */

.top-nav {
  position:absolute;
  top:262px;
  margin:0;
  padding:0;
  }
  
.top-nav a:link, .top-nav a:visited {
  background:#6699ff;
  margin:0;
  padding:2px 10px 3px;
  text-decoration:none;
  color: #000000;
  border: 1px solid #c0c0c0; 
  }
  
.top-nav a:hover {
  background:#c3d9ff;
  color:#003366;
  text-decoration:none;
  }
  
.top-nav ul {
  margin:0;
  padding:0 0 0 10px;
  list-style:none;
  }
  
.top-nav li {
  margin:0;
  padding:0;
  display:inline;
  }

/* Content Section
-----------------------------------------------
 */
 
#main-wrap1 {
  width:980px;
  float:left;
  background:#99c9ff; 
  margin:0 0 15px 0;
  padding:0;
  color:#000000;
  font-size:97%;
  line-height:1.5em;
  border:2px solid silver;      /* Note to self - may not need */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }


#container {
    position:relative; 
    width:800px; 
    height:396px; 
    margin:10px auto; 
    background:#99c9ff url('images/previewbox.GIF') no-repeat 75px 10px;
    border: medium none;
    } 
    
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    } 
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#99c9ff;
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #c0c0c0; 
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:372px; 
    top:10px; 
    left:75px; 
    color:#000; 
    background:#99c9ff;
    }
#container a.gallery:hover img {
    border:1px solid #000000; 
    float:left; 
    margin-right:5px;
    }
#container a.slidea {
    background:url("images/JackschoolT.jpg"); 
    height:93px; 
    width:60px;
    }
#container a.slideb {
    background:url("images/ManadoNephthidT.jpg"); 
    height:93px; 
    width:60px;
    }
#container a.slidec {
    background:url("images/JerryAbuKifanT.jpg"); 
    height:93px; 
    width:60px;
    }
#container a.slided {
    background:url("images/SalemExpr15T.jpg"); 
    height:60px; 
    width:93px;
    }
* html #container a.slided {
    width:91px; 
    w\idth:93px;
    }
#container a.slidee {
    background:url("images/HermitKonnosT.jpg"); 
    height:60px; 
    width:93px
    }
#container a.slidef {
    background:url("images/lineolatusT.jpg"); 
    height:60px; 
    width:93px;
    }
* html #container a.slidef {
    width:91px; 
    w\idth:93px;
    }
#container a.slideg {
    background:url("images/BunakenT.jpg"); 
    height:60px; 
    width:93px;
    }
#container a.slideh {
    background:url("images/TurtleSipadanT.jpg"); 
    height:93px; 
    width:60px;
    }
#container a.slidei {
    background:url("images/Dunraven2aT.jpg"); 
    height:93px; 
    width:60px;
    }
#container a.slidej {
    background:url("images/TCblackjackT.jpg"); 
    height:93px; 
    width:60px;
    }
#container a.slidek {
    background:url("images/BloodyBayWallT.jpg"); 
    height:60px; 
    width:93px;
    }
* html #container a.slidek {
    width:91px; 
    w\idth:93px;
    }
#container a.slidel {
    background:url("images/AbicinctusT.jpg"); 
    height:60px; 
    width:93px
    }
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px; 
    height:386px;
    margin:5px 80px 5px; 
    float:right;
    }
#container li {
    float:left;
    }
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }

#container2 {
    background-color: #6699ff;
    border: 1px solid #c0c0c0;
    width:960px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
#container2 p {
    margin:10px 10px .75em;
    padding:0 0 0 10px;
    font-weight: normal; 
    color: #000000;
    text-align: left;
    } 
     
#container2 p.center {text-align: center}

/* #footer */

#footer {
    background-color:#000099;
    float:left;
    width:960px;
    margin-bottom:5px;
    padding: 5px 10px 5px 10px;
    border:2px solid silver;      /* Note to self - may not need */
    }  
    
#footer p {
    font-size: 0.9em;
    text-align: center;
    font-weight: bold; 
    color: #d5eaff;
    } 

#footer a {
    color: #d5eaff;
    text-decoration: none;
    }
    
#footer a:hover {
    text-decoration: underline;
    }