* {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
}

body {
}

div {
background-color: white;
}

input {
  border: 1px solid black;
}


h1 
{  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   font-size: 18px; font-style: normal; 
   font-weight: normal;
   margin-bottom: 8px;
   line-height: 15px; 
   color: #004d46;
   text-decoration: none;
}
h2 
{  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   font-size: 14px; font-style: normal; 
   font-weight: normal;
   margin-bottom: 8px;
   line-height: 15px; 
   color: #B8860B;
   text-decoration: none;
}

h3
{  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; font-style: normal; 
   font-weight: normal;
   margin-bottom: 8px;
   line-height: 15px; 
   color: #B8860B;
   text-decoration: none;
}
h4 
{  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; font-style: normal; 
   font-weight: normal;
   margin-bottom: 8px;
   line-height: 15px; 
   color: #004d46;
   text-decoration: none;
}
p {
padding: 0;
}

#header {
height: 336px;
background-color: #004d46;
padding: 0;
}

#page {
width: 90%;
height: 200%;
padding: 0;
border: solid 1px black;
margin-left: auto;
margin-right: auto;
}

#view {
width: 100%;
height: 100%;
padding: 0;
//border: solid 1px black;
margin-left: auto;
margin-right: auto;
}


#left {
top: 0px;
float: left;
width: 22%;
height: 100%;
padding: 0;
}
#boxleft {
border: solid 1px #505050;
padding: 0;
overflow: hidden;
width: 100%;
height: 33%;
max-height: 33%;
}
#lowerboxleft {
border: solid 1px #505050;
padding: 0;
overflow: auto;
width: 100%;
height: 66%;
max-height: 66%;
}

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

#area {
top: 0px;
width: 72%;
height: 100%;
overflow:hidden;
border: solid 1px black;
float: left;
padding: 5px;
background-color:white;
}

#right {
top: 0px;
left: 550px;
position:absolute;
width: 250px;
height: 250px;
padding: 0;
}

#imageright {
//border: solid 1px #505050;
padding: 0px;
overflow: hidden;
width: 250px;
height: 250px;
}

#boxright {
border: solid 1px #505050;
padding: 5px;
overflow: auto;
width: 25%;
height: 100%;
float:left;
}

#footer {
clear:both;
display: block;
height: 50px;
float: center;
color: white;
background-color: #004d46;
font-size: 16px;
border: solid 1px #505050;
}

.bolder {
font-weight: bolder;
}

a:link {
color: #8B4513;
font-size: 10px;
text-decoration: underline;
} 
a:visited {
color: #8B4513;
font-size: 10px;
text-decoration: underline;
} 
a:active {
color: #8B4513;
text-decoration: none;
} 
a:hover {
color: #8B4513;
text-decoration: underline;
} 

#h1-inverse {
color: white;
background-color: orange;
font-size: 16px;
padding: 5px;
text-decoration: underline;
}