/* Body globals */

html {
          background: rgb(22,48,66) url("../img/body-bcg.jpg") left top repeat-x fixed;
          }

body {
          width: 980px;
          margin: 20px auto;
          text-align: left;
          color: black;
          font-family: Helvetica, Arial, sans-serif;
          }

a {
          text-decoration: none;
          }

a img {
          border: none;
          }

fieldset {
          border: none;
          padding: 0;
          margin: 0;
          }

.none {
          display: none;
          }

.pick {
          color: red;
          }

.normal {
          color: rgb(6,20,31);
          }

.left {
          float: left;
          }

.right {
          float: right;
          }

.center {
          display: block;
          margin-left: auto;
          margin-right: auto;
          }

.bold {
          font-weight: bold;
          }

.clear {
          clear: both;
          }


/* Page */

#pageHeader {
          font-size: 9pt;
          height: 1.5em;
          padding-right: 1em;
          text-align: right;
          color: rgb(200,210,230);
          }

#pageFooter {
          font-size: 9pt;
          clear: both;
          height: 1.5em;
          padding-top: 2px;
          text-align: center;
          color: rgb(200,210,230);
          }

#pageContents {
          font-size: 10pt;
          float: left;
          width: 978px;
          border: 1px solid rgb(30,58,78);
          background: white url("../img/page-bcg.jpg");
          color: rgb(6,20,31);
          }


/* pageHeader */

#pageHeader a {
          color: rgb(200,210,230);
          }

#pageHeader a:hover {
          color: white;
          }


/* pageFooter */

#pageFooter a {
          color: rgb(200,210,230);
          }

#pageFooter a:hover {
          color: white;
          }


/* pageContents */

#topHeading {
          width: 978px;
          height: 60px;
          padding: 0;
          background: white url("../img/top-heading.jpg") left top no-repeat;
          }

#topBanner {
          width: 978px;
          height: 130px;
          background: white url("../img/top-banner.jpg") left top no-repeat;
          }

#topMenuBar {
          width: 978px;
          height: 32px;
          background: white url("../img/top-menubar.jpg") left top no-repeat;
          }

#contentsContainer {
          float: left;
          padding: 5px 20px 20px 20px;
          width: 740px;
          min-height: 450px;
          }

#panelContainer {
          float: right;
          width: 198px;
          min-height: 300px;
          }

#pageContents a {
          color: rgb(6,20,31);
          }

#pageContents a:hover {
          color: rgb(34,75,104);
          }

#pageContents a.a2 {
          color: rgb(99,135,157);
          text-decoration: underline;
          }

#pageContents a.a2:hover {
          text-decoration: none;
          }

#pageContents a.unconfirmed {
          color: rgb(119,136,153);
          text-decoration: underline;
          }


/* topHeading */

#topHeading img.eco {
          float: left;
          border: 0;
          margin-top: 10px;
          margin-left: 10px;
          }

#loginForm {
          float: right;
          width: 198px;
          height: 60px; 
          padding-left: 2px;
          border-left: 1px dotted rgb(135,135,135);
          font-size: 9pt;
          color: rgb(30,58,78);
          }

#loginForm table { 
          float: left;
          margin-top: 3px;
          border: 0;
          border-spacing: 2px;
          }

#loginForm input { 
          width: 128px;
          height: 18px;
          border: 1px solid white;
          background: white url("../img/login-bcg.jpg") left top no-repeat;
          color: rgb(30,58,78);
          }

#loginForm input:focus,
#loginForm input:hover {
          color: black;
          }

#loginForm input[type=submit] { 
          float: right;
          margin-top: 6px;
          margin-right: 10px;
          width: 48px;
          height: 48px;
          border: 1px solid white;
          background: white url("../img/login.jpg") left top no-repeat;
          }

#loginForm img { 
          float: right;
          margin-top: 6px;
          margin-right: 10px;
          }

#loginForm p { 
          margin: 4px 0 0 5px;
          }

