/**
 new blue: 0377b9
 new green: bdcd00
 green: bdcd00;
 dark green: 96b72f;
 blue: 0178ba;
 bg: eee to ddd
*/
* {
    margin: 0;
    padding: 0;
}

/* General Style Info */
body {
    text-align: center;
    background: #FFF;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px; /*1.25em; /*20px grid*/
}

a {
    color: #0377b9;
    text-decoration: none;
    outline: none;
}

object {
    outline: none;
}

a:hover {
    text-decoration: underline;
}

img,a img {
    border: 0;
}

form div.required {
    color: #333;
    font-weight: bold;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
}

fieldset legend {
    display: none;
}

fieldset label {
    clear: both;
    display: block;
    width: 7.5em;
    margin-right: .5em;
    float: left;

    margin-top: 1em;
}

fieldset input {
    width: 20em;
    margin-top: 1em;
    font-family: Arial;
    font-size: 1em;
}

fieldset input.submit, fieldset input.radio {
    width: auto;
}

fieldset textarea {
    width: 20em;
    font-family: Arial, sans-serif;
    font-size: 1em;
}

fieldset .submit-btn {
    margin-top: .5em;
}


#flashMessage, .error_message {
    color: #9FBC22;
}

#flashMessage {
    font-size: .8em;
    font-weight: bold;
}

.error_message {
    clear:both;
    padding-left: 8.25em;
}

ul.inline li,ul.blocked li {
    display: inline;
    list-style: none;
    line-height: 1em;
}

ul.inline li a,ul.blocked li a {
    display: block;
    float: left;
    padding: 0 .235em 0 0;
    font-size: .7em;
    font-weight: bold;
    color: #0377b9;
}

ul.blocked li a {
    float: none;
}

.terms .term {
    clear: both;
}

.hide {
    display: none;
}

.clear {
    clear: both;
}

.floatbox {
    /* never! use position:relative in parent element - msie6 bug */
    display: block;
    float: left;
}

.fullsize {
    width: 45em;
}

#quicklinks {
    display: none;
}


#container {
    position: relative;
    width: 45em;
    margin: 0 auto;
    text-align: left;
}

#header {
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 45em;
}

#header img {
    width: 45em;
}

#header #dso {
    position: absolute;
    left: .25em;
    top: 3.5em;
    background: url(../img/dso_hl.gif) no-repeat;
    width: 13em;
    height: 1em;
    overflow: hidden;
    text-indent: -1000em;
}

#search {
    display: block;
    position: absolute;
    top: 3.875em;
    left: 32.875em;
    background: #F00;
}

#search form input {
    position: absolute;
    font-size: .55em;
    width: 20em;
    font-family: Helvetica, Arial, sans-serif;
    border: 0;
    margin: 0;
    padding: 0;
}

#search form #searchSubmit {
    position: absolute;
    left: 20em;
    border: 0;
    height: 2em;
    width: 2em;
    border: 0;
}

#search img {
    width: 15.75em;
}

#navigation {
    position: absolute;
    top: 5em;
    left: 0;
    width: 45em;
    height: 1.75em;
    background: #bdcd00;
    z-index: 100;
}

#navigation .nav0 {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    z-index: 100;
}

#navigation .nav0 li {
    display: inline;
    line-height: 1.75em;
}

#navigation .nav0 a {
    display: block;
    float: left;
    padding: 0 .75em;
    font-size: .8em;
    color: #FFF;
    font-weight: bold;
}

#navigation .nav0 a:hover {
    text-decoration: none;
    background: url(img/mainnav_hover.gif) top left repeat-y;
}

#navigation .nav0 a.current{
    text-decoration: none;
/*	background: url(img/mainnav_hover.gif) top left repeat-y; */
    background: #0377B9 !important;
}

#navigation .nav1 {
    position: absolute;
    top: 1.75em;
    left: 0;
    list-style: none;
    z-index: 100;
    width:45em;
    background:#0377b9;
}

#navigation .nav0 li>.nav1 {
    width: 45em;
}

#navigation .nav0 .nav1 a {
    color: #a0b7dc;
    display: block;
    float: left;
}

