/* CSS Document */

body { margin-top: 0px; }

a:link { padding: 5px; color: #85875F; font: 12px Verdana; text-decoration: none; }
a:visited { padding: 5px; color: #85875F; font: 12px Verdana; text-decoration: none; }
a:hover { color: black; }
a#home:link { padding: 5px; color: #85875F; background: #D6E03D; font: 12px Verdana; text-decoration: none; }
a#home:visited { padding: 5px; color: #85875F; background: #D6E03D; font: 12px Verdana; text-decoration: none; }
a#home:hover { background: white; color: black; }
a#gallery:link { padding: 0px; color: #85875F; font: 10px Verdana; text-decoration: none; }
a#gallery:visited { padding: 0px; color: #85875F; font: 10px Verdana; text-decoration: none; }
a#gallery:hover { color: black; }
a#contact:hover { color: black; text-decoration: underline; } 
/* a#contact { padding: 0px; } -- no longer used on the Contact page */

#pgContainer { position: relative; margin: 0 auto 0 auto; height: 100%; width: 760px; }

#headerLogo { position: relative; top: 0px; }
img.logo { display: block; margin-left: auto; margin-right: auto }
img.outline { border: 1px solid #333333; }

#pgContentHome { position: relative; width: 100%; height: 468px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#pgContent { position: relative; width: 100%; height: 468px; border-top: 1px solid #436473; border-bottom: 1px solid #436473; }

/* Home Page */
#photos1st { position: absolute; top: 13px; left: 79px; }
#photos2nd { position: absolute; top: 13px; left: 226px; }
#photos3rd { position: absolute; top: 13px; left: 310px; }
#photos4th { position: absolute; top: 13px; left: 425px; }
#photos5th { position: absolute; top: 13px; left: 587px; }
#homeImg1 { position: relative; }
#homeImg2 { position: relative; }
#homeImg3 { position: relative; }
#homeImg4 { position: relative; }
#homeImg5 { position: relative; }
#homeImg6 { position: relative; }
#homeImg7 { position: relative; }
#homeImg8 { position: relative; }
#homeImg9 { position: relative; }
#homeImg10 { position: relative; }

/* Introduction */
#introBg { background-image: url(images/introImg.jpg); background-position: top left; background-repeat: no-repeat; height: 468px; }
.introText { font: 12px Verdana; text-align: left; line-height: 17px; padding-top: 17px; }

/* Gallery */
#galleryContainer { position: relative; margin: 0 auto; width: 675px; } /* make width 810px if using a 6 x 4 gallery thumbnail layout */
#column1 { float: left; width: 135px; }
#column2 { float: left; width: 135px; }
#column3 { float: left; width: 135px; }
#column4 { float: left; width: 135px; }
#column5 { float: left; width: 135px; }
/* #column6 { float: left; width: 135px; } uncomment this if using a 6 x 4 gallery thumbnail layout */
#galleryImg { padding: 13px 0 0 0; text-align: center; white-space: nowrap; } 
.galleryText { font: 10px Verdana; text-align: center; padding: 0 10px 0 10px; }
.galleryText2 { font: 10px Verdana; text-align: left; }
.galleryText3 { font: 12px Verdana; text-align: left; padding: 4px 0 20px 0; }

/* Biography */
#bioBg { background-image: url(images/08LSV.jpg); background-position: 610px 173px; background-repeat: no-repeat; }
.bioText { font: 12px Verdana; text-align: left; line-height: 17px; padding-top: 17px; }

/* Contact */
#contactBg { background-image: url(images/contactImg.jpg); background-position: 100px 0px; background-repeat: no-repeat; height: 468px; }
.contactText { font: 12px Verdana; line-height: 17px; height: 430px; }

/* Navigation */
#navContainer { position: relative; margin: 0 auto 0 auto; width: 760px; }
.navHome { position: absolute; top: 5px; }
.navIntro { position: absolute; top: 5px; left: 196px; }
.navGallery1 { position: absolute; top: 5px; left: 339px; }
.navGallery2 { position: absolute; top: 5px; left: 458px; }
.navBio { position: absolute; top: 5px; left: 577px; }
.navContact { position: absolute; top: 5px; left: 702px; }