body {
 font-family: Arial, verdana, sans-serif;
 font-size: 1em;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
}
a {
 outline: none;
}
h1 {
 font-size: 2em;
}
h2 {
 font-size: 1.8em;
}

#header {
 position: absolute;
 left: 0.5%;
 top: 1%;
 right: 0.5%;
 bottom: 80%;
 background-color: rgb(255,255,255);
/* margin: 0;
 padding: 3px 0;*/
 border: 3px solid black;
 border-left: none;
 border-right: none;
}
#headerLeftImage {
 position: absolute;
 left: 0.5%;
 right: 85%;
 top: 2%;
 bottom: 81%;
 background-image: url('../leftHeaderImage30.jpg');
 background-position:  center center;
 background-repeat: no-repeat;
/* border: 1px solid rgb(128,0,0);*/
 border: 1px solid rgb(115,112,0);
}
#headerRight {
 position: absolute;
 right: 0.5%;
 left: 85%;
 top: 2%;
 bottom: 81%;
 color: black;
 text-align: right;
 font-size: 1em;
 overflow: auto;
}
#headerRight h1 {
 font-size: 1.2em;
 font-weight: bold;
 margin: 0;
}
#headerRight hr {
/* background-color: rgb(124,0,0);*/
 background-color: rgb(115,112,0);
 height: 1px;
}
#headerRight h2 {
 font-size: 1.2em;
 font-weight: normal;
 margin: 0;
}
#headerRight h2 em {
 font-weight: bold;
 font-style: normal;
}
#headerRight h2 a {
 font-size: 0.7em;
 font-weight: normal;
 text-decoration: none;
 color: black;
}
#headerContent {
 position: absolute;
 left: 16%;
 right: 16%;
 top: 2%;
 bottom: 81%;
 padding: 5px;
 background-color: rgb(204,204,204);
 overflow: auto;
 text-align: center;
}
#headerContent h1 {
 display: inline;
 font-size: 2.6em;
 font-weight: bold;
 color: black;
}
#headerContent h2 {
 display: inline;
 font-size: 1.8em;
 font-weight: bold;
/* color: rgb(175,44,12);*/
 color: rgb(115,112,0);
 padding-left: 0.1em;
}
#headerContent hr {
/* background-color: rgb(124,0,0);*/
 background-color: rgb(115,112,0);
 width: 80%;
 height: 1px;
 padding: 0;
 margin-bottom: 0.4em;
}
#headerNav {
 text-align: center;
}
#headerNav a {
 padding: 0.2em 0.4em;
 border: 1px solid black;
 text-align: center;
 font-size: 0.8em;
 font-weight: bold;
 color: black;
 text-decoration: none;
}
#headerNav a:hover {
 color: white;
/* background-color: rgb(124,0,0);*/
 background-color: rgb(115,112,0);
}
#headerNav a:active {
 border: 1px groove black;
}
#headerNav #navCurrent {
 background-color: #ffffff;
 color: black;
}
#leftColumn {
 position: absolute;
 left: 0.5%;
 top: 21%;
 right: 85%;
 bottom: 6%;
/* background-color: rgb(128,0,0);*/
 background-color: rgb(115,112,0);
 z-index: 100;
 border: none;
 overflow: auto;
 padding: 0.1em 0;
}
#leftMenu {
 margin: 0em 0.2em 0 0.2em;
}
#leftMenu a {
 display: block;
 margin: 0 0em 0.25em 0em;
 border: 1px solid white;
 padding: 0.3em 0.2em;
 color: white;
 font-size: 0.8em;
 font-weight: bold;
/* background-color: rgb(128,0,0);*/
 background-color: rgb(115,112,0);
}
#leftMenu a:link {
 text-decoration: none;
}
#leftMenu a:hover {
 color: black;
 background-color: rgb(204,204,204);
}
#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 {
 position: absolute;
 right: 0.5%;
 top: 21%;
 left: 85%;
 bottom: 6%;
/* background-color: rgb(128,0,0);*/
 background-color: rgb(115,112,0);
 background-image: url('../rightColumnImage60.jpg');
 background-position: center;
 z-index: 100;
 border: none;
}

#footer {
 position: absolute;
 bottom: 1%;
 left: 0.5%;
 right: 0.5%;
 top: 95%;
 background-color: black;
 color: white;
 padding: 0;
 margin: 0;
 font-size: 0.65em;
 overflow: auto;
}
#footer .leftCell {
 float:left;
 width: 25%;
 padding: 0 0.5em;
}
#footer .middleCell {
 text-align: center;
 padding: 0 0.5em;
}
#footer .rightCell {
 float: right;
 width: 25%;
 text-align: right;
 padding: 0 0.5em;
}
#footer a {
 color: white;
}
#mainContent {
 position: absolute;
 left: 16%;
 right: 16%;
 bottom: 6%;
 top: 21%;
 background-color: rgb(204,204,204); 
 overflow: auto;
 padding: 0.2em 0.2em;
}
#mainContent .picturePage {
 width: 100%;
}
#mainContent table .imagePreviousCell {
/* display: table-cell;*/
 width: 15%;
 text-align: left;
 padding-right: 0.5em;
}
/*.imagePreviousCell div {
 width: 6em;
}*/
#mainContent table .imageGalleryTitleCell {
/* display: table-cell;*/
 width: 70%;
 text-align: center;
}
#mainContent table .imageNextCell {
/* display: table-cell;*/
 width: 15%;
 text-align: right;
 padding-left: 0.5em;
}
.imageNextCell div {
 width: 6em;
}
.fitScreenImageContainer {
 width: 100%;
}
.fitScreenImageContainer div {
 text-align: center;
 vertical-align: middle;
}
#mainContent .fitScreenImageLink {
 display: block;
 margin: 0;
 padding: 0;
 border: none;
}
.fitScreenImage {
 margin: 0;
 padding: 0;
 border: solid;
 border-width: 1px;
 border-color: #ba9e74;
}
#mainContent h1 { font-size: 1.4em; margin: 0.1em 0 0 0; text-align: center; }
#mainContent h2 { font-size: 1.2em; margin: 0.1em 0 0.1em 0; }
#mainContent h3 { margin: 0.1em 0 0 0; padding: 0.4em 0 0.5em 0; }
#mainContent table.panoramic { width: 100%; text-align: center; }
#mainContent .panoramic { font-size: 0.8em; }