#navigation .nav1 a:hover {
    text-decoration: none;
    background: url(../img/pixel.gif) left bottom;
    color: #FFFFFF;
}

#navigation .nav0 .nav1 li {
    float: left;
    line-height: 1.75em;
    height: 1.75em;
    list-style: none;
}

#navigation .nav0 .nav1 li:hover a, #navigation .nav1 li a.current {
    text-decoration: none;
    background: url(../img/pixel.gif) left bottom;
    color: #FFFFFF;
}

#navigation .sub0 {
    position: absolute;
    right: .5em;
    top: 0;
    text-align: right;
    z-index: 10;
    font-style: italic;
    font-weight: bold;
}

#navigation .sub0 li {
    display: inline;
    list-style: none;
    line-height: 1.75em;
}

#navigation .sub0 li a {
    font-size: .7em;
    color: #FFF;
    display: block;
    float: left;
    padding: 0 .5em;
}


#navigation .sub0 li a:hover {
    background: url(img/mainnav_hover.gif) top left repeat-y;
    color: #FFFFFF;
    text-decoration: none;
}

#navigation .sub0 li a.current {
/*	background: url(img/mainnav_hover.gif) top left repeat-y; */
    background: #0377B9 !important;
    color: #FFFFFF;
    text-decoration: none;
}


#navigation .sub1 {
    position: absolute;
    top: 1.75em;
    right: -.55em;
    list-style: none;
    z-index: 100;
    width: 45em;
    font-style: normal;
    text-align: left;
    background:#0377b9;
}

#navigation .sub0 li>.sub1 {
    right: -.5em;
    width: 45em;
}

#navigation .sub0 .sub1 a {
    display: block;
    font-size: .8em;
    padding-left: .75em;
    color: #a0b7dc;
    float: none;
    clear: both;
}

#navigation .sub1 li a.current,#navigation .sub1 li a:hover {
    text-decoration: none;
    background: url(../img/pixel.gif) left bottom;
    color: #FFFFFF;
}

#navigation .sub1 li {
    float: left;
    list-style: none;
    line-height: 1.75em;
    height: 1.75em;
    list-style: none;
}

#navigation .sub1 li:hover a, #navigation .sub1 li a.current {
    /*background: url(pixel.gif) left bottom;*/
    color: #FFFFFF;
    text-decoration: none;
}

#navigation .sub0 .ftsz a {
    padding: 0;
    float: left;
    clear: none;
    font-size: 1em;
}

#navigation #fs-bar {
    width: .5em;
    float: left;
}

#navigation #fs-small,#navigation #fs-standard {
    width: .75em;
    height: 1.75em;
}

#navigation #fs-big {
    width: 1em;
    height: 1.75em;
}

#wrapper {
    position: absolute;
    top: 8.5em;
    left: 0;
    width: 45em;
    background: #EEE; /*url(img/background.png) repeat-x #EEE;*/
}

/* mood pictures and auto rotation */
#moodpic,#moodpic img {
    position: relative;
    width: 45em;
    height: 7.75em;
    top: 0;
    left: 0;
}

#moodpic ul {
    list-style: none;
    width: 45em;
}

#moodpic ul li {
    display: inline;
}

#moodpic ul li a {
    display: block;
    float: left;
    width: 11.25em;
    height: 7.75em;
}

#moodpic ul img {
    width: 11.25em;
    height: 7.75em;
}

#content {
    position: relative;
    padding-top: 2em;
    left: 0;
    top: 0;
    margin-left: 10em;
    margin-right: 17em;
    margin-bottom: 2em;
}

.home #content {
    margin: 0;
    padding: 0;
    top: 0;
}

#content .block {
    position: relative;
    top: 0;
    left: 0;
}

#content .up {
    position: relative;
    display: block;
    clear: both;
    float: right;
    height: 1em;
}

#content .up img {
    margin-bottom: -.25em;
    height: 1.25em;
}

#content .blue {
    color: #0377b9;
}

#content h3,#content h4,#content h5 {
    position: relative;
    font-size: 1em;
    padding: .75em 0 .5em 0;
    color: #0377b9;
}

#content h2 {
    display: none;
}

#content h3 {
    font-size: 1em;
}

#content h4 {
    font-size: .8em;
    text-align: left;
}

