/* stylesheet.css */

body{
   background-color: black;
   background-image: url(images/patternbackground.gif);
   padding: 50px;
}



/* Level 1 headings */
h1{
   font-family: 'palatino linotype', 'book antiqua', palatino, serif;
   font-size: 12px;
   font-weight:normal;
   text-align:left;
   line-height: 15px;
   color: #B2B4B3;
   background: transparent;
   white-space: normal;
}

/* Level 2 headings */
h2{
   font-family: 'palatino linotype', 'book antiqua', palatino, serif;
   font-size: 12px;
   font-weight:normal;
   text-align:left;
   line-height: 15px;
   color: #B2B4B3;
   background: transparent;
   white-space: normal;
}



/* paragraphs */
p{
   font-family: 'palatino linotype', 'book antiqua', palatino, serif;
   font-size: 12px;
   line-height: 18px;
   color: #000000;
   background: transparent;
   white-space: normal;
}

/* in paragraph links */
a:link{
   color: #000000;
 text-decoration: underline;
}

a:visited{
   color: #000000;
 text-decoration: underline;
}

a:focus{
   color: #B2B4B3;
 text-decoration: underline;
}

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

a:active{
   color: #B2B4B3;
 text-decoration: underline;
}


/* navigation links */
div#navigation a:link{
 color: #000000;
 text-decoration: none;
}

div#navigation a:visited{
 color: #000000;
 text-decoration: none;
}

div#navigation a:focus{
 color: #B2B4B3;
 text-decoration: none;
}

div#navigation a:hover{
 color: #B2B4B3;
 text-decoration: none;
}

div#navigation a:active{
 color: #B2B4B3;
 text-decoration: none;
}

/* folio left column links */
div#folioleftcolumn a:link{
 color: #000000;
 text-decoration: none;
}

div#folioleftcolumn a:visited{
 color: #000000;
 text-decoration: none;
}

div#folioleftcolumn a:focus{
 color: #000000;
 text-decoration: none;
}

div#folioleftcolumn a:hover{
 color: #000000;
 text-decoration: none;
}

div#folioleftcolumn a:active{
 color: #000000;
 text-decoration: none;
}


/* footer links */
div#footer a:link{
 color: #000000;
 text-decoration: none;
}

div#footer a:visited{
 color: #000000;
 text-decoration: none;
}

div#footer a:focus{
 color: #B2B4B3;
 text-decoration: none;
}

div#footer a:hover{
 color: #B2B4B3;
 text-decoration: none;
}

div#footer a:active{
 color: #B2B4B3;
 text-decoration: none;
}

/* navigation list divider */
.navdiv{
 color: #B2B4B3;
 font-weight: bold;
 word-spacing: 20px;
}


#container{

/* Set layout width */
width:800px;
/* Center the layout */
margin:auto;
background-color:white;
border:.2px solid #353735;
padding:0px;
}


/* header div */
#header {
 color: white;
 width: 800px;
 clear: both;
 padding: 0px;
 border: none;
 height: 130px;
 margin: auto;
 background: #000000;
 background-image: url(images/blackmast.gif);
}

/* navigation bar div */
#navigation {
 clear: both;
 width: 780px;
 font-family: 'palatino linotype', 'book antiqua', palatino, serif;
 font-size: 14px;
 line-height: 20px;
 color: #B2B4B3;
 letter-spacing: 1px;
 padding: 10px;
 border: none;
 margin: auto;
 background-color: white;
 text-align:center;
}


/* left column div */
#leftcolumn { 
 font-family: 'palatino linotype', 'book antiqua', palatino, serif;
 font-size: 11px;
 line-height: 20px;
 text-align:center; 
 color: #B2B4B3;
 border: none;
 background: white;
 margin: auto;
 padding: 30px;
 height: 330px;
 width: 240px;
 float: left;
 clear: left;
 display: inline;
}

/* folioleft column div */
#folioleftcolumn { 
 font-family: 'palatino linotype', 'book antiqua', palatino, serif;
 font-size: 13px;
 line-height: 20px; 
 color: #B2B4B3;
 border: none;
 background: white;
 margin: auto;
 padding: 30px;
 height: 430px;
 width: 240px;
 float: left;
 clear: left;
 display: inline;
}

/* right column div */
#rightcolumn { 
 float: right;
 clear: right;
 color: #000000;
 border: none;
 background: white;
 margin: auto;
 padding: 30px;
 height: 330px;
 width: 440px;
 display: inline;
}

/* folio right column div */
#foliorightcolumn { 
 float: right;
 clear: right;
 color: #000000;
 border: none;
 background: white;
 margin: auto;
 padding: 30px;
 height: 430px;
 width: 440px;
 display: inline;
 font-family: 'palatino linotype', 'book antiqua', palatino, serif;
 font-size: 13px;
 line-height: 20px;
 text-align: center;
}

/* sub footer div */
#subfooter {
 width: 800px;
 height: 32px;
 clear: both;
 color: white;
 border: none;
 background: #000000;
 background-image: url(images/blacksubfooter.gif);
 margin: auto;
 padding: 0px;
}

/* footer div */
#footer { 
 width: 780px;
 height: 30px;
 clear: both;
 color: #000000;
 border: none;
 background: white;
 margin: auto;
 padding: 10px;
 font-family: 'palatino linotype', 'book antiqua', palatino, serif;
 font-size: 10px;
 line-height: 15px;
 text-align:center;
 letter-spacing: 1px;
}




/* gallery code */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
 position: absolute;
 background-color: white;
 padding: 5px;
 left: -1000px;
 border: none;
 visibility: hidden;
 color: #000000;
 text-decoration: none;
 font-family: 'palatino linotype', 'book antiqua', palatino, serif;
 font-size: 9px;
 line-height: 15px;
 text-align:center;
 letter-spacing: 1px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
text-decoration: none;
}