#loginForm a { 
          color: rgb(30,58,78);
          }

#loginForm a:hover { 
          color: orange;
          }


/* topMenuBar */

div#topMenuBar ul {
          margin: 0; padding: 0;
          }

div#topMenuBar li {
          position: relative;
          margin: 0;
          width: 93px;
          height: 32px;
          float: left;
          list-style: none;
          }

div#topMenuBar li:hover {
          background: transparent url("../img/top-menubar-a.jpg") left top repeat-x;
          }

div#topMenuBar .none + li:hover {
          background: transparent url("../img/top-menubar-main-a.jpg") left top repeat-x;
          }

div#topMenuBar li a {
          display: block;
          padding: 7px 0 0 5px;
          height: 25px;
          color: white;
          text-decoration: none;
          font-size: 10pt;
          font-weight: bold;
          }

div#topMenuBar li a:hover {
          color: white;
          }

div#topMenuBar ul ul {
          position: absolute;
          width: 150px;
          display: none;
          z-index: 3;
          background-color: rgb(248,248,248);
          border-top: 3px solid rgb(34,75,104);
          border-bottom: 3px solid rgb(99,135,157);
          }

div#topMenuBar li li {
          padding: 0 5px 0 7px;
          width: 136px;
          height: 25px;
          border-left: 1px solid rgb(99,135,157);
          border-right: 1px solid rgb(99,135,157);
          }

div#topMenuBar li li:hover {
          padding: 0px 5px 0 8px;
          width: 136px;
          border-left: none;
          border-right: 1px solid orange;
          background: white url("../img/top-menubar-arrow.jpg") left top no-repeat;
          }

div#topMenuBar li li a {
          padding: 5px 0 0 0;
          width: 100%;
          font-weight: normal;
          color: rgb(6,20,31);
          }

div#topMenuBar li li a:hover {
          color: rgb(34,75,104);
          }

div#topMenuBar li:hover ul {
          display: block;
          }

div#topMenuBar li li.divided {
          border-top: 1px dotted rgb(99,135,157);
          }

div#topMenuBar li.space {
          width: 130px;
          }

div#topMenuBar li.space:hover {
          background: none;
          }

div#topMenuBar li.function {
          float: right;
          margin: 1px 0 1px 0;
          width: 32px;
          height: 30px;
          }

div#topMenuBar li.function a {
          padding: 0;
          }

div#topMenuBar li.function:hover {
          background: transparent url("../img/icon-a.jpg") left top no-repeat;
          }

div#topMenuBar li.function img {
          border: 0;
          }


/* panelContainer */

#panelContainer div.panel {
          background-color: white;
          border-top: 1px solid rgb(135,135,135);
          border-left: 1px solid rgb(135,135,135);
          }

#panelContainer .none + div.panel {
          border-top: none;
          }

#panelContainer div.panel h2 {
          display: block;
          height: 19px;
          margin: 0;
          padding-top: 1px;
          border: 1px solid white;
          background: white url("../img/panel-h2-bcg.jpg") left top repeat-x;
          color: white;
          font-size: 10pt;
          font-weight: bold;
          text-align: center;
          letter-spacing: 1px;
          }

#panelContainer div.panel h2.personal {
          background: white url("../img/panel-personal-h2-bcg.jpg") left top repeat-x;
          }

#panelContainer div.panel a {
          display: block;
          padding: 2px 2px 2px 5px;
          border-bottom: 1px solid rgb(233,242,242); 
          }

#panelContainer div.panel a.more {
          padding: 2px 2px 2px 2px;
          border: 1px solid white;
          background: white url("../img/panel-more-bcg.jpg") left top repeat-x;
          color: rgb(135,135,135);
          text-align: center;
          }

#panelContainer div.panel a.active {
          background-color: rgb(205,219,230);
          }

#panelContainer div.panel a.more:hover {
          border-bottom: 1px solid orange;
          border-right: 1px solid orange;
          border-left: 1px solid orange;
          color: rgb(34,75,104);
          }