#content h5 {
    font-size: .7em;
}

#content .block p,#content .block form {
    font-size: .6em;
    margin-bottom: 1em;
    text-align: left;
    line-height: 1.25em;
}

#content .block .footer {
    clear: both;
    float: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #addf00;
    margin-bottom: .25em;
    text-align: right;
    height: 1.1em;
}

#content .faqs .footer, #content .terms .footer, #content .links .footer {
    height: .125em !important;
    overflow: hidden;
}

#content .last .footer {
    border: 0;
    margin-bottom: 0;
}

#content .block .footer .more {
    width: 3em;
}

#content .block .footer .suggest {
    width: 4.75em;
}

#content .strong-abstract {
    font-weight: bold;
}

#content .nodes {
    font-size: .7em;
}

#content .nodes ul {
    list-style: disc;
    padding-left: 2em;
    line-height: 1.5em;
}

#content .terms h4 {
    padding-top: .75em;
}

#content .terms .image {
    clear: both;
    float: right;
    font-size: .8em;
    font-weight: normal;
}

#content #seasons_swf, #content #seasons_swf2, #content #seasonFlashContainer img {
    width: 45em;
    height: 23em; /*34em;*/
}

#content #seasons_swf2 {
    height: 34.5em; /*34em;*/
}

#content #seasonFlashContainer .block, #content #seasonFlashContainer .block,
#content #storyFlashContainer .block, #content #storyFlashContainer .block,
#content #ambassadorFlashContainer .block, #content #ambassadorFlashContainer .block,
#content #supporterFlashContainer .block, #content #supporterFlashContainer .block {
    padding: 1em 2em;
    background: #e5e5e5;
}

#content #seasonFlashContainer .body,
#content #stories_swf .block,
#content #ambassadors_swf .block,
#content #supporter_swf .block {
    font-size: .6em;
}

#content #merkel {
    width: 45em;
    height: 10.25em !important;
}

#content #stories_swf, #content #ambassadors_swf, #content #supporters_swf {
    width: 45em;
    height: 27em;
}

#content #report_swf {
    width: 18em;
    height: 14.4em;
}

#content .stories {
    font-size:.9em;
}

#content .noflash img {
    width: 6em;
    height: 6em;
    float:left;
    padding-bottom: 1em;
}

#content .noflash .body {
    margin-left: 7em;
}

#content .noflash .body p {
    font-size: .7em;
}

#content .report img, #content .article img {
    width: 30em;
}

#content .articles .article .preview {
    display: inline;
}

#content .articles .article .preview img {
    display: block;
    float: left;
    width: 5.5em;
    height: 3.2em;
    margin: 0 .5em .5em 0;
    clear: both;
    position: relative;
}

#content .article .related {
    font-size: .6em;
    padding-left: 1.5em;
    line-height: 1.4em;
}

#content .article .related li a {
    display: block;
    line-height: 1.4em;
    height: 1.4em;
}

#content .article .gallery {
    position: relative;
    width: 18em;
    height: 11.5em;
    background: url(../img/gallery.gif) no-repeat #EEEEEE;
    color: #FFF;
}

#content .article .single {
    position: relative;
    width: 18em;
    height: 11.5em;
    background: url(../img/gallery_single.gif) no-repeat #EEEEEE;
    color: #FFF;
}

#content .article .gallery p {
    text-align: center;
}

#content .article .gallery .previous,
#content .article .gallery .next {
    position: absolute;
    clear: both;
    float: none;
    top: 0;
    left: 0;
    z-index: 1000;
}

#content .article .single .previous,
#content .article .single .next {
    display: none !important;
}

#content .article .gallery .previous img,
#content .article .gallery .next img {
    width: 2em;
    height: .7em;
}

#content .article .gallery .next {
    left: auto;
    right: 0;
}

#content .reportFiles .footer {
    clear: both;
    position: relative;
    padding-top: .5em;
}

#content .reportFiles .reportFile .download {
    position: relative;
    display: block;
    margin-left: 15em;
    padding-top: .75em;
    text-align: right;
    line-height: 1em;
}

#content .reportFiles .reportFile .download:hover {
    text-decoration: none;
}

#content .reportFile {
    clear: both;
}

