* {margin: 0; padding: 0;}
html, body {height: 100%; }
body {background-color: #fff; font: 12px/18px Verdana, Arial, Sans-Serif; color: #333; width: 100%;}
#container {width: 971px; }

h1, cite { font-family: Georgia, Times New Roman, Serif; }
#header ul {font-family: Arial, Sans-Serif; }
h1 {color: #ffb03b; font-weight: bold; font-size: 14px; margin-bottom: 18px; }
h2 {font-size: 15px; margin-bottom: 18px;}
p {margin-bottom: 18px; font-size: 12px; line-height: 18px; }
a {color: #fff;}

div#goHome { padding-left: 9px; height: 18px; background-color: #666; }
#goHome a {text-decoration: none; margin-right: 18px; float: left; }
#goHome a:hover {color: #ddd;}
div#header {height: 36px; color: #666; position: relative; z-index: 1; }
div#header img {position: absolute; bottom: 0; left: 18px;}
div#header ul {list-style-type: none; position: absolute; left: 208px; border-right: solid 1px #666;}
div#header li {float: left; display: inline; border-left: solid 1px #666; height: 36px; text-transform: uppercase; font-weight: bold; }
div#header li a { font-size: 16px; color: #b64926; height: 25px; text-decoration: none; float: left; padding: 11px 6px 0 6px; }
/* Safari Hack */
div#header ul.safari li a { padding: 11px 5px 0 6px; }
div#header a:hover { color: #fff; background-color: #b64926; }
div#header a.active {background-color: #ffb03b; color: #b64926; }

div#pageContent {border-right: solid 1px #666; background: url(images/contentBorder.gif); }
div#leftColumn {width: 467px; float: left; }
div#leftColumn h1 {background-color: #b64926; width: 100%; padding: 9px 18px; font-size: 18px; text-transform: uppercase; margin: 0; }
div#leftColumn p { text-indent: 18px; font-size: 11px; line-height: 18px; padding-right: 18px; padding-bottom: 18px; margin: 0;}
div#introduction { border: solid 1px #666; padding: 18px; padding-bottom: 0; width: 100%; border-width: 1px 0 1px 0; margin-bottom: 18px; }

div#thumbnails {margin-left: 18px; margin-top: 18px; }
div#thumbnails img {border: solid 1px #333; padding: 3px; background: #fff; margin: 0 15px 14px 0;}

div#quotations { margin-left: 503px; width: 376px; padding: 18px 18px 0 36px; min-height: 954px;}
#quotations h1 {border-bottom: solid 1px #ddd; padding-left: 18px;}
#quotations p { font-style: italic; }
#quotations blockquote { background: url(images/quotation.gif) no-repeat top left; padding-left: 18px; margin-bottom: 18px;}
#quotations cite { display: block; margin-left: 36px; font-style: normal; font-weight: bold; font-size: 11px; padding-bottom: 18px; }
#quotations cite a {font-style: italic; color: #468980;}

div#photoViewer {position: absolute; height: 1500px; min-width: 971px; width: 100%; top: 0; left: 0; z-index: 1; display: none; }
div#photoViewerBG {background: url(images/photoViewerBG.png); height: 100%; width: 100%;}
div#photoViewer div div {position: fixed; left: 127px; top: 24px; }
div#photoViewer img#fsPhoto {display: block; background-color: #fff; padding: 18px; border-top: solid 36px #b64926;}
#lnkPrevious, #lnkNext {z-index: 999; position: relative; top: 32px; left: 18px; margin-right: 36px; cursor: pointer; }

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 {background: #333; clear: both; color: #ddd; text-align: center; font-size: 11px;}