/* standard elements */
* {margin: 0; padding: 0;}
body {background: #4E5D3C url(img/background.gif); color: #000; font: normal 62.5% "Lucida Sans Unicode",sans-serif; margin: 0;}
a, a:link {color: #36C;}
a:hover {color: #06F;}
a:visited, a:active {text-decoration: underline;}
h1 {font: normal 1.6em serif;}
p, blockquote, ul, table {margin-bottom: 1.2em;}
p {color: #000;}
ul, ol {margin-left:15px;}
li {margin-left:5px;}
ul {list-style-type:square;}
blockquote {background: url(img/quote.gif) no-repeat; color: #555; font: normal 1.4em serif; padding-left: 22px;}
blockquote p {padding: 6px;}

/* misc */
.clearer {clear: both; display: block; font-size: 0; line-height: 0; height: 0;}
.left {float: left;}
.right {float: right;}

img.left {margin: 0 15px 6px 0;}
img.right {margin: 0 0 6px 15px;}

.divider {/*background: url(img/divider.gif) no-repeat;*/ height: 20px; margin: 24px 0; border-bottom:1px #444;}
p.section {font-weight:bold; text-decoration:underline; text-transform: uppercase;}

/* structure */
.container {background: url(img/bgcontainer.jpg) repeat-y center top; margin: 0 auto; width: 736px; min-height:700px;}
/*.gfx {background: url(img/gfx.jpg) no-repeat; float: left; height: 140px; margin-top: 12px; width: 52px;}*/
.top {background: #56644A url(img/header.jpg) no-repeat center 12px; text-align:center; width:632px; margin:0 52px;}
.header {color:#FFC; font-size: 1.3em; height:232px; width:400px; float:left;}
/*.header h1,.header h1 a,.header h1 a:link {font: normal 1.7em serif; padding: 75px 0 7px 0; color:#FFC;}
.header h2,.header h2 a,.header h2 a:link {font: bold 1.1em serif; padding: 5px 0 20px 0; color:#36C; text-decoration:none;}*/
.header h2,.header h2 a,.header h2 a:link,
.header h1,.header h1 a,.header h1 a:link {font: bold 1.7em serif; padding: 85px 0 5px 0; color:#FFC;}
.header p {font: bold 1.2em serif; padding: 3px 0 15px 0; color:#000; text-decoration:none;}
.pattern {background: #334127 url(img/pattern.gif) repeat-x; clear: both; height: 12px;}

/* navigation */
.navigation {text-align: center; width: 632px; margin:7px auto 0 auto;}
.navigation a {color: #6C7151; font: normal 1.8em serif; height: 35px; margin: 0 5px; text-decoration: none;}
.navigation a:hover, .navigation #selected {color: #2C3111;}

/* content */
.content {background: url(img/bgcontent.gif) no-repeat; clear: both; font-size: 1.2em; margin: 0 52px; padding: 12px 38px;}
.content .spacer {height: 42px;}
.item {clear: both;}
.item img {border: 1px dashed #8A6;}
.item .title {color: #445044; font: bold 2.3em serif; margin:10px 0; padding-bottom:5px;}
.item .title h1 {font: bold 1.3em serif;}
.item .title h2 {font: bold 1.1em serif;}
.item .title h3 {font: bold 0.9em serif;}
/*.item .title:first-letter {display: block; float: left; font-size: 1.8em;}*/
.item .metadata {color: #666; font-size: 0.9em; float: left; padding: 0 0 6px 4px;}
.item .body {clear: both;}

/* footer */
.footer {background: url(img/bgfooter.gif) no-repeat bottom center; color: #666; font-size: 1.1em; line-height: 41px;  margin: 0 auto; text-align: center; width: 632px;}
.footer .left {margin-left: 30px;}
.footer .right {margin-right: 30px;}
.footer a {color: #666; text-decoration: none;}
.footer a:hover {color: #333; text-decoration: underline;}
.menu {text-align:center; font-size:1.2em; line-height:100%;}
.menu2 {text-align:center; font-size:0.9em; line-height:100%;}
.menu a, .menu a:link, .menu2 a, .menu2 a:link {color: #36C;}
.menu a:hover, .menu2 a:hover {color: #06F;}
.menu a, .menu a:link, .menu a:hover, .menu a:visited, .menu a:active, .menu2 a, .menu2 a:link, .menu2 a:hover, .menu2 a:visited, .menu2 a:active {text-decoration: underline;}

/* gallery */
.gallerycontainer{text-align:center; 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 blue;}
.thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; margin-top:20px;}
.thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 230px; /*position where enlarged image should offset horizontally */ z-index: 50;}