/* ##### Styles ##### */

body {color: black;
background-color: rgb(243,242,235);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 73%;
/* Enables font size scaling in MSIE */
  margin: 0;
padding: 0;}

html > body {font-size: 9pt;}

acronym, .titleTip {border-bottom: 1px dotted rgb(168,140,83);
cursor: help;
margin: 0;
padding: 0;}

.doNotDisplay {display: none !important;}

.smallCaps {font-size: 117%;
font-variant: small-caps;}

/* ##### Header ##### */

#header {color: inherit;
background-color: rgb(6, 104, 153);
background-image: url(../ol.jpg);
background-repeat: no-repeat;
background-position: right top;}

.headerTitle {margin: 0;
padding: 0.25em 4mm 0.25em 4mm;}

.headerTitle a {color: black;
background-color: transparent;
text-decoration: none;
font-size: 110%;
/* For MSIE */
  font-weight: bold;
font-style: italic;}

.headerTitle > a {font-size: 138%;
/* For fully standards-compliant user agents */}

.headerTitle span {color: rgb(166,140,83);
background-color: transparent;
font-weight: normal;}

.subHeader {color: white;
font-size: 109%;
text-align: center;
margin: 0;
padding: 0.5ex 0;
background: black;}

.subHeader a {color: white;
background-color: black;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0 1ex;}

.subHeader a:hover {color: black;
background-color: white;}

/* ##### Left Side Bar ##### */

.leftSideBar {width: 12.5em;
float: left;
clear: left;}

.leftSideBar .sideBarTitle {color: rgb(64,64,64);
background-color: rgb(230,223,207);
font-weight: bold;
margin: 0;
padding: 0.8ex 1ex;}

.leftSideBar ul {list-style-type: none;
list-style-position: outside;
margin: 0 0 1em 0;
padding: 0;}

.leftSideBar li {margin: 1ex;
padding: 0 0 1.25ex 0.75ex;}

.leftSideBar a {color: rgb(166,140,83);
background-color: transparent;
text-decoration: none;}

.leftSideBar a:hover {color: rgb(64,64,64);
background-color: transparent;
text-decoration: none;}

.leftSideBar .sideBarText {color: rgb(166,140,83);
background-color: transparent;
line-height: 1.25em;
margin: 1ex 0.25ex 1.5em 0.75ex;
padding: 0;
display: block;}

.leftSideBar .sideBarText a {text-decoration: underline;}

.leftSideBar .sideBarText a:hover {text-decoration: none;}

.leftSideBar .thisPage {color: rgb(64,64,64);
background-color: transparent;
font-weight: bold;}

/* ##### Right Side Bar ##### */

.rightSideBar {width: 13em;
margin: 2ex 0.75ex 0 0;
padding: 0;
float: right;
clear: right;
border: 1px solid rgb(216,210,195);}

[class~="rightSideBar"] {margin-right: 1.5ex;}

.rightSideBar .sideBarTitle {color: black;
background-color: rgb(230,223,207);
font-weight: bold;
margin: 1.25ex 1ex;
padding: 0.9ex 1ex;}

.rightSideBar a {color: rgb(166,140,83);
background-color: transparent;
text-decoration: underline;
font-weight: bold;}

.rightSideBar a:hover {text-decoration: none;}

.rightSideBar .sideBarText {line-height: 1.5em;
margin: 0;
padding: 0 2ex 1em 2ex;}

.rightSideBar .more {text-decoration: none;
text-align: right;
margin: 0;
padding: 0 2ex 1em 2ex;
display: block;}

.rightSideBar .more:hover {text-decoration: underline;}

/* ##### Main Copy ##### */

#main-copy {color: black;
background-color: white;
text-align: justify;
line-height: 1.5em;
margin: 0 0 0 12.5em;
padding: 0.5ex 15em 1em 1em;
border-left: 1px solid rgb(216,210,195);}

#main-copy h1 {color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 175%;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 1em 0 0 0;
padding: 1em 0 0 0;
border-top: 1px solid rgb(216,210,195);}

