
a {
 outline: none;
}

body {
  margin:0;
  border:0px none;
  padding:0;
  height:100%; 
  max-height:100%; 
  background-color: transparent; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
/*  overflow: hidden;*/
  }

#header {
 position:absolute; 
 top:0; 
 left:15em;
 right: 15em; 
 height:11em; 
 overflow:auto; 
 background:#4e3538;
 color:#fff;
 text-align: center;
}
#header a {
 padding: 0.4em;
 border: 1px solid black;
 text-align: center;
 font-weight: bold;
 color: white;
 text-decoration: none;
}
#header a:link {
 text-decoration: none;
}
#header a:hover {
 background-color: #c4128e;
}
#header a:visited {
 text-decoration: none;
}
#header a:active {
 border: 1px groove white;
}

#header img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1em;
}
  
#leftColumn {
 z-index: 10;
 position: absolute;
 top: 0em;
 left: 0;
 width: 15em;
 height: 100%;
 overflow:auto; 
 background-color: #4e3538;
 border-right: 1px solid black;
 padding: 0em;
 margin: 0em;
}
#leftColumnTable { width: 100%; height: 100%; display: table; }
#leftColumnPosition { display: table-cell; vertical-align: middle; }


#leftMenu {
 margin: 0em 1em 0 1em;
}

#leftMenu a {
 display: block;
 margin: 0 0em 0.4em 0em;
 border: 1px solid white;
 padding: 0.4em;
 color: white;
 font-weight: bold;
 background-color: #c4128e;
}
#leftMenu a:link {
 text-decoration: none;
}
#leftMenu a:hover {
 background-color: #4e3538;
}
#leftMenu a:visited {
 text-decoration: none;
}
#leftMenu a:active {
 border: 1px groove white;
}
#leftMenu #navCurrent {
 background-color: #ffffff;
 color: black;
}
#leftMenu .level0 {
 margin-left: 0px;
}
#leftMenu .level1 {
 margin-left: 10px;
}
#leftMenu .level2 {
 margin-left: 20px;
}
#leftMenu .level3 {
 margin-left: 30px;
}
#leftMenu .level4 {
 margin-left: 20px;
}
#leftMenu .level4 {
 margin-left: 40px;
}
#leftMenu .level5 {
 margin-left: 50px;
}
#leftMenu .level6 {
 margin-left: 60px;
}
#leftMenu .level7 {
 margin-left: 70px;
}
#leftMenu .level8 {
 margin-left: 80px;
}
#leftMenu .level9 {
 margin-left: 90px;
}
#leftMenu .level10 {
 margin-left: 100px;
}


#rightColumn {
 z-index: 10;
 position: absolute;
 top: 0em;
 right: 0em;
 bottom: 0em;
 width: 15em;
 overflow:auto; 
 background-color: #4e3538;
 border-left: 1px solid black;
}

#rightColumnTable { width: 100%; height: 100%; display: table; }
#rightColumnPosition { display: table-cell; vertical-align: middle; }

#rightColumnContent {
 text-align: center;
}

#rightColumn div.advert {
 background-color: #c4128e;
 background-position: center;
 margin: 0.5em;
 border: 1px solid white;
 padding: 0.1em 0.5em;
}
#rightColumn a.header {
 display: block;
 font-size: 2.2em;
 text-align: center;
 font-style: italic;
 font-weight: bold;
/* border: 2px dotted black;*/
}
#rightColumn a {
 color: white;
 text-decoration: none;
 font-weight: bold;
 padding: 0.4em 0em;
 text-align: center;
}
#rightColumn a.description {
 display: none;
}
#rightColumn a.readMore {
 display: none;
}

#footer {
 position: absolute; 
 bottom:0em; 
 left: 15em;
 right: 15em;
 height:2em; 
 overflow:hidden; 
 text-align:center; 
 background:#4e3538;
 color: white;
 margin: 0em;
 border: none;
 padding: 0em;
}

#footer a {
 font-size: 0.8em;
}

#footer a {
 padding: 0;
 border: none;
 margin: 0;
 color: white;
}
#footer a:link {
 text-decoration: none;
}
#footer a:hover {
 background-color: #c4128e;
}
#footer a:visited {
 text-decoration: none;
}
#footer a:active {
 text-decoration: none;
}


#mainContent {
 padding:1em;
 position: absolute; 
 top:11em;
 left:16em;
 bottom:2em; 
 right:16em; 
 overflow: auto;
 overflow-y: scroll;
 background-color: white;
 background-image: url('../orchid.gif');
}

#mainContent h1 { font-size: 1.6em; margin: 0.1em 0 0 0; }
#mainContent h2 { font-size: 1.4em; margin: 0.1em 0 0.1em 0; }
#mainContent h3 { font-size: 1.2em; margin: 0.1em 0 0 0; padding: 0; }

#mainContent A {
 text-decoration: none;
 font-size: 1em;
 margin: 0 0em 0em 0em;
 padding: 0em;
 color: black;
 font-weight: bold;
/* background-color: #ba9e74;
 background-color: #ba9e74;*/
}

#mainContent .buttonLink {
 text-decoration: none;
 font-size: 1.1em;
/* display: block;*/
 margin: 0 0em 0.4em 0em;
 padding: 0.4em;
 color: white;
 font-weight: bold;
 background-color: #ba9e74;
}


.imagePreviousCell {
 display: table-cell;
 text-align: left;
 vertical-align: middle;
 padding-right: 0.5em;
}
.imagePreviousCell div {
 width: 6em;
}
.imageGalleryTitleCell {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 width: 100%;
}
.imageNextCell {
 display: table-cell;
 text-align: right;
 vertical-align: middle;
 padding-left: 0.5em;
}
.imageNextCell div {
 width: 6em;
}
.fitScreenImageContainer {
 display: table;
 width: 100%;
 height: 10em;
}
.fitScreenImageContainer div {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}
.fitScreenImageLink {
 display: block;
 margin: 0;
 padding: 0;
 border: none;
/* background-color: #71472f;*/
}
.fitScreenImage {
 margin: 0;
 padding: 0;
 border: solid;
 border-width: 1px;
 border-color: #ba9e74;
}

