/*containers*/
html {overflow-y: scroll;}
body {position: relative; min-width: 1020px; margin: 0px; padding: 0px; background-color: rgb(245,235,190); font-family: Arial; font-size: 12px; text-align: center;}
#wrapper {position: relative; display: block; width: 1000px; margin: 0px auto; padding: 0px; text-align: left;}
#header {position: relative; display: block; width: 1000px; height: 100px; margin: 0px; padding: 0px 10px 0px 10px; background: rgb(255,250,220) url('side-shadow.png') repeat-y center center; clear: both; overflow: visible; z-index: 3;}
#content {position: relative; display: block; width: 1000px; min-height: 500px; margin: 0px; padding: 0px 10px 0px 10px; background: rgb(201,216,238) url('side-shadow.png') repeat-y scroll center center; clear: both; z-index: 2;}
#footer {position: relative; display: block; width: 1000px; height: 140px; margin: 0px; padding: 0px 10px 0px 10px; background: rgb(255,250,220) url('side-shadow.png') repeat-y center center; clear: both; z-index: 1;}
/*header*/
#logo {position: relative; display: block; float: right; top: 15px; right: 20px;}
#book-box {position: absolute; display: block; width: 240px; height: 10px; overflow: visible; z-index: 100;}
#title {position: relative; display: block; margin: 0px; padding: 60px 270px 0px 240px; font-size: 20px; font-weight: bold; color: rgb(125,75,25); text-decoration: none;}
/*content*/
#main-menu {position: relative; display: block; float: left; margin: 70px 0px 30px 5px; padding: 0px; width: 195px; z-index: 2;}
#text-content {position: relative; display: block; margin: 0px; padding: 15px 30px 30px 240px; font-size: 11px; z-index: 1;}
#side-bar {position: relative; display: block; float: right; right: 0px; margin: 0px 0px 15px 35px; padding: 0px; width: 270px; clear: right; z-index: 5;}
#back-button {position: relative; display: block; margin: 0px; padding: 15px 30px 30px 240px; font-size: 11px; z-index: 1;}
/*footer*/
#globe-logo {position: relative; display: block; float: left; top: -1px; left: -10px; margin: 0px; padding: 95px 15px 10px 80px; background: url('globe-curl.png') no-repeat left top; clear: both;}
#form-contact {position: relative; display: block; margin: 0px; padding: 30px 0px 65px 0px;}
#quick-contact {position: relative; display: block; margin: 0px; padding: 0px; font-size: 11px; letter-spacing: -0.0px;}
#copyright {position: relative; display: block; float: right; margin: 0px; padding: 0px 20px 0px 10px;}
/*design*/
.shadow {position: relative; display: block; width: 1020px; height: 8px; margin: 0px; padding: 0px; background: rgb(245,235,190) url('bottom-shadow.png') repeat-y center top; clear: both; line-height: 1px; font-size: 1px; z-index: 0;}
.last {height: 7px;}
a {color: rgb(95,120,170); font-size: 11px; text-decoration: none; cursor: pointer;}
a:hover {color: rgb(65,80,100); text-decoration: underline;}
/*spedific elements*/
#main-menu ul {position: relative; display: block; margin: 0px; padding: 0px 0px 0px 5px; font-size: 11px; font-weight: bold; list-style-type: none; list-style-image: none;}
#main-menu li {position: relative; display: block; margin: 0px; padding: 0px;}
#main-menu li.plain_text {margin: 10px 0px 0px 0px; font-weight: bold; height: 20x; line-height: 20px;}
#main-menu li a {position: relative; display: block; margin: 0px; padding: 0px 0px 0px 15px; height: 16px; cursor: pointer; color: rgb(95,120,170); text-decoration: none;}
#main-menu li a:hover, #main-menu li a.active {height: 17x; line-height: 17px; color: rgb(65,80,100); background: transparent url('overl.gif') no-repeat top left;}
#main-menu div#cert a img {position: relative; display: block; margin: 0px; padding: 25px 0px 0px 20px; border: 0px;}
h1,h2,h4,h5,h6 {position: relative; display: block; margin: 0px; padding: 0px 0px 10px 0px; font-size: 15px; line-height: 24px; font-weight: bold; color: rgb(125,75,25); text-decoration: none;}
h2 {font-size: 12px; line-height: 16px;}
h3 {position: relative; display: block; margin: 0px 0px 0px 0px; padding: 0px; line-height: 20px; font-size: 10px; color: rgb(125,75,25); text-decoration: none;}
/* =============================================================================================================================================== */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox2/prevlabel.gif.htm) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox2/nextlabel.gif.htm) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#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; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#title.home {padding: 20px 495px 0px 15px;}
#main-menu.home {margin-top: 15px;}
#book-box.home {left: 200px;}
#text-content.home div.content_text, div.narrow
{width: 450px;}
#section-links {position: relative; display: block; margin: 0px; padding: 0px;}
#section-links ul {position: relative; display: block; margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; list-style-type: none; list-style-image: none;}
#section-links li {position: relative; display: block; margin: 0px; padding: 0px;}
#section-links li.plain_text {margin: 10px 0px 0px 0px; font-weight: bold; height: 20x; line-height: 20px;}
#section-links li a {position: relative; display: block; margin: 0px; padding: 0px 0px 0px 14px; height: 16px; cursor: pointer; color: black; text-decoration: none;}
#section-links li a:hover {height: 17x; line-height: 17px; color: black; text-decoration: underline; background: transparent url('overlmic.gif') no-repeat top left;}
#section-links a.n {color: rgb(95,120,170); font-size: 11px; text-decoration: none; cursor: pointer;}
#section-links a.n:hover {color: rgb(65,80,100); text-decoration: underline; background: none;}
#links-dir a {color: rgb(65,80,100);}
#links-dir a:hover {color: rgb(0,0,0); text-decoration: underline;}
#links-dir a.active {color: rgb(0,0,0); text-decoration: underline; font-size: 12px;} /* not used */
#sharethis {position: relative; display: block; float: right; right: 0px; width: 270px; margin: 10px 0px 10px 0px; padding: 0px; z-index: 5; overflow: visible;}
#slide-show {position: relative; display: block; float: right; right: 0px; width: 270px; height: 180px; margin: 0px 0px 20px 0px; padding: 0px; clear: right; z-index: 1}
#side-bar-content {position: relative; display: block; float: right; right: 0px; width: 240px; margin: 0px 30px 15px 0px; padding: 0px; clear: right; z-index: 5;}
#sharethis a {color: rgb(95,120,170); text-decoration: none; padding: 5px 0px 5px 20px;}
#sharethis a:hover {color: rgb(65,80,100); text-decoration: none;}
#sharethis a.mail {background: url('email.gif') no-repeat left 1px; margin-right: 10px;}
#sharethis a.print {background: url('print.gif') no-repeat left 3px; margin-right: 10px;}
#sharethis a.book {background: url('link.gif') no-repeat left 3px; margin-right: 0px;}
#email-a-friend {position: absolute; display: none; top: 20px; left: -10px; margin: 0px; padding: 10px; border: solid 1px rgb(189,176,115); background: rgb(255,250,220); text-align: right; z-index: 100;}
#email-a-friend input {position: relative; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 2px; width: 150px; height: 16px; font-size: 11px; line-height: 16px;}
#email-a-friend input.button {position: relative; margin: 0px; padding: 0px; width: 158px; height: 20px; font-size: 11px; line-height: 16px;}
/* #slide_show {position: absolute; z-index: 1;}*/
#side-bar ul {position: relative; display: block; margin: 0px; padding: 0px 0px 0px 0px; font-size: 10px; list-style-type: none; list-style-image: none;}
#side-bar li {position: relative; display: block; margin: 0px; padding: 0px;}
#side-bar li.plain_text {margin: 10px 0px 0px 0px; font-weight: bold; height: 20x; line-height: 20px;}
#side-bar li a {position: relative; display: block; margin: 0px; padding: 0px 0px 2px 14px; line-height: 14px; cursor: pointer; color: black; text-decoration: none;}
#side-bar li a:hover, #side-bar li a.active {padding: 0px 0px 0px 14px; line-height: 16px; color: rgb(65,80,100); text-decoration: underline; background: transparent url('overlmic.gif') no-repeat top left;}
#form-contact ul {position: relative; display: block; margin: 0px; padding: 0px;}
#form-contact li {position: relative; display: block; float: left; margin: 0px 10px 0px 0px; padding: 0px; width: 185px;} /*added 35 la width*/
#form-contact li a {position: relative; display: block; font-size: 11px; line-height: 17px; color: black; text-decoration: none;}
#form-contact li a:hover {text-decoration: underline;}
#form-contact li b {position: relative; display: block; font-size: 14px; font-weight: bold; color: rgb(125,75,25); text-decoration: none;}
#copyright img {position: relative; display: block; float: left; border: 0px; }
#copyright div {position: relative; display: block; float: left; margin: 0px; padding: 0px 10px 0px 10px; text-align: center; font-size: 9px;}
#copyright a {position: relative; color: black; text-decoration: none;}
#copyright a:hover {position: relative; color: black; text-decoration: underline;}