#panelContainer div.panel span.date {
          display: block;
          float: left;
          width: 35px;
          padding: 3px 1px 2px 4px;
          font-size: 8pt;
          color: rgb(90,125,125);
          }

#panelContainer div.panel span.date.pick {
          color: red;
          }

#panelPhoto {
          height: 110px;
          }

#panelPhoto div {
          position: absolute;
          overflow: hidden;
          width: 144px;
          height: 97px;
          margin-top: 5px;
          margin-left: 27px;
          border: 1px solid rgb(190,204,204);
          }

#panelPhoto img {
          position: absolute;
          overflow: hidden;
          left: 2px;
          top: 2px;
          width: 140px;
          height: 93px;
          }

#panelSearch {
          padding-top: 5px;
          padding-left: 5px;
          height: 27px;
          }

#panelSearch input { 
          float: left;
          padding: 1px 2px 1px 2px;
          width: 130px;
          height: 18px;
          border: 1px solid rgb(127,171,171);
          color: rgb(30,58,78);
          }

#panelSearch input:focus,
#searchPanel input:hover { 
          color: black;
          }

#panelSearch input[type=submit] { 
          float: left;
          margin-left: 2px;
          padding: 0;
          width: 50px;
          height: 22px;
          border: 1px solid rgb(127,171,171);
          background-color: rgb(233,242,242);
          color: rgb(90,125,125);
          }

#panelContainer div.separator30 {
          height: 30px;
          background: transparent url("../img/panel-sep.jpg") left top no-repeat;
          }


/* contentsContainer */

#contentsContainer h1 {
          margin: 20px 0 0 0;
          font-size: 20pt;
          font-weight: normal;
          letter-spacing: 1px;
          color: rgb(34,75,104);
          }

#contentsContainer h2 {
          clear: both;
          margin: 30px 0 10px 0;
          font-size: 14pt;
          font-weight: bold;
          color: rgb(34,75,104);
          }

#contentsContainer h3 {
          margin: 30px 0 10px 0;
          font-size: 12pt;
          font-weight: bold;
          color: rgb(34,75,104);
          }

#contentsContainer h4 {
          margin: 20px 0 10px 0;
          font-size: 10pt;
          font-weight: bold;
          color: rgb(34,75,104);
          }

#contentsContainer h1 + h2, #contentsContainer h1 + h3 {
          margin-top: 20px;
          }

#contentsContainer p {
          margin: 1em 0 0 0;
          text-align: justify;
          text-indent: 0.8cm;
          }

#contentsContainer ul {
          margin-top: 0;
          margin-left: 1em;
          }

#contentsContainer li {
          margin-top: 5px;
          margin-left: 1em;
          list-style: square;
          color: rgb(6,20,31);
          }

#contentsContainer li.li2 {
          color: rgb(184,122,88);
          }

#contentsContainer li.unconfirmed {
          color: rgb(119,136,153);
          }

#contentsContainer p a {
          color: rgb(99,135,157);
          text-decoration: underline;
          }

#contentsContainer p a:hover {
          color: rgb(99,135,157);
          text-decoration: none;
          }

#contentsContainer a[href^="http:"] {
          padding-right: 11px;
          background: transparent url("../img/linkout.png") right top no-repeat;
          }

#contentsContainer div.img {
          width: 280px;
          margin-bottom: 8px;
          }

#contentsContainer div.img.left {
          float: left;
          margin-right: 10px;
          }

#contentsContainer div.img.right {
          float: right;
          margin-left: 10px;
          }

#contentsContainer div.img div {
          padding-left: 23px;
          border-right: 1px dotted rgb(205,219,230);
          border-bottom: 1px dotted rgb(205,219,230);
          background: transparent url("../img/photo-info.jpg") left top no-repeat;
          font-size: 9pt;
          color: rgb(99,135,157);
          }

