body {
font-family : sans-serif;
background : #ffffff ;
padding : 0.5%;
margin : 0.5%;
color : #3c5385;
margin-left:auto;
margin-right:auto;
}

h1 {
font-size : 200%;
margin : 0.5%;
padding : 3%1%0%1%;
text-align : center;
font-family : sans-serif;
}

h2 {
font-size : 180%;
padding : 3%1%0%1%;
clear : left;
}

h3 {
font-size : 150%;
padding : 3%1%0%1%;

text-align : left;
}

h4 {
font-size : 100%;
padding : 3%1%0%1%;
text-align : left;
}

p {
padding : 0.5%;
margin : 0.5%;
text-align : left;
line-height : 130%;

}

.newline {clear: left; }
.newline-both {clear: both; }

.caption {
margin : 0.5% 0.5% 0% 0.5%;
padding : 0.5%;
line-height : 110%;
clear : left;
text-align : center;
font-size : 90%;
}

.home-p {
margin : 1% 0.5% 4% 0.5%;
padding : 0.5%;
line-height : 150%;
clear : left;
text-align : center;
font-size : 110%;
}

.icons {
margin : 0.5%;
padding : 0.5%;
line-height : 110%;
text-align : center;
}
table {
margin : 0.5%;
padding : 0.5%;
float : none;
width : 100%;
background: #dce7d0;
}
td {
margin : 1%;
padding : 1%;
text-align : left;
background: #ffffff;
font-size: 120%;
}
.image-right {
float : right;
margin : 0%;
padding : 1%;
border : 0;
text-align : right;
}
.image-left {
float : left;
margin : 0%;
padding : 1%;
border : 0;
text-align : left;
}
.image-center {
padding : 0%;
margin : 1%5%1%5%;
border : 0;
text-align: center;
float: none;
}

.image-home {
padding : 0%;
margin : 3%0%2%0%;
border : 0;
text-align: center;
}

.box-left {
float : left;
margin : 0.5%;
padding : 0.5%;
border : 0;
text-align : left;
width : 40%;
}

.box-left-60 {
float : left;
margin : 0.5%;
padding : 0.5%;
border : 0;
text-align : left;
width : 40%;
}
.box-right {
float : right;
margin : 0.5%;
padding : 0.5%;
border : 0;
text-align : left;
width : 40%;
}
.footer {
clear : both;
padding : 0.5%;
margin : 0.5% 0% 0% 0%;
text-align : center;

}


a:link {
color : #3c5385;

}

a:visited {
color : #9bcaea;

}

a:hover {
font-weight : bold;
}
a:active {
color : #ffffff;
background : #3c5f5b;
}

.not-menu {
    display: inline;
    list-style-type: square;
    text-align: left;
    padding: 0.5%;
    color: black;
    background-color: #ffffff;
    overflow: visible;
}

.menu-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #dce7d0;
border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
}

.menu-li {
    float: left;
}

.menu-li a, .dropbtn {
    display: inline-block;
    color: #dce7d0;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.menu-li a:hover, .dropdown:hover .dropbtn {
    background-color: #dce7d0;
    color : #3c5385;
}

.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #dce7d0;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: #3c5385;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}



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

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

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

.left-400 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 400px;
}

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

.left-300 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 300px;
}
.left-250 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 250px;
}

.right-250 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 250px;
}
.left-200 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 200px;
}

.left-third {
margin : 1%;
padding : 2%;
text-align : center;
float : left;
width : 27%;
}

.right-third {
margin : 1%;
padding : 2%;
text-align : center;
float : right;
width : 27%;
}
.right-150 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 150px;
}

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