﻿* { padding: 0; margin: 0; }
html, body {height: 100%;}
html { font: 12px/16px Verdana, Arial, Sans-Serif; color: #333; }
body {background: #fff url(images/layout/pageBackground.jpg) no-repeat; position: relative; }
#container {position: absolute; min-height: 100%; height: 100%; width: 100%; top: 18px; left: 0; }

a {color: #d5e99d; display: block; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}
ul {list-style: none;}

div#goHome { padding-left: 9px; height: 17px; background-color: #333; border-bottom: solid 1px #ddd; }
#goHome a {text-decoration: none; float: left; margin-right: 18px;}
#goHome a:hover {color: #ddd;}

.ltGray {background: url(images/layout/headerBG.png); width: 100%; height: 100%;}

#header {min-width: 912px; height: 80px; position: relative; }
#logo {padding: 16px;}
#header li {width: 64px; display: block; float: left; text-transform: uppercase; text-align: center; }
#header li li {float: none; color: #fff; text-transform: none; }

ul#lstNav {background: url(images/layout/navBG.png); width: 100%; height: 100%;}
#lstNavContainer div {height: 100%; width: 100%;  } 
#lstNavContainer {width: 720px; position: absolute; left: 189px; top: 0; border-right: solid 3px #ddd; border-left: 3px solid #ddd; color: #d5e99d; height: 80px;}
#lstNav a {position: relative;}

li#active {background: #d5e99d; height: 61px; color: #222; }
li#active ul {background-color: #666 !important; height: 100%;}
#active li a {height: 15px; border-bottom: solid 1px #333; text-transform: uppercase; cursor: pointer; color: #fff; text-decoration: none;}
#active li a:hover {color: #333; background-color: #ccc;}

#fsViewer {background: url(images/layout/navBG.png); height: 1400px; width: 100%; position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer; display: none;}
#fsViewer div {position: absolute; left: 190px; top: 80px; border: solid 20px #fff; }
#fsViewer img {border: solid 1px #333;}
#fsViewerClose {position: absolute; top: 0; right: 0; background-color: #333; padding: 5px 10px; border: solid 1px #666;}
a#fsViewerClose:hover {background-color: #d5e99d; color: #000;}

#dailyStats { height: 126px; border-bottom: solid 2px #666; position: relative; line-height: 13px; font-size: 11px; width: 100%; }
#dailyStats div {position: absolute; top: 16px; height: 94px; overflow: hidden; }
#dailyStats div li {margin-left: 64px;}
#dailyStats div li strong {font-size: 14px; text-transform: uppercase; letter-spacing: .14em; }
#dailyStats div li em { font-weight: bold; font-style: normal; }
#elements {width: 176px; left: 16px; background: url(images/layout/uDigIt.png) no-repeat; }
#journey { width: 240px; left: 208px; background: url(images/layout/moleSkin.png) no-repeat;}
#memories {left: 464px; width: 448px; background: url(images/layout/firstAid.png) no-repeat; }

div#gallery {width: 100%; float: left; position: relative;}
#thumbnails {width: 192px; float: left; margin-top: 48px; position: relative; left: 16px; }
#thumbnails div {margin-right: 3px; margin-bottom: 5px; width: 89px; height: 74px; background: url(images/layout/thumbBG.png) no-repeat; float: left;}
#thumbnails img {width: 81px; height: 65px; border: solid 1px white; cursor: pointer; position: relative; }
#fullSize { margin-top: 16px; overflow: auto; overflow-y: hidden; width: 704px; position: relative; left: 16px;}
#fullSize img {border: solid 1px #aaa; padding: 8px; background: #fff;}
#fullSize p {padding: 8px 16px; font-size: 14px; background: url(images/layout/imgTitleBG.png); height: 40px; font-family: Georgia, Serif; }

#galleryNav {position: absolute; background-color: #333; left: 16px; top: 16px; height: 16px; width: 174px; text-align: center; border: solid 1px #333; }
#galleryNav a {color: #333; display: inline; cursor: pointer; position: absolute; background-color: #d5e99d; height: 16px; width: 75px; text-decoration: none;}
#galleryNav #next {right: 8px;}
#galleryNav #previous {left: 8px;}

div#contactWindow {position: absolute; top: 18px; left: 192px; z-index: 3; display: none;}
a#contactWindowClose {position: absolute; color: #fff; right: 5px; margin: 0; top:5px; background: red; padding: 2px;}
a#contact {background: url(/images/downArrow.gif) no-repeat center right; display: block; width: 63px; }

#footer {text-align: center; width: 676px; margin-left: 208px; margin-top: 16px; background-color: #333; color: #d5e99d; clear: both; border-top: solid 1px #999; padding: 4px; border-left: solid 10px; border-right: solid 10px;}

#pnlIntro {margin: 32px 0 32px 208px; width: 704px; height: 544px; position: relative; background: url(images/maps/AlaskaGeneral.jpg) no-repeat;}
#pnlIntro p { background-color: #d5e99d; padding: 15px 16px; border: solid 1px #fff; text-align: justify; width: 470px; position: relative; top: 16px; left: 16px; letter-spacing: .07em;border-bottom: none;}
#pnlIntro p.instructions {font-size: 11px; letter-spacing: .0em;}