#contentsContainer div.img:hover div {
          border-right: 1px dotted rgb(99,135,157);
          border-bottom: 1px dotted rgb(99,135,157);
          background: transparent url("../img/photo-info-a.jpg") left top no-repeat;
          color: rgb(6,20,31);
          }

#contentsContainer table.formatted {
          margin-bottom: 20px;
          border: 1px solid rgb(205,219,230);
          border-spacing: 0;
          border-collapse: collapse;
          }

#contentsContainer table.formatted th, #contentsContainer table.formatted td {
          text-align: center;
          vertical-align: middle;
          padding: 2px;
          }

#contentsContainer table.formatted th {
          background-color: rgb(248,248,248);
          }

#contentsContainer table.formatted td {
          border-top: 1px dotted rgb(205,219,230);
          }

#contentsContainer table.formatted tr:hover {
          background-color: rgb(248,248,248);
          }

#contentsContainer table.formatted a {
          color: rgb(99,135,157);
          }

#contentsContainer table.formatted a:hover {
          color: rgb(6,20,31);
          }

#contentsContainer table.formatted .textLeft {
          text-align: left;
          }

#contentsContainer table.formatted .textRight {
          text-align: right;
          }

#contentsContainer table.formatted .divided {
          padding-top: 20px;
          border-top: 1px solid rgb(205,219,230);
          }

#contentsContainer table.formatted img.info {
          margin-top: 3px;
          background-color: rgb(99,135,157);
          }

#contentsContainer table.formatted img.info:hover {
          cursor: pointer;
          background-color: rgb(6,20,31);
          }

#contentsContainer input[type=submit] {
          padding: 2px 7px 2px 7px;
          border: 1px solid rgb(6,20,31);
          background-color: rgb(248,248,248);
          color: rgb(6,20,31);
          }

#contentsContainer input[type=submit]:hover {
          border: 1px solid rgb(34,75,104);
          background-color: white;
          color: rgb(34,75,104);
          cursor: pointer;
          }


/* contentsContainer naviBar */

#naviBar {
          font-size: 9pt;
          padding-left: 72px;
          text-indent: -72px;
          }

#naviBar a {
          text-decoration: underline;
          }

#naviBar a.map, #naviBar a:hover {
          text-decoration: none;
          }

#naviBar img {
          margin-left: 5px;
          margin-right: 3px;
          }


/* contentsContainer sectionBar */

#sectionBar {
          margin-top: 20px;
          font-weight: bold;
          }

#sectionBar span.leftSeparator {
          padding: 2px 30px 3px 0;
          background: transparent url("../img/section-left-bcg.jpg") right bottom no-repeat;
          }

#sectionBar span.rightSeparator {
          padding: 2px 0 3px 200px;
          border-left: 1px solid rgb(34,75,104);
          background: transparent url("../img/section-right-bcg.jpg") left bottom no-repeat;
          }

#sectionBar a {
          padding: 2px 7px 2px 7px;
          border-left: 1px solid rgb(34,75,104);
          border-top: 1px solid rgb(34,75,104);
          border-bottom: 1px solid rgb(34,75,104);
          background: rgb(205,219,230) url("../img/section-bcg.jpg") left top repeat-x;
          text-decoration: none;
          }

#sectionBar a.active {
          border-bottom: 1px solid white;
          background: none;
          color: black;
          }

#sectionBar a:hover {
          background: none;
          }


/* contentsContainer infoBar */

#infoBar {
          margin-bottom: 20px;
          padding-left: 17px;
          border: 1px dotted rgb(205,219,230);
          border-left: none;
          background: transparent url("../img/infobar-bcg.jpg") left top repeat-y;
          font-size: 9pt;
          color: rgb(99,135,157);
          text-align: right;
          }

#infoBar:hover {
          border: 1px dotted rgb(99,135,157);
          border-left: none;
          background: transparent url("../img/infobar-a-bcg.jpg") left top repeat-y;
          color: rgb(6,20,31);
          }

