@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 14px Verdana, Geneva, sans-serif;
	color: #000000;
	background: #F0F0F0;
}


.HeaderContainer
{
    width:auto;
    margin:0px 0px 0px 0px;
    height:150px;
    background-color:#A2B2BD;
    border-style: solid none none none;
    border-width: 1px;
}

.HeaderContainer h1, h2
{
    text-align:center;
}

.HeadLeftContainer
{
    float:left;
    width:20%;
    margin:0 0 0 0;
    background-color:#F0F0F0;
    height:100%;
}

.HeadRightContainer
{
    float:left;
    width:20%;
    margin:0 0 0 0;
    height:100%;
}


.HeadCenterContainer
{
    float:left;
    width:60%;
    margin:0 0 0 0;
    height:100%;
}


.BodyContainer
{
    width:auto;
    margin:5px 10% 5px 10%;
    height:auto;
    background-color:#F0F0F0;
    border-style: none;
}

.BodyContainer h1
{
    text-align:center;
}

.BodyContainer h2
{
    text-align:left;
}


.MenuContainer
{
    width:auto;
    margin:0px 0px 0px 0px;
    height:18px;
    background-color:#244C69;
    border-style: solid none solid none;
    border-width: 2px;
}

.MenuContainer ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

.MenuContainer li
{
    float:left;
    margin-left:30px;
    color:white;
}

.InfoContainer
{
    width:100%;
    margin:0px 0px 0px 0px;
    height:200px;
    background-color:#F0F0F0;
    float:left;
    align-items:center;
}

a, a:visited, a:hover, a:active {
    color: inherit;
    text-decoration: none;
}

.BodyContainer a {
    color: blue;
}

 .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}