﻿/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
body {
background-color: #F2EEEA;
font-size: .70em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;}
a {color: #003366;}
a:visited {color:#663366;}
a:hover {color: #7788AA;}
a:active { color:#000000;}
h1 {
font-size: 1.4em;
font-variant:small-caps;
text-transform:uppercase;
background-color: #B1BDCD;
border-top:0.1em solid #564b47;
border-bottom:0.1em solid #564b47;
padding:5px 5px;
margin:0px }
h2 {
font-size:1.3em;
font-variant:small-caps;
padding:15px 5px 10px 5px;
margin: 0px 15px;
border-bottom: solid .2em;}
h3 {
font-size: 1.2em;
font-variant:small-caps;
background-color: #B1BDCD;
border-top:solid 0.1em #564b47;
border-bottom:solid 0.1em #564b47;
padding:5px 5px;
margin:0px; }
h3 a, a:visited, a:hover { text-decoration:none; color:#564b47 }
h4 {
font-size: 1.2em;
font-variant:small-caps;
border-bottom:solid 0.1em #564b47;
padding:5px 5px;
margin:0px 15px; }    
p { font-size:1.0em;padding: 5px 15px; }
.drop { font-size:1.3em; font-weight:bold; } 
img.download {vertical-align:middle;}
/* ----------container to center the layout-------- */
#container-wrap {
width: 970px;
margin: 0px auto;
background: #F9F9F9 url(../PersistantImage.ashx?key=img_background) repeat-y; }    
#container {
width: 950px;
margin: 0px auto;
border:  solid 1px #969696;
background-color: #FFFFFF; } 
/* ----------banner for logo-------------- */
#banner {
text-align: center;
float:none;
background:#B1BDCD url(../PersistantImage.ashx?key=banner);
background-color: #B1BDCD;
margin: 0px;
padding: 0px;
height:200px; /*166px;*/ }   
#navmenu  {
position:relative;
height: 21px; }
/* --------------left and right navi------------- */
#left {
width:185px;
height:auto;
min-height:650px;
border-top:solid 0.1em #564b47;
float:left;
margin: 0;
padding: 0;
background-color: #F9F9F9; }
#left p  {
padding: 5px;
background: #F9F9F9;
margin:0px;
border-bottom: solid 1px #003366;}
#left h3 { border-top:0; height:16px; }
#left a,#left a:hover,#left a:visited,#left a:active,#left a:link
{ color: #564b47; text-decoration:none; }
#left img.displayed {
display: block;
padding:10px 10px;
margin: auto; }
/* Level One of the Left Nav */
#left ul{list-style: none;margin: 0;padding: 0;}
#left li a{background-color: #B1BDCD;/*border-bottom:solid 0.1em #564b47;*/
font-size: 1.2em;font-variant:small-caps;font-weight: bold;text-decoration: none;
display: block;
padding: 5px 5px 5px 0.5em; }
#left ul li{border-bottom: 0.1em solid #564b47;background-color:#003366;margin:0;}
#left ul li a{background-color: #B1BDCD;/*border-bottom:0.1em solid #003366;*/}
/* Level Two of the Left Nav */
#left ul ul{ margin-left: 12px; }
#left ul ul li{border-bottom: 0.1em solid #003366;background-color: #B1BDCD;margin:0; }
#left ul ul li a{background-color: #E7EBF0;/*border-bottom:0.1em solid #003366;*/
font-size:1.0em;font-variant: normal;font-weight:normal;text-decoration: none;}
/* Level Three of the Left Nav */
#left ul ul ul { margin-left:12px; }
#left ul ul ul li { border-bottom:0.1em solid #B1BDCD; margin: 0; background-color: #B1BDCD }
#left ul ul ul li a {background-color: #FFFFFF;/*border-bottom:0.1em solid #003366;*/
font-size:1.0em;font-variant: normal;font-weight:normal;text-decoration: none; }
.leftBox{background-color:#003366;}
#right {
width:185px; 
min-height:650px;
float:right;
margin: 0px;
padding: 0px;
background-color: #F9F9F9 }
#right p { padding: 5px; margin: 10px 0px; }
#right img {
margin: 5px 7px;
border: 0; }
#right .rtBtn { margin: 0px; padding: 0px; }
/* -----------------content--------------------- */ 
#content {
background-color: #ffffff;
padding: 0px;
margin: 0 185px; }
div#content {
min-height: 650px;
height:expression(this.scrollHeight > 650 ? "auto":"650px"); }
#content a {color: #003366; text-decoration: underline;}
#content a:visited {color:#663366;}
#content a:hover {color: #7788AA;}
#content a:active { color:#000000;}
#content ul { font-size:1.0em;padding: 5px 15px 5px 15px; margin: 5px 15px; }
#content ul li {padding: 2px 0px; }
table {
border-collapse: collapse;
border: none 0px;
margin: 0; }
td { vertical-align: top; }
td.field { width: 250px; }
td.fieldlabel {
padding-left:5px; 
padding-right: 5px; 
padding-top: 5px; 
text-align: right; 
width: 140px; }
textarea { height: 200px; width: 250px }
input.button {
background-color: #B1BDCD; 
border-top: solid 1px  #B1BDCD;
border-left: solid 1px #B1BDCD;
border-right:solic 2px #003366;
border-bottom:solid 2px #003366;
color: #003366;
margin: 2px 0px; }
.fancyBtn {
display:inline-block;
font-size: 1.2em;
padding:3px 5px;
background-color: #B1BDCD; 
border-top: solid 1px  #B1BDCD;
border-left: solid 1px #B1BDCD;
border-right:solic 2px #003366;
border-bottom:solid 2px #003366;
color: #003366;
margin: 2px 2px;}
.fancyBtn:hover /*#content input[type="submit"]:hover*/ {
color: #7788AA;
background: #FFFFFF;
cursor: pointer; }
.contentBox { padding:5px 14px; }
.contentBox p { padding: 5px 15px; margin: 2px 0px;}
.contentSubTitle {
font-size: 1.2em;
font-variant:small-caps;
font-weight:bold;
border-bottom:solid 2px #564b47;
padding:5px 5px;
margin:0px 15px; }
.contentSubTitle a {
font-size:.8em;
font-variant:normal;
font-weight:normal; }
.feedflare { display:none; }
pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}
/* --------------------map---------------------- */
.mapClass {
position: relative;
width: 570px;height: 400px;
margin: 0px;
border: solid .1em #969696;
z-index: 5; }
#middleMapDirBox, #directions {
display:none;
visibility: hidden;
position: relative;
/*border: dotted 1px gray;*/ }
#middleMapDirBox, #directions {
padding: 10px 10px;
margin: 0px; }
#loading {
visibility: hidden;
position: absolute;
margin: 150px 240px;
display:block;
z-index: 10; }
/*  ----------------footer---------------------- */ 
#footerNav {
clear: both;
margin: 0px 0px 0px 0px;
padding: 5px 5px;
text-align: right;
background-color: #B1BDCD;
border-top: solid 2px #969696;
border-bottom: solid 2px #969696; } 
#footerNav p{
display: block;
margin: 5px 200px;
text-align: center;}
#footerNav a { text-decoration: underline; color:#003366;}
#footerNav a:visited { color: #663366; }
#footerNav a:hover { color: #564B47; }
#footerNav img {
border: 0; }
/* ----------------Accordian-------------------- */
/*** Accordian Pane Styling ***/
.contentAccordion { width:auto; padding: 0px 25px; }
.contentAccordionHeader {
display: block;
margin: 5px;
padding:5px;
border-bottom: solid 2.0px #003366;
font-weight: bold;
font-size: 1.2em;
cursor: pointer; }
.contentAccordionHeader a 
{
/*    background-color: #FFFFFF;*/
    color: #003366;
    font-size:1.2em;
    text-decoration: none;
}
.contentAccordionHeader a:hover 
{
    background-color: #FFFFFF;
    color: #003366;
}
.contentAccordionHeader a:visited
{
    background-color: #FFFFFF;
    color: #003366;
    font-size:1.2em;
    text-decoration: none;
}     
.contentAccordionContent
{
    background-color: #FFFFFF;
    border-top: none;
    /*padding: 5px;
    padding-top: 10px;*/
    font-size: 1.0em;
}
.contentAccordionContent p
{
    font-size:1.2em;
    color:#646464;
    padding: 5px 5px;
    margin: 0px;
}
