style.css

@CHARSET "UTF-8";

body
{
	margin: 0;
	padding: 0;
	background-image:url('Back.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	font-family: Impact, Charcoal, sans-serif;
	text-align:center;
}

*{
	margin: 0px auto;
	padding: 0px;
}

#Title
{
	font-size:100px;
}

select {
	font-family:Cursive;
	font-size:20px;
}

#main
{
	position:relative;
	padding:20px;
	margin:auto;
}

#mainText
{
	font-size:20px;	
}

#heatmapArea
{
	position:relative;
	border-style: solid;
    border-width: medium;
}

.submit input { 
    width: auto; 
    padding: 9px 15px; 
    background: #617798; 
    border: 0; 
    font-size: 14px; 
    color: #FFFFFF; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}

input:hover
{
	background-color:#618798;
}

.menu{
	width: 100%;
	background-color: #333; 
	}
	
.menu ul{
	margin: 0; padding: 0;
	float: left;
	}

.menu ul li{
	display: inline;}

.menu ul li a{
	float: left; text-decoration: none;
	color: white; 
	padding: 10.5px 11px;
	background-color: #333; 
	font-size:30px;
}

.menu ul li a:visited{
	color: white;}

.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	background-color:#0b75b2;}
	
#section
{
	font-size:30px;
	font-family:Arial,Helvetica,sans-serif;
}

#para
{
	font-size: 20px;
	font-family:Arial,Helvetica,sans-serif;
}