#content .reportFile h4 {
    font-size: .7em;
    margin: 0;
    padding: 0 0 .25em 0;
}

#content .reportFile p {
    line-height: 1.75em;
    margin-bottom: 0;
}

#content .reportFile .preview {
    float: left;
    display: block;
    width: 8.75em;
    margin-right: .5em;
    position: relative;
    top: 0;
    left: 0;
}

#content .reportFile .footer {
    font-size: .6em;
    margin-bottom: 1em;
}

#content .reportGalleries h4 {
    padding-top: 1em;
}

#content .reportGalleries ul {
    list-style: none;
    height: 4em;
}

#content .reportGalleries li {
    display: block;
    float: left;
    width: 6em;
    height: 4em;
}

#content .reportGalleries ul li img {
    width: 6em;
    height: 4em;
}

#content .reportGalleries .footer {
    clear: both;
    position: relative;
    padding-top: .25em;
}

#content .reasons .brain-death {
    border-top: 1px solid #addf00;
    clear: both;
    margin-top: 1em;
    padding-top: 1em;
}

#content .reason {
    position: relative;
    clear: both;
    top: 0;
    left: 0;
    z-index: 1000;
}

#content .reason .related {
    position: absolute;
    left: -10em;
    top: .625em;
    width: 9.5em;
}

#content .reason .story {
    border-top: 1px solid #addf00;
    border-bottom: 1px solid #addf00;
    font-size: .6em;
    margin: 0 0 0 .75em;
    padding: .5em 0;
}

#content .reason .story .title {
    font-size: 1em;
    font-weight: normal;
    color: #666;
}

#content .reason .story .thumb img {
    display: block;
    float: left;
    width: 5em;
    margin-right: .5em;
}

#content .reason .story .cite,#content .reason .story .name {
    color: #666;
    font-size: .9em;
    /*height:2.5em;*/
}

#content .reason .story .name {
    margin-top: .5em;
    font-size: .9em;
    font-weight: bold;
    text-align: right;
    min-height: 1em;
}

#content .reason .story .feel {
    text-align: right;
    margin-top: .75em;
}

#content .reason .story .feel img {
    width: 8.5em;
}

#content .links .link {
    position: relative;
    clear: both;
    top: 0;
    left: 0;
}

#content .promotion h4 {
    display: block;
    color: #0377b9;
    font-size: 1.2em;
    font-weight: bold;
}

#content .sponsors .donate-links {
    list-style:none;
}

#content .sponsors .donate-links a {
    font-size: .6em;
    font-weight: bold;
}

#content .sponsors .list {
    list-style: none;
}

#content .sponsors list li {
    display: inline;
}

#content .sponsors .list li a {
    display: block;
    float:left;
    width: 100px;
    padding-right:1em;
}

#content .as-pdf {
    display: block;
    float: left;
    line-height: 1.1em;
}

#content .as-pdf a {
    font-size: .6em;
}

#content .support-us {
    font-size: .7em;
    font-weight: bold;
    display: block;
    text-align: right;
    padding: 0 3em 2em 0;
}

#left-teasers {
    position: absolute;
    top: 9.5em;
    left: 0;
    width: 9.5em;
    min-height: 350px;
}

#left-teasers .plugin {
    padding-left: .5em;
    margin-bottom: 1em;
}

#left-teasers .plugin .first {
    border-top: 1px solid #ADDF00;
}

#left-teasers .plugin img {
    width: 9.5em;
}

#left-teasers .plugin .body,#left-teasers .plugin .title,#left-teasers .plugin .footer
    {
    font-size: .7em;
}

#left-teasers .plugin h3 {
    color: #0377b9;
    margin-bottom: .5em;
}

#left-teasers .plugin .body ul li {
    margin-left: 1em;
}

#left-teasers .plugin .footer {
    text-align: right;
    margin-top: .5em;
}

#left-teasers .plugin .footer .more {
    width: 6.75em;
}

#left-teasers .plugin .teaser .body {
    font-size: .6em;
}

#left-teasers .plugin .story {
    border-top: 1px solid #addf00;
    border-bottom: 1px solid #addf00;
    padding: .25em 0;
}

