body{style=padding:0px; margin:0px;background-color:#fff; font-size:12px;font-family:"Arial Black", Gadget, sans-serif;background:#378DC8;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #013476 0%, #378DC8 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #013476 0%, #378DC8 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #013476 0%, #378DC8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #013476), color-stop(1, #378DC8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #013476 0%, #378DC8 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #013476 0%, #378DC8 100%);}

.body{ margin:0 auto; clear:both; background-repeat:no-repeat;  }

.mainHeader img { width:30%; height:auto; margin:.5% 0 0 10%;}
.mainHeader nav { background-color: #095bbd; height:30px; }
.mainHeader nav ul{ margin:0 auto; margin-left:100px; }
.mainHeader nav ul li {display:inline; }
.mainHeader nav a:link, .mainHeader nav a:visited { color: #fff; display: inline-block; padding: 5px 25px; height:20px;text-decoration:none; }
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited{background-color:#205a82; text-shadow: none;}
.footer { width:100%;height:28px; float:left; }
.footer p { text-align:center;font-family:Verdana, Geneva, sans-serif;font-size:12px;}

@media only screen and (min-width: 150px) and (max-width:600px)
{
	.body{ width: 90%; font-size:95%;}
	.mainHeader img { width:100%; margin:0;}
	.mainHeader nav {height:200px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.mainHeader nav ul {padding-left:0; margin-left:0;}
	.mainHeader nav ul li {width:100%;text-align: center;}
	.mainHeader nav a:link, .mainHeader nav a:visited{ padding:10px 25px;height:20px;display: block;}
	.footer {height:100%}
}