html {height: 100%;}
body {background: #fff; font-size: 100.1%; color: #666; line-height: 1.4; height: 100%;}
* {margin: 0; padding: 0; font-family: arial,FreeSans,verdana,sans-serif; font-size: 1em;}
sub, sup {font-size: 0.65em}
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: #249cd3; text-decoration: none;}
a:hover {color: #249cd3;}


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

select {color: #666;}

/* Page
----- */
#page {width: 980px; margin: 0 auto; min-height: 100%; font-size: 0.749em; position: relative; background: #fff;}
#container {padding: 0 0 3em;}

#wrapper {padding: 25px 13px 0 13px;}
.home #wrapper {padding: 40px 13px 0 13px;}

/* 
----- */
#header {background: #20396e url('i/backgrounds/header-bg.png');}

#search {text-align: right; color: #cff3ff; padding: 12px 14px 4px 14px;}
#search button {color: #cff3ff;}
#search input {color: #333; background: #fff; border: none; padding: 2px 2px; width: 170px; margin: 0 2px 0 6px;}
#search span {text-transform: uppercase;}

#teaser {background-position: 100% 100%; background-repeat: no-repeat;}
#teaser-mask {position: relative; width: 980px; height: 150px; overflow: hidden;}
html>body #teaser-mask {background: url('i/backgrounds/teaser-mask.png') 0 0 no-repeat;}

#logo {width: 316px; height: 40px; background: url('i/backgrounds/bridging-the-gap.png') 0 0 no-repeat; overflow: hidden; position: absolute; left: 0 top: 0;}
#logo a,
#logo span {display: block; overflow: hidden; text-decoration: none; text-indent: -9999px; width: 100%; height: 100%;}

#baseline {display: block; overflow: hidden; width: 316px; height: 23px; background: url('i/backgrounds/baseline.png') 0 0 no-repeat; position: absolute; top: 44px; left: 0; text-indent: -9999px;}

#baseline2 {position: relative; top: -12px; left: 674px; display: block; overflow: hidden; width: 307px; height: 25px; text-indent: -9999px;}
html>body #baseline2 {background: url('i/backgrounds/baseline2.png') 0 0 no-repeat;}


#navigation {color: #cff3ff; background: url('i/backgrounds/nav.png') 0 100% no-repeat; padding: 0 0 12px 0;}
#navigation li {display: inline; position: relative; text-transform: uppercase;}
#navigation li a {display: inline-table; display: inline-block; padding: 0 25px 0 15px; color: #cff3ff; }
#navigation li a:hover,
#navigation li strong a {color: #cff3ff; background: url('i/backgrounds/nav-a.gif') 100% 100% no-repeat;}

#navigation li .sub {position: absolute; left: -9999px; z-index: 555; padding: 18px 0 0 40px; width: 240px; margin-left: -90px;}
#navigation li .sub-b {padding: 0 0 2px 0; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;}

/*#navigation li .sub-c {padding: 0 0 4px 0;}*/
#navigation li .sub a {color: #3f3f3f; background: none; padding: 3px 6px;}
#navigation li .sub a:hover,
#navigation li .sub strong a {color: #249cd3;}
#navigation li strong {font-weight: normal;}

html>body #navigation li .sub {background: url('i/backgrounds/fin.png') 62px 6px no-repeat;}
html>body #navigation li .sub-b {background: #ededee;}
html>body #navigation li .sub-c {}
#navigation li:hover .sub {display: block; position: absolute; left: 100%; margin-top: -5px;}
#page #navigation li a:focus + .sub {display: block; position: absolute; right: 0; margin-top: -5px;}

#navigation li .sub a:focus {position: absolute; left: 9999px; top: 0; background: #fff; background: rgba(255,255,255,0.75); text-align: right; width: 220px; padding-left: 5px; padding-right: 5px;}
#navigation li:hover .sub a:focus {position: static; left: auto; top: auto; background: none; text-align: left; width: auto; padding-left: 0; padding-right: 0;}

#navigation li .sub li {border-top: solid 1px #fff;}
#navigation li .sub li:first-child {border-top: none;}


#navigation li ul li {display: block; font-size: 0.85em; font-weight: normal; position: static; border-top: solid 1px #b7b7b7;}
#navigation li ul li:first-child {border: none;}
#navigation li ul li:before {content: '';}
#navigation li ul li a {display: block; padding: 3px 0;}
#navigation li ul li:hover a,
#navigation li ul li a:hover {color: #000;}
#navigation li ul li:hover li a {color: #676765;}
#navigation li ul li:hover li a:hover {color: #000;}

#navigation li ul li li {font-size: 1em; margin-left: 37px; border-top: none;}
#navigation li ul li li a {padding: 1px 0;}

/* 
----- */
.content p,
.content ul,
.content ol,
.content blockquote {margin-bottom: 0.85em;}

.content blockquote .inner {font-style: italic;display:inline}

.content ul li {list-style: disc; margin-left: 2.2em;}
.content ol {margin-left: 2.2em;}

.content .npslinks {display: table; display: inline-block; display: table-cell; padding-bottom: 0.85em;}
.content .npslinks li {margin: 0; list-style: none;}

.content .npslinks a {text-decoration: none; padding: 0 0 0 22px; display: table-cell; display: inline-block; background: url('i/backgrounds/npslinks.gif') 0 0.4em no-repeat;}

/*.content .npslinks a:hover {background-position: -1000px 0.4em;}*/


.cs0 .npscolor,
.cs0 .npscolor a {color: #000;}



.illustration {margin: 0 0 0.8em 0;}
.related .illustration {margin-bottom: 0.35em; clear: both;}
/*.related .illustration + p,
.related .illustration + ul,
.related .illustration + ol {margin-top: -0.2em;}*/
.illustration img,
.illustration object {display: block; margin: 0;}
.illustration .legend {color: #000; font-size: 0.9em; line-height: 1.2; margin: 0.2em 0 0 0;}
.illustration .legend * {color: #000; margin-bottom: 0;}

.right .legend {text-align: right;}

.inset .illustration img {border: none;}
.left {float: left; margin-right: 25px;}
.right {float: right; margin-left: 25px;}
.center {margin-left: auto; margin-right: auto;}

.text ul,
.text ol,
.text blockquote {display: table; display: inline-block; display: table-cell; padding-bottom: 0.85em;}

.text cite {font-style: normal;}

/* Shadow
----- */
.split {position: relative;}


/* Footer
----- */
#footer {text-align: center; padding: 3em 0 0.7em; color: #000;}
#footer .separator {background: url('i/backgrounds/separator.gif') 0 0 no-repeat; height: 13px; display: block; margin: -6px 0 6px 0; position: relative;}
#footer li {display: inline;}
#footer li:before {content: ' | ';}
#footer li:first-child:before {content: '';}
#footer a {color: #000;}
#footer a:hover {color: #000; text-decoration: underline;}
#footer .rss a {padding: 0 16px 0 0; background: url('i/icons/rss.gif') 100% 47% no-repeat;}
#partners {text-align: center; color: #20396e; font-size: 1.167em; margin: 0 0 0.25em 0;}
#partners img {display: inline; margin: 0 2px;}
#managedBy {font-weight: normal; color: #20396e; font-size: 1.167em;}
#managedBy a,
#managedBy a:hover {color: #249cd3;}


/* Overlay
---------------------- */
#overlay {min-height: 100%; min-width: 100%; position: absolute; left: 0; top: 0; z-index: 5000;}
html>body #overlay {background: url('i/backgrounds/000-45.png'); background: rgba(0,0,0,0.45);}
#overlayContainer {width: 500px; height: 400px; position: absolute; left: 50%; margin-left: -50%; z-index: 5002; top: 0; border: solid 3px #333; font-size: 0.75em; color: #676765;}
#overlayContainer h1 {background: #f4f2f0; color: #000; font-size: 1.75em; padding: 20px 55px 20px 17px; font-weight: normal;}
/*padding: 10px 17px 5px 17px;*/
#overlayContainer .illustration {clear: both;}
#content #overlayInnerContent h1 {color: #D6001B; font-size: 1.15em; margin-bottom: 0.5em; font-weight: bold;}
#overlayContainer .content {color: #676765; padding: 17px;}
#overlayContainer img {border: solid 1px #676765;}
#overlayContainer .diaporama img {border: none;}
#content #overlayInnerContent img {border: solid 1px #676765;}
#overlayInnerContent.center .illustration {margin-left: auto; margin-right: auto;}
.hidden {display: none;}
.transparent {-moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}


/*#overlayContainer .rh h1 {font-size: 1.35em; margin: 0 25px 1em 0;}*/
#overlayContainer .rh .content {padding-bottom: 1em; color: #333;}


#overlayNav a {margin: 0 0 0 0; text-align: left; color: #676765; font-size: 0.9em; outline: none;}
#content #overlayNav a {color: #676765; font-size: 0.9em;}
#overlayNav ul {height: 30px; top: 3px; position: absolute; right: 35px;}
#overlayNav ul li {list-style: none; margin: 0; padding: 0;}
#overlayNav a:hover {text-decoration: underline;}
#overlayNav .closer {background: url('i/backgrounds/overlay-close.gif') -100px 0 no-repeat; width: 37px; height: 37px; position: absolute; top: 7px; right: 7px;}
#overlayNav .closer:hover {background-position: 0 0;}

#overlayNav .paging {color: #676765; font-size: 0.9em; padding: 0.8em 25px 0 25px;}
#overlayNav .previous {display: block; width: 20px; height: 30px; position: absolute; top: 0; left: 0; overflow: hidden;}
#overlayNav .previous span {display: block; width: 20px; height: 30px; background: url('i/backgrounds/diapo-nav.gif') -11px -45px no-repeat; text-indent: -9999px;}
#overlayNav .previous a {display: block; width: 20px; height: 30px; background: url('i/backgrounds/diapo-nav.gif') -11px -5px no-repeat; text-indent: -9999px;}
#overlayNav .next {display: block; width: 20px; height: 30px; position: absolute; top: 0; right: 0; overflow: hidden;}
#overlayNav .next span {display: block; width: 20px; height: 30px; background: url('i/backgrounds/diapo-nav.gif') -49px -45px no-repeat; text-indent: -9999px;}
#overlayNav .next a {display: block; width: 20px; height: 30px; background: url('i/backgrounds/diapo-nav.gif') -49px -5px no-repeat; text-indent: -9999px;}

#overlayContainer .legend {font-size: 0.85em; text-align: right; display: block; margin-top: 0.4em; padding: 0 31px;}
#overlayContainer .legend,
#overlayContainer .legend * {color: #888;}

#overlayContainer object {display: block; border: solid 1px #676765;}
#overlayContainer object object {border: none;}
#overlayContainer .content {min-height: 29px;}
#overlayContainer .content a {text-decoration: underline;}

#loader {display: block; width: 32px; height: 32px; margin: -16px 0 0 -16px; opacity: 0.5; position: absolute; left: 50%; top: 50%; z-index: 5001;}

#overlayInnerContent {background: #fff; position: relative;}

/* Diaporama
----- */
.diaporama {position: relative; /*width: 516px;*/}
.diapo .data {margin-bottom: 0.85em; color: #999;}
.diapo .data a {color: #999;}

.diaporama .media {background: #151515; height: 496px; margin-bottom: 1em; overflow: hidden; line-height: 496px; text-align: center;}
.diaporama .media img {display: inline; line-height: 496px; vertical-align: middle;}
.diaporama .media a {text-decoration: none;}
.scripted .diapo {position: absolute; top: -9999px;}
.diaporama .current {position: static; top: 0;}
.diapoNav {position: absolute; top: 0; left: 0; height: 496px; width: 100%;}

.diapoNav button {display: block; width: 35%; height: 496px; overflow: hidden; position: absolute; line-height: 387px; text-decoration: none; text-align: center; font-size: 60px; top: 0; z-index: 300; text-indent: -9999px; background: url('i/backgrounds/fff-00.png'); background: rgba(255,255,255,0); text-shadow: rgba(0,0,0,0.25) 1px 1px 5px;}
.diapoNav .prev {left: 0;}
.diapoNav .next {right: 0;}

.diapoNav .playPause {width: 40%; line-height: 504px; font-size: 35px; left: 30%; font-weight: bold; letter-spacing: 0.1em; text-shadow: rgba(0,0,0,0.5) 1px 1px 20px;}

.diapoNav > button:focus,
.diapoNav > button:hover {background: url('i/backgrounds/fff-15.png'); background: rgba(255,255,255,0.15); color: #249cd3; color: rgba(36,156,211,0.95); text-indent: 0; outline: none; -webkit-transition: all 0.25s ease;}

.diapoNav span {display: none; text-align: center; width: 44%; position: absolute; bottom: 0; left: 28%; color: #efefef; color: rgba(255,255,255,0.5); text-shadow: rgba(0,0,0,0.25) 1px 1px 5px;}
.diapoNav:hover span {display: block;}

.diapoNav .reposition {width: 1px; height: 1px; left: 0; outline: none;}
.diapoNav .reposition:focus {outline: none;}


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