#left-teasers .plugin .story .title {
    font-size: 1em;
    font-weight: normal;
    color: #666;
}

#left-teasers .plugin .ambassador {
    border-bottom: 1px solid #addf00;
    padding: .25em 0;
}

#left-teasers .plugin .ambassador .title {
    font-size: 1em;
    font-weight: normal;
    color: #666;
}

#left-teasers .plugin .ambassador .feel .more {
    width: 7.92em;
}

#left-teasers .plugin .supporter {
    border-bottom: 1px solid #addf00;
    padding: .5em 0;
}

#left-teasers .plugin .supporter .title {
    font-size: 1em;
    font-weight: normal;
    color: #666;
}

#left-teasers .plugin .supporter .feel .more {
    width: 7.92em;
}

#left-teasers .plugin .faq {
    border-bottom: 1px solid #ADDF00;
    padding: .25em 0;
}

#left-teasers .plugin .faq .title {
    color: #87888a;
    font-weight: normal;
    font-size: .6em;
}

#left-teasers .plugin .teaser .thumb img {
    display: block;
    float: left;
    width: 6.5em;
    margin-right: .5em;
}

#left-teasers .plugin .teaser .cite,#left-teasers .plugin .teaser .name
    {
    color: #666;
    font-size: .9em;
    /*height:2.5em;*/
}

#left-teasers .plugin .teaser .name {
    margin-top: 1.5em;
    font-size: .9em;
    font-weight: bold;
    text-align: left;
    min-height: 1em;
}

#left-teasers .plugin .teaser .feel {
    text-align: right;
    margin-top: .5em;
}

#left-teasers .plugin .teaser .feel img {
    width: 7.92em;
}

#left-teasers .plugin #merkel {
    width: 13.35em;
}

#right-teasers {
    position: absolute;
    top: 9.5em;
    right: 0;
    width: 16.5em;
}

#right-teasers .plugin,#right-teasers-home .plugin {
    margin-bottom: 1em;
    margin-right: .25em;
}

#right-teasers .plugin .body,#right-teasers .plugin .title,#right-teasers .plugin .footer,#right-teasers-home .plugin .body,#right-teasers-home .plugin .title,#right-teasers-home .plugin .footer
    {
    font-size: .6em;
}

#right-teasers .plugin h3,#right-teasers-home .plugin h3 {
    color: #0377b9;
    margin-bottom: .5em;
}

#right-teasers .plugin h4 {
    color: #0377b9;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: .5em;
}

#right-teasers .plugin .body ul li,#right-teasers-home .plugin .body ul li
    {
    margin-left: 1em;
}

#right-teasers .plugin .footer,#right-teasers-home .plugin .footer {
    text-align: right;
    font-size: .6em;
    margin-top: .5em;
}

#right-teasers .plugin .footer .more,#right-teasers-home .plugin .footer .more
    {
    width: 8em;
}

/* Teaser - Story */
#right-teasers .plugin .teaser .body,
#right-teasers-home .plugin .teaser .body
    {
    font-size: .6em;
}

#right-teasers .plugin .story,#right-teasers-home .plugin .story {
    border-top: 1px solid #addf00;
    border-bottom: 1px solid #addf00;
    padding: .5em 0;
}

#right-teasers .plugin .story .title,#right-teasers-home .plugin .story .title
    {
    font-size: 1em;
    font-weight: normal;
    color: #666;
}

#right-teasers .plugin .teaser .thumb img,#right-teasers-home .plugin .teaser .thumb img
    {
    display: block;
    float: left;
    width: 7em;
    margin-right: .5em;
}

#right-teasers .plugin .teaser .cite,#right-teasers .plugin .teaser .name,#right-teasers-home .plugin .teaser .cite,#right-teasers-home .plugin .teaser .name
    {
    color: #666;
    font-size: 1.25em;
    font-weight: bold;
    height: 2.5em;
}

#right-teasers .plugin .teaser .name,#right-teasers-home .plugin .teaser .name
    {
    margin-top: .5em;
    font-size: 1em;
    text-align: right;
    height: auto;
}

#right-teasers .plugin .teaser .feel,#right-teasers-home .teaser .feel {
    text-align: right;
    margin-top: .75em;
}

