* {margin:0;padding:0;}
html {}
body {/*background:#0a2d40;*/background:#113d54;margin:0;padding:0;font-family:Verdana,Sans-serif;font-size:65%;color:#000;text-align:center;}
body#splash {background:#113d54 url(/library/images/splashBg.jpg) center repeat-y;}
p {margin:0 0 12px 0;line-height:140%;}
a {/*color:#60533d;*/color:#009dbf;color:#055870;font-weight:bold;text-decoration:none;}
a:hover {color:#00677d;color:#009DBF;}
img {vertical-align:middle;border:0;}
a img {border:solid 1px #000;}
form {margin:0;padding:0;}
ol {margin:15px 0 12px 0;padding:0;}
ol li {padding:2px 0 7px 22px;line-height:140%;}
ul {margin:15px 0 12px 15px;padding:0;}
ul li {margin:0 0 5px 0;line-height:140%;}
script {display:none;height:0px;}
hr {height:1px;background-color:#ccb787;margin:0 auto;width:90%;}
/*** GENERAL CLASSES ***/
.left {float:left;}
.right {float:right;}
.clear {clear:both;font-size:0.01em;height:0px;line-height:0px;}
.noDisplay {display:none;}
.hide {text-indent:-999em;}
.noBorder {border:none;}
.center {text-align:center;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.padding {padding:18px;}
.small {font-size:0.9em;}
.hasLayout {zoom:1;} /* IE fix for giving elements hasLayout */
.border {border:solid 1px #000;}
.borderPad5 {border:solid 1px #000;padding:5px;}
.borderPad10{border:solid 1px #000;padding:10px;}
/*** HEADINGS ***/
h1 {margin:0;padding:0;}
h1 a img {margin:0;padding:0;border:none !important;}
h2 {margin:5px 0 10px;padding:3px;background:#3E3526;}
h2, h2 a {font:bold 15px Arial;color:#c7a979;text-decoration:none;}
h2 a:hover {color:#60533d;}
h3, h3 a {font:bold 11px Arial;color:#3e3526;text-decoration:none;}
h3 a:hover {color:#3e3526;}
small {display:block;margin:10px 0;}
/*** LAYOUT TEMPLATE ***/
div.bg {background:url(/library/images/bg-shadow3.jpg) repeat-y;width:900px;margin:0 auto;padding:0;}
div.container {width:800px;margin:0 auto;text-align:left;background:url(/library/images/beige_bg.jpg) repeat-y;}
div#header {/*border-left:solid 2px #fff;border-right:solid 2px #fff;border-top:solid 2px #fff;*/height:194px;border-bottom:2px solid #b99a69;}
div#content {width:800px;padding:0;background:#fff url(/library/images/beige_bg.jpg) 0 0 repeat-y;}
div.main {float:left;width:538px;background:#fff;margin:0;padding:0 10px; border-right:1px solid #C7A979;text-align:justify;display:inline;}
div.mainFull {width:770px;background:#fff;margin:0 0 5px 15px; border:none;text-align:justify;}
div.sidenav {float:right;width:220px;background:#f1ebdc;margin:0;padding:0 10px;border:solid 0px #ccb787;font-size:1em;display:inline;}
div#nav {background:#3e3526/*url(/library/images/beige_bg.jpg) repeat-y*/;height:35px;font:bold 11px arial;padding:0;border-bottom:2px solid #b99a69;}
div#nav ul {margin:0;padding:0;list-style:none;}
div#nav li.navitem, div#nav li.page_item {float:left;padding:0;margin:0;border-right:solid 1px #b99a69;}
div#nav li.navitem a, div#nav li.page_item a {display:block;width:100px;height:25px;line-height:25px;vertical-align:middle;background:#3e3526;color:#fff;font-weight:bold;text-align:center;font-size:1.1em;cursor:pointer;padding:5px;}
div#nav li.navitem a:hover, div#nav li.page_item a:hover {background:#c7a979;color:#fff;}
div#nav li.navitem a.on, div#nav li.current_page_item a {background:#C7A979;color:#3e3526;font-weight:bold;}
div#nav li.navitem a.on:hover, div#nav li.current_page_item a:hover {background:#C7A979;color:#3e3526;}
#footer {background:#c7a979;color:#fff;font-family:Arial;font-size:1em;padding:10px;}
#footer a {color:#fff;border-bottom:dashed 1px #fff;}
#footer a:hover {border-bottom:none;}
#footer a#idSiteMeterHREF {border:none;}
#footer a#idSiteMeterHREF img {border:none;}
/** TWITTER STYLES **/
#twitter_div {margin:10px 0 0;}
ul#twitter_update_list span {display:block;color:#60533d;font-style:italic;}
ul#twitter_update_list a {color:#60533d;font-weight:normal;}
/** PAGE STYLES **/
.about {text-align:left !important;}
.splashContent {background:transparent;text-align:center;width:800px;height:480px;font:normal 10px Verdana,Arial,sans-serif;color:#3e3526;line-height:1.5px;margin:0 auto;}
.splashContent img {border:none;}
.splashContent a#idSiteMeterHREF {visibility:hidden;}
div.hrsplash hr {display:none;}
div.hrsplash {border-bottom:dashed 1px #ccb787;margin:20px auto;width:300px;}
.lightblueboldtxt {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #ccb787;}
/* LIGHTBOX CSS */
#lightbox {position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img {border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%;height: 100%;background: transparent url(/library/images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/library/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/library/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData {padding:0 10px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left; }
#imageData #caption {font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;}
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {content: "."; display: block; height:0;clear:both;visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}
/* TOOLTIP EFFECTS */
#dhtmltooltip {
position: absolute;
width: 140px;
border: 1px solid #3e3526;
padding: 2px;
background-color: #F1EBDC;
display: none;
z-index: 100;
text-align:left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=135);
}