/* Defaults
---------------------- */
html {height: 100%;}
body {background: #fff; font-size: 100.1%; color: #333; line-height: 1.45; height: 100%;}
* {margin: 0; padding: 0; font-family: arial,verdana,sans-serif; font-size: 1em;}
sub, sup {font-size: 0.9em}
sub {line-height: 0.5em}
img, fieldset {border: none}
ul {list-style: none}
ol {padding: 0 0 0 2em}
table {border-collapse: collapse; border-spacing: 0; empty-cells: show;}
select > option {padding: 0 16px 0 3px}
textarea {overflow: auto;}
button {border-style: inset; border-width: 0; border: none; background: none; cursor: pointer; text-align: left; overflow: visible; vertical-align: middle;}
acronym {border-bottom: dotted 1px;}
hr,
legend {display: none;}

a {color: #000; text-decoration: none;}
a:hover {color: #14778c;}

.jumpers,
.scripted span.wai {position: absolute; left: -9999px; top: -9999px;}

select {color: #111;}

/* Page
---------------------- */
#page {font-size: 0.75em; width: 950px; margin: 0 auto; min-height: 100%; position: relative; background: url('i/backgrounds/frame.gif') 0 24px no-repeat;}

#logo {overflow: hidden; position: absolute; width: 500px; height: 130px; right: 0; top: 5px;}
#logo a,
#logo span {display: block; width: 100%; height: 100%; text-indent: -9999px;}

.medieval {background: url('i/backgrounds/medieval.gif') 50% 0 repeat-y; padding: 5px 0; margin: 0 0 5px 0;}
.medieval .inner {background: #fff; border-top: solid 3px #f9f8f8; border-bottom: solid 3px #f9f8f8; padding: 12px 0; margin: 0 12px;}
.animation .inner {padding: 0;}
.animation .inner object {display: block;}

.content p,
.content ul,
.content ol,
.content blockquote {margin-bottom: 1em;}

.content a {color: #c59a9a;}

.content ul li {list-style: square; margin-left: 1.8em;}
.content ul ul {margin-bottom: 0;}
.content ul ul li {list-style: disc; margin-left: 1.4em;}

.npscolor {color: #9a774d;}

.illustration {line-height: 1.0; margin: 0 0 1em 0;}
.left .illustration {float: left; margin: 0 20px 1em 0;}
.right .illustration {float: right; margin: 0 0 1em 20px;}
.center .illustration {margin: 0 auto 1em auto;}
.illustration .legend {margin: 0.3em 0 0 0; font-size: 0.9em; color: #666; text-align: right;}
.illustration .legend * {margin-bottom: 0; color: #666;}

.left ul,
.left ol,
.left blockquote {display: table; display: inline-block;}


/* Overlay
---------------------- */
#overlay {min-height: 100%; min-width: 100%; position: absolute; left: 0; top: 0; z-index: 500;}
html>body #overlay {background: url('i/backgrounds/overlay.png');}
#overlayContainer {width: 500px; height: 400px; position: absolute; background: #777; left: 50%; margin-left: -50%; z-index: 502; top: 0;  border: solid 1px #efefef; font-size: 0.75em; color: #fff;}
#overlayContainer h1 {color: #fff; font-size: 1.3em; margin-bottom: 0.5em;}
#content #overlayInnerContent h1 {color: #333; font-size: 1.15em; margin-bottom: 0.5em; font-weight: bold;}
#overlayContainer .content {color: #fff;}
#overlayContainer img {border: solid 1px #fff;}
#content #overlayInnerContent img {border: solid 1px #666;}
#overlayInnerContent.center .illustration {margin-left: auto; margin-right: auto;}
.hidden {display: none;}
#overlayNav {text-align: right; /*width: 110px;*/  padding-bottom: 0.8em;}
#overlayNav a {margin: 0 0 0 5px; text-align: left; color: #fff; font-size: 0.9em;}
#content #overlayNav a {color: #B67979; font-size: 0.9em;}
#overlayNav a:hover {text-decoration: underline;}
#overlayNav .closer {background: url('i/backgrounds/overlay-close.gif') 0 0 no-repeat; width: 20px; height: 20px; position: absolute; top: 5px; right: 5px;}
#overlayNav .next {background: url('i/backgrounds/overlay-next.gif') 0 0 no-repeat;}
#overlayNav .previous {background: url('i/backgrounds/overlay-prev.gif') 0 0 no-repeat;}
#overlayContainer .legend,
#overlayContainer .legend * {color: #efefef;}

#overlayContainer object {display: block;}
#overlayContainer .content {min-height: 29px;}

#loader {display: block; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url('i/backgrounds/loader.gif') 0 0 no-repeat; opacity: 0.5; position: absolute; left: 50%; top: 50%; z-index: 501;}

#overlayInnerContent {background: #777; padding: 9px; position: relative;}
#overlayInnerContent.cs1 {background: #4d96a3;}
#content #overlayInnerContent.cs1 {background: none;}

/* Footer
---------------------- */
#footer {color: #8b96a5; border-top: solid 1px #fff; padding: 2px 0 1em 0; text-align: right; margin-top: 1em; margin-left: 12px; font-size: 0.95em;}
#footer a {color: #8b96a5;}
#footer a:hover {text-decoration: underline;}


/* Floats
---------------------- */
#container:after,
.block:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}