/*******************/
/* BODY            */
/*******************/
body 
{
        margin: 0 auto 0 auto;        
        padding: 0 0px 0px;
        /* background: #FFFFCC;        */
        background: #0078B3;        
        font-family: "Comic Sans MS", Times, serif;
        font-size:14px;
}
p 
{
        margin: 0 auto 0 auto;        
        padding: 0 5px 5px;
        /* background: #FFFFCC;        */        
        font-family: "Comic Sans MS", Times, serif;
        font-size:14px;
}

                
                


/*******************/
/* Links           */
/*******************/
A:link {text-decoration: none;   font:bold 14px "Comic Sans MS", Times, serif;    color:#996600;}
A:visited {text-decoration: none;  font:bold 14px "Comic Sans MS", Times, serif;  color:#996600;}
A:active {text-decoration: none;  font:bold 14px "Comic Sans MS", Times, serif;   color: #996600;}


/**************/
/* Text Area  */
/**************/
textarea
{
  background-color: #F0E68C;
  border-color: #F0E68C;
}

input
{
  background-color: #F0E68C;
  border-color: #F0E68C;
}

/**************/
/* Tables     */
/**************/
/* Another version of table that inherits */
table.picture 
{
   background: #FFFFFF url(./clouds.jpg) repeat  top left;            
   -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
   width:500px; 
  border-color:#000000;
  border: 1px solid #000000; 
}

table 
{
 /* background-color: #FFFFCC;*/
  border-color: #000000;
  font-weight: normal;
  padding: 0 0px 0px;
  font-size: 12px;
  
  font-family: "Comic Sans MS", Times, serif;
}


/**************/
/* HEADINGS   */
/**************/     

h1 {font-style: normal;
    font-weight: normal;
    /* background-color: #FFFFFF;*/
    font-size: 22px;            
    color: #993300; 
    }

h2 {font-style: normal;
    font-weight: normal;
    font-size: 18px;
    margin: 3px;
    color: #663300; 
    }

/*******************************/
/* Navigation for MAIN Screen  */
/*******************************/

#navlist
{
   padding: 0 1px 1px;
   margin-left: 0;   
   /* background: #FFFFCC; */
   width: 160px;
   color: #fff6; 
}

#navlist li
{
   list-style: none;
   margin: 0px;
   padding: 0 1px 1px;
   /* border-top: 1px solid #FFFFCC; */
   text-align: left;
}

#navlist li a
{
   display: block;
   padding: 0.1em 0.1em 0.1em 0.1em;
   /* background: #FFFFCC; */
   text-decoration: none;
   text-align:center;
   font-weight: normal;
   font-size: 12px;    
}
#navlist li a:hover
{
  background: #EEC591;  
}

#navlist li a:link { color: #000000; font:bold 13px "Comic Sans MS", Times, serif; }
#navlist li a:visited { color: #000000;  font:bold 13px "Comic Sans MS", Times, serif;}

/*******************************/
/* Navigation for Close button */
/*******************************/
#navlist2
{
padding: 0 0px 0px;
margin-left: 0;
background: #FFFFCC; 
width: 140px;
color: #fff6; }

#navlist2 li
{
list-style: none;
margin: 0px;
padding: 0 1px 1px;
border: 1px solid #000000; 
text-align: center;
}

#navlist2 li a
{
   display: block;
   padding: 0.1em 0.1em 0.1em 0.1em;
   background: #FFFFCC; 
   text-decoration: none;
   text-align:center;
   font-weight: normal;
  font-size: 10px;    
}

#navlist2 li a:hover
{
   background: #EEC591;
}

#navlist2 li a:link { color: #996600; font:bold 12px "Comic Sans MS", Times, serif; }
#navlist2 li a:visited { color: #996600;  font:bold 12px "Comic Sans MS", Times, serif;}


    
/**********************************************************/
/*                     LIGHT BOX INFO                     */
/**********************************************************/
#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #ffffff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 5px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 12px "Comic Sans MS", Times, serif;
        
        background-color: #ffffff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%     
        }

#imageData{     padding:0 10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: normal; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }                       
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }       
                
#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }