body{
	margin:0px; 
	padding:0px; 
	background-image: url('images/backGround.png'); 
	background-size:100%; 
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-position: 0px -200px;
}

.bottom{
	padding:1% 0 0 0; 
	width:100%; 
	text-align:center; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:26px; 
	color:black; 
	background-color:white;
}

.contact{
	width:100%;
	background-color:white; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	text-align:center;
}

.contact2{
	display:none;
}

.ddt{ 
	padding:6px;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:4vh; 
	color:#ffffff; 
	float:left;
}

.footer{
	padding:0 0 45px 0;
	width:100%; 
	text-align:center; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	background-color:white;
}

.footer2{
	display:none;
}

.font18{
	font-size: 18px;
}

.head{
	margin:0px; 
	padding:0px;
	width:100%; 
	background-color:#000066; 
	box-shadow:black 0px 0px 10px;
}

.head2{
	display:none;
}

.image{
	max-width: 75px;
}

.login{
	padding:20px 0 0 0;
	text-align:right;
	width:50%;
}

#loginForm{
	width:100%; 
	text-align:center; 
	margin:20px 0 20px 0;
}

.message{
	margin:6% 0 25px 0; 
	font-size:2.2vw;
	font-weight:bold;
}

.message2{
	display:none;
}

.mid{
	margin:3% 0 -6% 0; 
	width:100%; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:6vh; 
	color:#000000; 
	text-align:center; 
	font-weight:bold;
}

.performance{
	text-decoration:underline;
}

.tableBottom{
	width:60%; 
	padding:0 0 45px 0;
}

.tableBottom2{
	width:60%; 
	padding:0 0 45px 0;
	display:none;
}

.tableData{
	padding:0 15px 0 15px; 
	width:20%; 
	vertical-align:top;
}


.title{
	margin:30px 0 0 0; 
	font-size:4.0vw; 
}



/* MEDIA BREAK AT */
@media screen and (max-width:800px) {
.contact{
	display:none;
}

.contact2{
	padding:10px; 
	background-color:white; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	text-align:center;
	display:block;
}

.ddt2{
	padding:15px 0 0 0;
	width:100%;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:8.6vw; 
	color:#ffffff;
	text-align:center;
}

.footer{
	display:none;
}

.footer2{
	padding:0 0 7% 0;
	width:100%; 
	text-align:center; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	background-color:white;
	display:block;
	font-size:5vw;
}

.head{
	display:none;
}

.head2{
	margin:0%;
	width:99%; 
	padding:1% 0 1% 0; 
	background-color:#000000; 
	box-shadow:black 0px 0px 10px;	
	display:BLOCK;
}

.login2{
	width:100%;
	text-align:center;
}

.mid{
	display:none;
}

.message{
	font-size:2.5vw;
	display:none;
}

.message2{
	font-size:6.5vw;
	margin:10% 0 5% 0;
	display:block;
}

.tableBottom{
	width:60%; 
	padding:0 0 45px 0;
	display:none;
}

.tableBottom2{
	width:60%; 
	padding:0 0 45px 0;
	display:block;
}
.tableData{
	padding:0 0 2% 0;
}

}