* { margin: 0; padding: 0; }
a { color: #4e4e4e; }
a:hover { color: white; }
body { background-color: #3366cc; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; }
img { border: none; }
.clear { clear: both; line-height: 1px; height: 1px; }
#bottom { background-image: url(images/bgbottom.png); background-repeat: no-repeat; height: 100px; }
#bottom p {	color: white; margin: 0 90px; font-size: 0.8em; text-shadow: 2px 0 15px black; }
#bottom a {	color: white; }
#content { margin: 10px auto; width: 1200px; }
#logo { float: right; margin: -25px 20px 0 0; }
#menu { height: 70px; width: 600px; }
#menu li { display: block; float: left; height: 80px; text-align: center; vertical-align: middle; width: 200px; }
#menu li a { padding: 20px; }
#menu li a:hover img { background-image: url(images/hover.png); background-repeat: no-repeat; }
#menu ul { list-style: none; }
#middle { background-image: url(images/bgmiddle.png); background-repeat: repeat-y; padding: 10px 60px; }
#middlecontent { background-color: #52a2cb; background-image: url(images/bgcontentmiddle.png); background-repeat: repeat-x; border: 2px solid #85b6d5; margin: 0 auto 0 auto; padding: 10px; width: 1024px; }
#middlecontent hr { border: none; background-color: #3366cc; margin: 5px; height: 1px; }
#middlecontent .left { border: 1px solid #3366cc; float: left; margin: 5px; padding: 10px 10px 30px 10px; width: 700px; }
#middlecontent .right { border: 1px solid #3366cc; float: right; margin: 5px; padding: 10px 10px 30px 10px; width: 250px; }
#middlecontent .right h2 { font-size: 0.9em; }
#middlecontent h1 { color: white; margin: 5px; text-shadow: 2px 0 15px black; }
#middlecontent h2 { padding: 10px 0 5px 0; text-shadow: 2px 0 15px black; }
#middlecontent p { color: white; margin: 5px 10px; }
#middlecontent ul { margin: 10px 30px; padding: 0 15px; }
#top { background-image: url(images/bgtop.png); background-repeat: no-repeat; height: 97px; }

/* LIGHTBOX */
#jquery-lightbox { left: 0; line-height: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 100; }
#jquery-lightbox a img { border: none; }
#jquery-overlay { position: fixed; height: 100%; width: 100%; left: 0; position: absolute; top: 0; z-index: 90; }
#lightbox-container-image { padding: 10px; }
#lightbox-container-image-box { background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-container-image-data { color: #666; padding: 0 10px; }
#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; width: 70%; }
#lightbox-container-image-data-box { background-color: #fff; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; margin: 0 auto; overflow: auto; padding: 0 10px 0; width: 100%; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentnumber { clear: left; display: block; padding-bottom: 1.0em; }
#lightbox-loading { height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%; }
#lightbox-nav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnnext { float: right; right: 0; }
#lightbox-nav-btnprev { float: left; left: 0; }
#lightbox-nav-btnprev, #lightbox-nav-btnnext { display: block; height: 100%; width: 49%; zoom: 1; }
#lightbox-secnav-btnclose { float: right; padding-bottom: 3px; width: 66px; }
