body
{
background-color:#d0e4ee;
padding:10px;
border:2px solid gray;
border-radius: 4px;
margin:5px;
}
table
{
    width:100%;
    overflow:hidden;
}
table tr td
{
    vertical-align:middle;
    text-align:center;
}

.contactTable
{
    width:200px;
    text-align:right;
}
h1.header
{
    color:Navy;
text-align:center;
font-family:"Arial";
    font-size:22px;
    font-weight:bold;
    white-space:normal;
}
h1
{
color:Black;
text-align:center;
font-family:"Arial";
    font-size:10px;
    white-space: nowrap;
    overflow:hidden;
}
h2
{
color:Navy;
font-family:"Arial";
    font-size:24px;
}
h3
{
color:Navy;
font-family:"Arial";
    font-size:20px;
}
h4
{
color:Green;
font-family:"Arial";
    font-size:18px;
}
h5
{
color:Green;
font-family:"Arial";
    font-size:15px;
    font-weight:normal;
}
h6
{
font-family:"Arial";
    font-size:15px;
    line-height:130%;
    font-weight:normal;
}
p
{
font-family:"Arial";
font-size:13px;
line-height:140%;
}

textarea
{
    font-family:"Arial";
    font-size:13px;
    width:200px;
}

input
{
    font-family:"Arial";
    font-size:13px;
    width:200px;
}

.homepage
{
font-family:"Arial";
font-size:15px;
line-height:140%;
font-weight:bold;
}

.contactlink
{
    margin-top:50px;
    margin-bottom:50px;
    font-family:"Arial";
font-size:16px;
text-align:center;
}

.contact
{
    font-size:12px;
    color:#c0121d;
    font-weight:bold;
}
ul
{
    list-style:circle;
    font-family:"Arial";
    font-size:13px;
    line-height:140%;
}
ol
{
    font-family:"Arial";
    font-size:13px;
}
img
{ 
    max-width: 90%;
    height: auto; 
    margin:20px;
}
td
{
    font-family:"Arial";
    font-size:14px;
}
.image
{
    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
table caption
{
    font-family:"Arial";
    font-size:13px;
    font-weight:bold;
    color:Maroon;
}

.pageTable
{
    width:100%;
}

.date
{
    font-family:"Arial";
    font-size:10px;
    color:Maroon;
    margin:0px;
    border:0px;
    padding:0px;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}
	
nav ul {
	background: #81b5e6; 
	background: linear-gradient(top, #8fbfef 0%, #6babeb 100%);  
	background: -moz-linear-gradient(top, #8fcfff 0%, #6babeb 100%); 
	background: -webkit-linear-gradient(top, #8fcfff 0%,#6babeb 100%); 
	box-shadow: 0px 0px 9px rgba(35,25,171,1);
	padding: 0 0px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}


nav ul li {
	float: right;
	font-family:"Arial";
    font-size:11px;
    font-weight:bold;
}

nav.en ul li
{
    float:left;
}
	nav ul li:hover {
		background: #3b549f;
		background: linear-gradient(top, #3f59d4 0%, #3f69e5 40%);
		background: -moz-linear-gradient(top, #3f59d4 0%, #3f69e5 40%);
		background: -webkit-linear-gradient(top, #3f59d4 0%,#3f69e5 40%);
	}
		nav ul li:hover a {
			color: #fff;
		}
	
	nav ul li a {
		display: block; padding: 2px 5px;
		color: #100040; text-decoration: none;
	}
	
nav ul ul {
	background: #2f69e5; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #3b72ec;
		border-bottom: 1px solid #275fda;
		position: relative;
	}
		nav ul ul li a {
			padding: 5px 20px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #1b54cf;
			}

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #99b3cf), color-stop(1, #2a78bd));
	background:-moz-linear-gradient(top, #99b3cf 5%, #2a78bd100%);
	background:-webkit-linear-gradient(top, #99b3cf 5%, #2a78bd 100%);
	background:-o-linear-gradient(top, #99b3cf 5%, #2a78bd 100%);
	background:-ms-linear-gradient(top, #99b3cf 5%, #2a78bd 100%);
	background:linear-gradient(to bottom, #99b3cf 5%, #2a78bd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99b3cf', endColorstr='#2a78bd',GradientType=0);
	background-color:#99b3cf;
	-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;
	border:2px solid #2319ab;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	padding:7px 25px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2a78bd), color-stop(1, #99b3cf));
	background:-moz-linear-gradient(top, #2a78bd 5%, #99b3cf 100%);
	background:-webkit-linear-gradient(top, #2a78bd 5%, #99b3cf 100%);
	background:-o-linear-gradient(top, #2a78bd 5%, #99b3cf 100%);
	background:-ms-linear-gradient(top, #2a78bd 5%, #99b3cf 100%);
	background:linear-gradient(to bottom, #2a78bd 5%, #99b3cf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a78bd', endColorstr='#99b3cf',GradientType=0);
	background-color:#2a78bd;
}
.myButton:active {
	position:relative;
	top:1px;
}
.sideimage
{
    display:none;
}
.bottomimage
{
    display:inline;
}
.pageTable
{
    table-layout:auto;
}
.logo
{
    max-width:100px;
    height: auto;
}
@media only screen and (min-width: 600px)
{
    .sideimage
    {
        display:inline;
    }
    .bottomimage
    {
        display:none;
    }
    .pageTable
    {
        table-layout:fixed;
    }
    nav ul
    {
	    border-radius: 15px;
    }
    nav ul li
    {
        font-size:14px;
    }
    nav ul li a
    {
		display: block; padding: 10px 10px;
    }
    body
    {
        padding:20px;
        border:5px solid gray;
        border-radius: 15px;
        margin:5px;
    }
    h1
    {
        font-size:12px;
    }
    h1.header
    {
        font-size:24px;
    }
    .contact
    {
        font-size:14px;
    }
    .myButton
    {
        font-size:17px;
	    padding:7px 31px;
    }
}
@media only screen and (min-width: 1000px)
{
    body
    {
        padding-left:100px;
        padding-right:100px;
    }
}