#main-copy h2 {color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 150%;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 1em 0 0 0;
padding: 1em 0 0 0;
border-top: 1px solid rgb(216,210,195);}

#main-copy h3 {color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 150%;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 1em 0 0 0;
padding: 1em 0 0 0;}

#main-copy a {color: rgb(168,140,83);
background-color: transparent;
text-decoration: underline;}

#main-copy a:hover {text-decoration: none;}

#main-copy .topOfPage {color: rgb(168,140,83);
background-color: transparent;
font-size: 91%;
font-weight: bold;
text-decoration: none;
margin: 2.5ex 1ex 0 0;
/* For MSIE */
  padding: 0;
float: right;}

#main-copy > .topOfPage {margin: 2.75ex 1ex 0 0;
/* For fully standards-compliant user agents */}

p {margin: 1em 0 1.5em 0;
padding: 0;
text-indent: 2.0em;}

dt {font-weight: bold;
margin: 0;
padding: 0 0 0.5ex 0;}

dd {margin: 0 0 1.5em 1.5em;
padding: 0;}

/* #### Slide Show Zingst #### */

#container {position:relative;
width:425px;
height:430px;
background: transparent;}

a.gallery, a.gallery:visited {display:block;
color:#000;
text-decoration:none;
border:1px solid #000;
width:75px;
height:47px;
float:left;
margin:3px;
margin-left: 4px;}

a.slidea {background:url(../pics_show_zingst/thumb2.jpg);}

a.slideb {background:url(../pics_show_zingst/thumb3.jpg);}

a.slidec {background:url(../pics_show_zingst/thumb4.jpg);}

a.slided {background:url(../pics_show_zingst/thumb5.jpg);}

a.slidee {background:url(../pics_show_zingst/thumb6.jpg);}

a.slidef {background:url(../pics_show_zingst/thumb7.jpg);}

a.slideg {background:url(../pics_show_zingst/thumb8.jpg);}

a.slideh {background:url(../pics_show_zingst/thumb9.jpg);}

a.slidei {background:url(../pics_show_zingst/thumb10.jpg);}

a.slidej {background:url(../pics_show_zingst/thumb11.jpg);}

a.gallery span {display:block;
position:absolute;
width:1px;
height:1px;
top:5px;
left:5px;
overflow:hidden;
background: transparent;}

.slidek {display:block;
position:absolute;
width:400px;
height:250px;
top:125px;
left:10px;
padding:0;
border:1px solid #000;}

a.gallery:hover {white-space:normal;
border:1px solid #fff;}

a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:1px solid #000;}

a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block;
position:absolute;
width:402px;
height:300px;
top:120px;
left:5px;
padding:5px;
font-style:italic;
color:#000;
background-color: transparent;}

/* ##### Footer ##### */

#footer {color: black;
background-color: rgb(255, 255, 255);
font-size: 92%;
text-align: center;
border-top: 1px solid rgb(216,210,195);
line-height: 1.25em;
margin: 0;
padding: 1em 4mm 1em 4mm;
clear: both;}

#footer div {margin: 0;
padding: 0 0 1ex 0;}

#footer a {color: black;
background-color: transparent;
text-decoration: underline;
font-weight: bold;}

#footer a:hover {text-decoration: none;}

/*w3c buttons*/

.w3cbutton4 {margin: 1em 0;
width: 10em;
font-family: helvetica,arial,sans-serif;
font-size: 80%;
font-weight: bold;}

.w3cbutton4 a {display: block;
width: 100%;}

.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {background-color: #fc6;
color: #000;
text-decoration: none;}

.w3cbutton4 a:link,
.w3cbutton4 a:visited {border-top: 1px solid #cecece;
border-bottom: 2px solid #4a4a4a;
border-left: 1px solid #cecece;
border-right: 2px solid #4a4a4a;}

.w3cbutton4 a:hover {border-bottom: 1px solid #cecece;
border-top: 2px solid #4a4a4a;
border-right: 1px solid #cecece;
border-left: 2px solid #4a4a4a;}

.w3cbutton4 span.w3c {padding: 0 0.4em;
background-color: #fff;
color: #0c479d;}