#infoBar a {
          color: rgb(99,135,157);
          }

#infoBar:hover a {
          color: rgb(6,20,31);
          }

#infoBar a:hover {
          color: rgb(34,75,104);
          }

#infoBar span {
          padding: 0 7px 0 7px;
          }

#infoBar span + span {
          border-left: 1px dotted rgb(205,219,230);
          }

#infoBar:hover span + span {
          border-left: 1px dotted rgb(99,135,157);
          }

/* contentsContainer pageBar */

#pageBar {
          margin: 30px 0 50px 0;
          }

#pageBar a {
          padding: 4px 8px 4px 8px;
          margin-right: 5px;
          border: 2px solid rgb(205,219,230);
          color: rgb(99,135,157);
          font-weight: bold;
          }

#pageBar a:hover {
          border: 2px solid rgb(6,20,31);
          color: rgb(6,20,31);
          }

#pageBar a.active {
          background-color: rgb(205,219,230);
          color: white;
          }


/* contentsContainer bottomBar */

#bottomBar {
          clear: both;
          margin-top: 30px;
          border-top: 1px dotted rgb(205,219,230);
          }

#bottomBar a {
          display: block;
          font-size: 9pt;
          color: rgb(99,135,157);
          }

#bottomBar a:hover {
          color: rgb(6,20,31);
          }

#bottomBar a img {
          float: right;
          margin-top: 2px;
          background-color: rgb(99,135,157);
          }

#bottomBar a:hover img {
          background-color: rgb(6,20,31);
          }


/* contentsContainer article */

#contentsContainer div.article {
          margin-top: 20px;
          padding-top: 10px;
          background: transparent url("../img/article-bcg.jpg") left top no-repeat;
          overflow: hidden;
          }

#contentsContainer div.article.unconfirmed {
          background: transparent url("../img/article-unconfirmed-bcg.jpg") left top no-repeat;
          }

#contentsContainer div.article.news {
          background: transparent url("../img/article-news-bcg.jpg") left top no-repeat;
          }

#contentsContainer div.article.notice {
          background: transparent url("../img/article-notice-bcg.jpg") left top no-repeat;
          }

#contentsContainer div.article.newspaper {
          background: transparent url("../img/article-newspaper-bcg.jpg") left top no-repeat;
          }

#contentsContainer div.article h3 {
          margin: 0 0 0 34px;
          font-size: 11pt;
          font-weight: bold;
          color: rgb(184,122,88);
          }

#contentsContainer div.article.unconfirmed h3 {
          color: rgb(119,136,153);
          }

#contentsContainer div.article p {
          margin-left: 5px;
          margin-right: 5px;
          }

#contentsContainer div.article.unconfirmed p {
          color: rgb(119,136,153);
          }

#contentsContainer div.article.unconfirmed p a {
          color: rgb(119,136,153);
          }

#contentsContainer div.article h3 a {
          color: rgb(184,122,88);
          text-decoration: underline;
          }

#contentsContainer div.article h3 a:hover {
          color: rgb(184,122,88);
          text-decoration: none;
          }

#contentsContainer div.article a.thickbox img {
          float: right;
          margin: 0 0 5px 5px;
          padding: 2px;
          border: 1px solid rgb(205,219,230);
          }

#contentsContainer div.articleFooter {
          clear: both;
          margin-top: 10px;
          padding-top: 1px;
          padding-bottom: 2px;
          border-top: 1px dotted rgb(205,219,230);
          background: transparent url("../img/article-footer-bcg.jpg") left bottom no-repeat;
          font-size: 9pt;
          text-align: right;
          color: rgb(99,135,157);
          }

#contentsContainer div.articleFooter span {
          padding: 0 5px 0 5px;
          }

#contentsContainer div.articleFooter span + span {
          border-left: 1px dotted rgb(205,219,230);
          }

#contentsContainer div.articleFooter a {
          color: rgb(99,135,157);
          }

