body {background: #5f7578;}
.wai {position: absolute; left: -9999px; top: -9999px;}


/* Page
----- */
#page {width: 840px; margin: 0 auto 0 auto; min-height: 100%; position: relative; background: #fff; padding: 0;}
.pageShadow-a {display: block; width: 10px; height: 100%; position: absolute; left: -10px; top: 0; overflow: hidden;}
.pageShadow-a > .shadowBody {display: block; width: 10px; height: 100%; position: absolute; left: 0; top: 0px; background: url('i/bg/page-l.png') 0 0 repeat-y;}
.pageShadow-b {display: block; width: 10px; height: 100%; position: absolute; right: -10px; top: 0; overflow: hidden;}
.pageShadow-b > .shadowBody {display: block; width: 10px; height: 100%; position: absolute; left: 0; top: 0px; background: url('i/bg/page-r.png') 0 0 repeat-y;}
.pageLine-a {display: block; width: 1px; height: 100%; position: absolute; left: 180px; top: 0; overflow: hidden; z-index: 2;}
.pageLine-b {display: block; width: 1px; height: 100%; position: absolute; right: 195px; top: 0; overflow: hidden; z-index: 2;}
.pageLine-a span,
.pageLine-b span {display: block; background: #d8dcd9; height: 100%; width: 1px;}

.fullWidth .pageLine-b {display: none;}

#wrapper {position: relative; z-index: 3; padding: 0 10px 4.5em 10px;}



/* Header
----- */
#header {height: 200px; margin: 0 10px; z-index: 3; background-color: #fff; background-position: 0 10px; background-repeat: no-repeat; position: relative; padding: 10px 0 0 0;}
#logo {width: 130px; height: 162px; overflow: hidden; position: absolute; left: 20px; top: 30px;}
html>body #logo {background-image: url('i/logo/cf.png');}
#logo a,
#logo span {display: block; width: 100%; height: 100%; text-indent: -9999px;}


#breadcrumbs {margin: -1.666em 10px 1.5em 10px; color: #666;}
#breadcrumbs a {color: #666;}
#breadcrumbs a:hover {text-decoration: underline;}


/* Content
----- */
#container {float: right; width: 650px; padding-top: 1.666em;}
.content .block {padding: 0 10px;}
.splitContent {background: url('i/bg/home-v.gif') 50% 0 repeat-y; border-top: solid 1px #ccc;}
.asymetric {background-position: 448px 0;}
.splitContent .odd,
.splitContent .even {float: left; width: 310px; margin: 1.5em 0 0 0;}
.splitContent .even {float: right;}
.splitContent .main {float: left; width: 435px; margin: 1.5em 0 0 0;}
.splitContent .related {float: right; width: 195px; margin: 1.5em 0 0 0;}

.content .intro {font-size: 1.167em; line-height: 1.286;}
.homeBlock {line-height: 1.5;}

.ellipsis {white-space: nowrap;}

.content h1,
.pseudoH1 {color: #004a99; font-size: 2.143em; float: left; margin: 0 1em 0.25em 0; font-weight: bold; text-transform: uppercase; line-height: 1;}
.content h1.pseudoH2 {color: #000; font-size: 1.5em; position: relative; top: -0.111em; margin: 0 0 1em 0; line-height: 1; text-transform: none; float: none;}

.content .back {border-left: solid 4px #004a99; padding: 0.5em 0 0.25em 0.75em; text-decoration: none; font-weight: bold; margin: 0.25em 0 0.5em -1em; display: block; float: left; text-transform: uppercase;}
.content .back .ellipsis {font-weight: normal;}

.metaDate {text-transform: uppercase; font-weight: bold; color: #666; font-size: 1.167em; line-height: 1.286;}
.list .metaDate {text-transform: none; font-size: 1em; line-height: 1.5;}

.content h3 {font-weight: bold; color: #666; font-size: 1.167em; line-height: 1.286;}
.content h3 + .npslinks {margin-top: -1.125em;}

.list .meta {color: #004a98; text-transform: uppercase; font-weight: bold;}

.anchors {margin: 0 10px;}
.content .anchors li:before {content: '';}
.anchors a {text-decoration: none;}

.content .npslinks li:before {content: '';}
.npslinks a {text-decoration: none; color: #333;}
.npslinks a:hover,
.npslinks a .ellipsis {color: #004a98;}

.content h2 {color: #004a98; text-transform: uppercase; font-weight: bold; /*line-height: 1.05;*/}
.content .related h2 {font-size: 1.167em; margin: 0 0 1.286em 0; line-height: 1.286; color: #000;}
.content h2.alternate {color: #000; text-transform: none;}
.list h2 {font-size: 1.167em; line-height: 1.286; margin-bottom: 0;}

.list a {text-decoration: none; color: #333;}
.list a:hover {color: #004a98;}

.content blockquote,
.content blockquote * {font-style: italic;}


.content p.all {text-transform: uppercase;}
.all a {text-decoration: none;}

.content ul li {list-style: none;}
.content ul li:before {content: '// '; color: #004a98;}


.content ol li {margin-left: 1.8em;}
.fileList li:before {content: '';}
.fileList a {color: #000; text-decoration: none; font-weight: bold;}
.fileList a:hover {color: #004a98;}
.fileList a .ellipsis {font-weight: normal;}

.publications .npslinks {font-weight: bold;}
.publications .npslinks .ellipsis {font-weight: normal;}

.news li {margin-bottom: 1.45em; padding-bottom: 1.45em; border-bottom: solid 0.1em #ccc;}
.news h3 {font-size: 1em; margin-bottom: 0; font-weight: bold; top: 0; line-height: 1.5;}
.news .meta {font-size: 1em; margin-bottom: 0; font-weight: bold;}
ul.news li:before {content: '';}
.news a {text-decoration: none; color: #999;}
.news a:hover {color: #004a98;}
.content a .ellipsis {color: #004a98; font-style: italic;}

.content .related * {line-height: 1.25;}
.related small {line-height: 1.1;}
.content .even * {line-height: 1.25;}
.even small {line-height: 1.1;}


/* Form
----- */
label {display: block; margin: 0 0 0.5em 0;}
label span {display: block; width: 100px; margin-right: 7px; float: left;}
label input {border: solid 1px #ccc;  padding: 1px 2px; width: 250px;}
.rads label {margin-bottom: 0.1em;}
.rads label input {width: auto; padding: 0; border: none;}
.rads label span {width: auto; }
label select {width: 256px; border: solid 1px #ccc;}
.shifted select {margin-left: 107px;}
textarea {width: 361px; border: solid 1px #ccc;}

.newsSelection select {margin-right: 0.5em;}


form fieldset {margin: 0 0 1.5em 0;}

.submits button {float: right; background: #004a98; color: #fff; font-weight: bold; padding: 5px 10px 3px 10px; text-transform: uppercase; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.submits button:hover {background: #4c80b7;}

.intro form {clear: left;}
.intro label {display: inline; margin: 0; float: left; margin-right: 5px; }
.intro label select {display: inline; float: none; margin: 0; font-size: 0.916em; line-height: 1.5459;}

.fielderror {color: red;}

.error {color: red;}

/* Misc
----- */
.separator {display: block; height: 0.1em; line-height: 0.1em; margin: 1.45em 0 1.45em 10px; overflow: hidden; background: url('i/bg/page-h.gif') 0 50% repeat-x;}
.block + .separator {margin-top: -0.05em;}

/* Table
----- */
table {border: solid 1px #ccc; margin-bottom: 1.5em;}
th,
.th {border: solid 1px #ccc; padding: 2px 10px; text-align: left; background: #5f7578; color: #fff;}
th a,
.th a {color: #fff;}
th a:hover,
.th a:hover {color: #efefef;}
td {border: solid 1px #ccc; padding: 2px 10px; vertical-align: top;}
td * {margin-bottom: 0;}

.cellleft {text-align: left;}
.cellcenter {text-align: center;}
.cellright {text-align: right;}
.celltop {vertical-align: top;}
.cellbottom {vertical-align: bottom;}

.cell1 {background: #dfe3e4;}


/* Illustration
----- */
.illustration img {display: block; line-height: 1;}

.left .illustration {float: left; margin: 0 20px 0.75em 0;}
.right .illustration {float: right; margin: 0 0 0.75em 20px;}
.related .left .illustration {margin: 0 10px 0.25em 0;}
.related .right .illustration {margin: 0 0 0.25em 10px;}
.center .illustration {margin: 0 auto 1.5em auto;}

.rounded {display: block; overflow: hidden; line-height: 1; position: relative;}
.rounded span {position: absolute; width: 10px; height: 10px; overflow: hidden; line-height: 10px; background-repeat: no-repeat;}
.rounded > span {background-image: url('i/bg/rounded.png');}
.r1 {left: 0; top: 0; background-position: 0 0;}
.r2 {right: 0; top: 0; background-position: 100% 0;}
.r3 {right: 0; bottom: 0; background-position: 100% 100%;}
.r4 {left: 0; bottom: 0; background-position: 0 100%;}

.left ul,
.left ol {clear: left;}


/* 
----- */
#sideBar {width: 170px; float: left; padding: 25px 0 0 0;}

#navigation li {text-align: right; padding: 0.1em 19px 0 0; text-transform: uppercase; border-bottom: solid 1px #ccc; background-repeat: no-repeat; background-position: 0 0.35em; background-image: url('i/bg/nav.gif');}
#navigation li.open {background-repeat: repeat-x;}
#navigation span {background: #fff; padding: 0 19px 0 0.5em; margin-right: -19px; position: relative;}

#navigation li a {display: block;}
#navigation li.open a {color: #999;}

#navigation ul ul {margin: 0.15em 0 0.25em 10px;}
#navigation li li {text-align: left; padding: 0 7px 0.2em 0; text-transform: none; border-bottom: none; background: none; line-height: 1.2;}

#navigation li li a {padding: 0 0 0 11px; color: #999; background: url('i/bg/nav-a.gif') 0 0.35em no-repeat;}
#navigation li li a:hover {color: #004a98;}
#navigation strong {font-weight: normal;}
#navigation strong a,
#navigation .open strong a {color: #004a98;}
#navigation li li strong.open a {background-image: url('i/bg/nav-a-d.gif'); background-position: 0 0.45em;}

#navigation ul ul ul {margin: 0 0 0 12px;}



/* Footer
----- */
#footer {position: absolute; bottom: 0; left: 10px; width: 820px; text-align: center; background: #fff; border-top: solid 1px #ccc; z-index: 3; padding: 0.75em 0; text-transform: uppercase; color: #5f7578;}
#footer li {display: inline;}
#footer li:before {content: ' | ';}
#footer li:first-child:before {content: '';}
#footer a {color: #5f7578;}
#footer a:hover {color: #004a98;}

/* Floats
----- */
#wrapper:after,
.block:after,
.content ul.news li:after,
.splitContent:after,
label:after,
.submits:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}