.MapHeader {text-align:center; /*background: #0A2B4Al;*/ padding-bottom:0px;}
.MapArea
{
   margin: 85px 0px 0px 0px; height:100%; max-height:750px; width:100%; color:#FFFFFF; font-family:"Trebuchet MS", Calibri, Helvetica, sans-serif;
   background: #0A2B4A; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(#0A2B4A, #1C5F75); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#0A2B4A, #1C5F75); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#0A2B4A, #1C5F75); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#0A2B4A, #1C5F75); /* Standard syntax */
}
.MapHeader h2 {text-align:center; color:#FFFFFF; margin:0px; padding:15px 0px 0px 0px; text-transform:none;}
#MainMap {width:1024px; height:500px; margin-left:auto; margin-right:auto;}

@media only screen and (max-width: 1028px)
{
   #MainMap {width:100%; height:450px;}
}
@media only screen and (max-width: 893px)
{
   #MainMap {height:300px;}
}
@media only screen and (max-width: 697px)
{
   .ProgramsButtonFrame {max-width:130px;}
   .ProgramsButton, .btn-lg {height:52px; padding:5px; font-size:14px;}
   .Maparea {max-height:350px;}
   #MainMap {height:280px;}
}
@media only screen and (max-width: 650px)
{
   .MapHeader h2 {font-size:16px;}
   .Maparea {max-height:300px;}
   #MainMap {height:220px;}
}