/* stylesheet.css */

body{
   background-color: #ede8c4;
   padding: 50px;
}



/* Level 1 headings */
h1{
   font-family: optima, 'arial narrow', 'gill sans', sans-serif;
   font-size: 12px;
   font-weight:normal;
   text-align:left;
   line-height: 15px;
   color: #b71234;
   background: transparent;
   white-space: normal;
}

/* Level 2 headings */
h2{
   font-family: optima, 'arial narrow', 'gill sans', sans-serif;
   font-size: 12px;
   font-weight:normal;
   text-align:left;
   line-height: 15px;
   color: #ffa02f;
   background: transparent;
   white-space: normal;
}



/* paragraphs */
p{
   font-family: optima, 'arial narrow', 'gill sans', sans-serif;
   font-size: 12px;
   line-height: 18px;
   color: #37424a;
   background: transparent;
   white-space: normal;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


#container{

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


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

/* navigation bar div */
#navigation {
 clear: both;
 width: 780px;
 font-family: optima, 'arial narrow', 'gill sans', sans-serif;
 font-size: 14px;
 line-height: 20px;
 color: #b71234;
 letter-spacing: 1px;
 padding: 10px;
 border: none;
 margin: auto;
 background-color: white;
 text-align:center;
}


/* left column div */
#leftcolumn { 
 font-family: optima, 'arial narrow', 'gill sans', sans-serif;
 font-size: 11px;
 line-height: 20px;
 text-align:center; 
 color: #b71234;
 border: none;
 background: white;
 margin: auto;
 padding: 30px;
 height: 330px;
 width: 240px;
 float: left;
 clear: left;
 display: inline;
}

/* folioleft column div */
#folioleftcolumn { 
 font-family: optima, 'arial narrow', 'gill sans', sans-serif;
 font-size: 13px;
 line-height: 20px; 
 color: #b71234;
 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: #37424a;
 border: none;
 background: white;
 margin: auto;
 padding: 30px;
 height: 330px;
 width: 440px;
 display: inline;
}

/* folio right column div */
#foliorightcolumn { 
 float: right;
 clear: right;
 color: #37424a;
 border: none;
 background: white;
 margin: auto;
 padding: 30px;
 height: 430px;
 width: 440px;
 display: inline;
 font-family: optima, 'arial narrow', 'gill sans', sans-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: white;
 background-image: url(images/sub-footer.jpg);
 margin: auto;
 padding: 0px;
}

/* footer div */
#footer { 
 width: 780px;
 height: 30px;
 clear: both;
 color: #37424a;
 border: none;
 background: white;
 background-image: url(images/footer.jpg);
 margin: auto;
 padding: 10px;
 font-family: optima, 'arial narrow', 'gill sans', sans-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: #37424a;
 text-decoration: none;
 font-family: optima, 'arial narrow', 'gill sans', sans-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;
}