body{
    margin: 0 auto;
	min-height: 100%;
	min-width: 100%;
}
html{
	margin: 0 auto;
	height: 100%;
	background-color:#2F5596;
}
.p1{
	padding-left: 10px;
	font-family: Arial;
	padding-right: 10px;
	padding-top: 2%;
	font-size: 24px;
	margin: 0;
}
.container{
	pointer-events: none;
    width: 100%;
    height: 100%;
	position: fixed;
    float: left;
}
.header{
	pointer-events: auto; 
    width: 100%;
    background-color:#333;
    float: left;
	border: 1px solid black;
	box-sizing: border-box;
 } 
.header  h1{
	color: white;
	font-family: Rockwell;
	text-align: center;
	font-size: 2vw;
	margin-top: 10px auto;
	margin-bottom: 10px auto;
}
.contentl{
	pointer-events: auto; 
    width: 20%;
	height: 88%;
    background-color:#2F5596;
    float: left;
 } 
 .contentm{
	pointer-events: auto; 
    width: 65%;
	margin: 0 auto;
	padding-left: 5%;
	padding-top: 6%;
 } 

 .contentr{
	pointer-events: auto; 
	pointer-events: auto; 
    width: 15%;
	height: 100%;
    background-color: #333;
    float: right;
	border-left: 1px solid black;
	box-sizing: border-box;
 } 
ul {
    list-style-type: none;
    margin: 0;
    padding: 5%;
    overflow: hidden;
    background-color: #333;
}
li {
    float: left;
}
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 1vw 1vw;
    text-decoration: none;
	font-size: 2vw;
}

.form label{
	display: block;
       color:black;
}

a{
text-decoration: none; 
text-transform: bold; 
font-family: arial; 
color: white;
}
a:hover{
text-decoration: none; 
text-transform: bold; 
font-family: arial; 
color: gray;
}