#contentsContainer div.articleFooter a:hover {
          color: rgb(6,20,31);
          }

#contentsContainer div.articleFooter a img {
          margin-right: 2px;
          margin-bottom: -1px;
          background-color: rgb(99,135,157);
          }

#contentsContainer div.articleFooter a:hover img {
          background-color: rgb(6,20,31);
          }


/* contentsContainer infoBox */

#contentsContainer div.infoBox {
          position: absolute;
          z-index: 4;
          visibility: hidden;
          margin-top: -16px;
          margin-left: 17px;
          padding: 3px;
          border: 1px solid rgb(205,219,230);
          background: rgb(248,248,248) url("../img/close.png") right top no-repeat;
          }

#contentsContainer div.infoBox:hover {
          border: 1px solid rgb(6,20,31);
          background: rgb(248,248,248) url("../img/close-a.png") right top no-repeat;
          }

#contentsContainer div.infoBox p {
          margin: 2px;
          text-align: left;
          text-indent: 0;
          }

#contentsContainer div.infoBox a {
          text-decoration: none;
          color: rgb(99,135,157);
          }

#contentsContainer div.infoBox a:hover {
          color: rgb(6,20,31);
          }


/* contentsContainer hint */

#contentsContainer div.hint {
          display: block;
          width: 100%;
          margin-top: 20px;
          margin-bottom: 20px;
          padding-top: 2px;
          padding-bottom: 2px;
          border: 1px dotted rgb(205,219,230);
          text-align: center;
          font-style: italic;
          }


/* Basic photo gallery styles */

#gallery { 
          margin: 5px 0 5px 46px;
          }

#gallery div.photo { 
          float: left;
          width: 160px;
          height: 160px;
          margin: 1px;
          background: transparent url("../img/photo-bcg.jpg") left top repeat-x;
          border: 1px solid rgb(248,248,248);
          overflow: hidden;
          }

#gallery div.photo:hover { 
          background: transparent url("../img/photo-a-bcg.jpg") left top repeat-x;
          border: 1px solid rgb(205,219,230);
          }

#gallery div.photo img { 
          position: relative;
          z-index: 2;
          padding: 2px;
          border: 1px solid rgb(205,219,230);
          }

#gallery div.photo span { 
          position: absolute;
          z-index: 1;
          font-size: 26pt;
          font-weight: bold;
          font-style: italic;
          color: rgb(244,244,244);
          }

#gallery div.photo:hover span { 
          color: rgb(205,219,230);
          }


/* loadingProgress */

#loadingProgress {
          position: absolute;
          width: 740px;
          height: 170px;
          background: transparent url("../img/loading-animation.gif") center center no-repeat;
          }


/* webNavigation */

#webNavigation {
          clear: both;
          }

div.naviPanel {
          float: left;
          width: 202px;
          height: 110px;
          margin: 20px 0 20px 32px;
          border: 1px solid rgb(205,219,230);
          border: 1px solid white;
          background: transparent url("../img/navipanel-bcg.jpg") left top no-repeat;
          }

#contentsContainer div.naviPanel h2 {
          margin: 2px 0 2px 0;
          color: rgb(34,75,104);
          font-size: 10pt;
          font-weight: bold;
          text-align: center;
          }
/*#contentsContainer div.naviPanel h2 {
          display: block;
          height: 19px;
          margin: 0;
          padding-top: 1px;
          border: 1px solid white;
          background: white url("../img/panel-personal-h2-bcg.jpg") left top repeat-x;
          color: white;
          font-size: 10pt;
          font-weight: bold;
          text-align: center;
          letter-spacing: 1px;
          }*/

/* Other */

#tPhoto {
          position: absolute;
          margin-top: 9px;
          margin-left: 520px;
          }

#euBanner {
          margin-top: 20px;
          border-top: 1px dotted rgb(205,219,230);
          border-bottom: 1px dotted rgb(205,219,230);
          }

#euBanner img {
          margin-left: 180px;
          }