body {
font-family : sans-serif;
background : #ffffff ;
padding : 0.5%;
margin : 0.5%;
color : #063E3F;
max-width: 80em;
margin-left:auto;
margin-right:auto;
}
h1 {
font-size : 220%;
color : #063E3F;
margin : 5%0%0%0%;
padding : 0.5%;
text-align : left;
}

h2 {
font-size : 130%;
padding : 0.5% 0% 0% 0%;
margin : 0.5% 0% 0% 0%;
line-height : 120%;
color : #626e60;
clear : left;
}
h3 { font-size: 150%; margin: 1%0.5%0%0.5%; padding: 1%0.5%0%0.5%;  color: #626e60; border-top: solid;
border-right: none;
border-left: none;
border-bottom: none;
clear: left;}
h4 { font-size: 100%; margin: 1%0.5%0%0.5%; padding: 1%0.5%0%0.5%; color: #626e60; border-top: none;
border-right: none;
border-left: none;
border-bottom: groove; border-bottom-width: 1px;
clear: left;}

.newline {clear: both;}


h5 { font-size: 100%; margin: 1%0.5%0%0.5%; padding: 1%0.5%0%0.5%; color: #626e60;}
h6 { font-size: 90%; margin: 1%0.5%0%0.5%; padding: 1%0.5%0%0.5%; color: #626e60;}
em { font-weight: bold; }
a:link { text-decoration: underline; color: #626e60; padding: 0.1%; }
a:visited { text-decoration: underline; color: #000000;  padding: 0.1%; }
a:hover {background: #527576; text-decoration: underline; color: white; padding: 0.1%; }
p { text-decoration: none;  padding: 1%; margin: 1%; }
li { text-decoration: none;  padding: 0.5%; margin: 0.5%0.5%0.5%1.5%; }
.footer  {  clear: both;  color: #ffffff; text-decoration: none; text-align: center; background: #626e60;  }
.menu  { color: #cccccc; margin:0.5%; clear: left;  text-align: left;}
.head { float: none; width: 100%; margin: 0%; padding: 0.5%;  color: #626e60; background: #cccccc;}
.right { float: right; width: 20%; margin: 0.5%; padding: 0.5%; background: white; }
.right-gray {text-align: center; float: right; width: 15%; margin: 1%; padding: 0.5%; background: #E6E6FA; }
.image-right {float: right; padding: 0.1%; margin: 1%; }
.image-left {float: left; padding: 0.1%; margin: 1%; text-align: left; } 
.box-left {width:30%; float: left; padding: 0.5%; margin: 0.5%;  } 
.box-right {width:30%; float: right; padding: 0.5%; margin: 0.5%; } 
.left {float: left; padding: 0.5%; margin: 0.5%; width: 50%; } 
.portrait {float: left; padding: 0%0.5%1%0%; margin: 0%; text-align: left;}
table {  padding: 0.5%; margin: 1%; background: #626e60;  }
td { background: #ffffff; padding: 1%; margin: 1%;}
.advert { float: right; width: 150px; margin: 0.5%; padding: 0%; background: white; }
.right { float: right; width: 10%; margin: 1%; padding: 1%; background: white; }

nav ul ol {
display : none;
font-weight : normal;
color : #626e60;
}
nav ul li:hover > ol {
display : block;
text-align : center;
}
nav ul {
display : inline-table;
list-style-type : none;

}
nav ul:after {
content : "";
clear : both;
display : block;
}
nav ul ol li:hover {
color: #101d3d;
}


ol.menubutton {
list-style-type : none;
padding :1%;
text-align : left;
position : absolute;
z-index : 1;
background : #cccccc;
color: #3c5385;
}

.button {
float : none;
padding : 0.5%;
vertical-align : middle;
background : #ffffff;
color: #3c5385;
}

.menubutton a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.menubutton a:link {
text-decoration : none;
}

.menubutton li {
border : 0.5em;
text-align : left;
text-decoration : none;
padding: 2%;
}

.leftmenu {
width : 20%;
float : left;
color: #3c5385;
font-weight: bold;
margin: 0%0%1%0%;
}

.rightmenu {
width :20%;
float : right;
color: #3c5385;
font-weight: bold;
margin: 0%0%1%0%;
}
.right-150 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 150px;
}
.right-200 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 200px;
}

.right-300 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 300px;
}
.right-400 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 400px;
}
.right-500 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 500px;
}

.right-560 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 560px;
}

.right-640 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 640px;
}

.left-300 {
margin : 0.5%;
padding : 0%;
float : left;
text-align : center;
width : 300px;
}
.left-600 {
margin : 0.5%;
padding : 0%;
text-align : center;
float : left;
width : 600px;
}