#right-teasers .plugin .teaser .feel img,#right-teasers-home .teaser .feel img
    {
    width: 8.5em;
}

#right-teasers .plugin .teaser img {
    width: 16em;
}

#right-teasers h4,#right-teasers-home h4 {
    font-size: 1.1em;
    line-height: 1em;
    padding-bottom: .25em;
}

#right-teasers .plugin .reportfiles ul,
#right-teasers-home .plugin .reportfiles ul
    {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 8.5em;
}

#right-teasers .plugin .reportfiles .body ul li,
#right-teasers-home .plugin .reportfiles .body ul li
    {
    display: block;
    float: left;
    width: 12.5em;
    padding: 0;
    margin: 0 .5em .25em 0;
    text-align: left;
}

#right-teasers .plugin .reportfiles li img,
#right-teasers-home .plugin .reportfiles li img {
    width: 12.5em;
}

#right-teasers .plugin .reportfiles .footer {
    border-bottom: 1px solid #addf00;
    width: 25.5em;
    text-align: right;
    clear: both;
    height: 1em;
    line-height: 1em;
    display: block;
    padding: .25em 0 .5em 0;
    margin-bottom: 1em;
}

#right-teasers .plugin .reportfiles .footer a img {
    width:7.92em;
}

#right-teasers .plugin .newsticker h3 {
    font-size: 1em;
}

#right-teasers .plugin .newsticker ul {
    margin: 0;
    padding: 0;
    background: #FFF;
    list-style: none;
    line-height: 1.2em;
}

#right-teasers .plugin .newsticker ul li {
    padding: .5em;
    margin: 0;
    display: block;
}

#right-teasers .plugin .newsticker .created {
    margin-right: .5em;
}

#right-teasers .plugin table td {
    padding-right: 5px;
    padding-bottom: 2px;
}

#bottom-teasers {
    clear: both;
    float: none;
    margin-top: 2em;
    margin-bottom: .25em;
}

#bottom-teasers table {
    font-size: 1em;
}

#bottom-teasers .plugin {
    display: block;
    width: 11em;
    height: 5.25em;
    margin-left: .2em;
}

#bottom-teasers .last {
    margin-right: 0;
}

#bottom-teasers .plugin .title {
    display: none;
}

#bottom-teasers .plugin .body {
    font-size: 1em;
    width: 11em;
    height: 5.25em;
    background: url(img/teaser_bg.gif) top left no-repeat;
}

#bottom-teasers .plugin .body div {
    padding: 1em 0.5em 0.5em .5em;
}

#bottom-teasers .plugin a:hover {
    text-decoration: none;
}

#bottom-teasers .plugin .cite,#bottom-teasers .plugin .name {
    color: #0377b9;
    font-size: .75em;
    font-weight: bold;
    height: 3.75em;
    display: block;
}

#bottom-teasers .plugin .name {
    font-size: .5em;
    text-align: right;
    height: auto;
    color: #0377b9;
    font-weight: bold;
}

#footer {
    position: relative;
    top: 0;
    left: 0;
    width: 45em;
    height: 1.75em;
    background: #bdcd00;
    z-index: 100;
}

#footer .ftr0 {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    z-index: 100;
    font-style: italic;
}

#footer .ftr0 li {
    display: inline;
    line-height: 1.75em;
}

#footer .ftr0 a {
    display: block;
    float: left;
    padding: 0 .75em;
    font-size: .7em;
    color: #FFF;
    font-weight:bold;
}

#footer a:hover {
    background: url(img/mainnav_hover.gif) top left repeat-y;
    text-decoration: none;
}

#footer .ftr0 a.current {
    color: #000;
}

#footer .ftr1 {
    position: absolute;
    right: 1.25em;
    top: 0;
    text-align: right;
    z-index: 10;
    font-style: italic;
}

#footer .ftr1 li {
    display: inline;
    list-style: none;
    line-height: 1.75em;
}

#footer .ftr1 li a {
    font-size: .7em;
    color: #FFF;
    display: block;
    float: left;
    padding: 0 .5em;
    font-weight: bold;
}

#footer .ftr1 li a.current {
    color: #000;
    text-decoration: none;
}

#sponsors {
    position: relative;
    top: 0;
    left: 0;
}