body {
font : 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #cfcff6;
margin : 0;
padding : 0;
color : #000;
overflow : auto;
}


h1, h2, h3 {
text-align : center;
padding: 1%;
}


p {
padding : 1%;
color : #000;
}


img {
text-align : center;
max-width : 100%;
height : auto;
width : auto;
}


#wrapper {
margin : 0 auto;
width: 90%;
overflow:hidden;
background-color : #fff;
border : #959595 solid 1px;
}


#callout {
width : 100%;
height : auto;
background : #99ffff;
overflow : hidden;
}


#callout p {
text-align : center;
font-size : 16px;
font-style : italic;
padding : 2% 2% 2% 2%;
color : #000;
}


#callout p a {
color : #0000ff;
text-decoration : none;
}
.clearfix {
	clear: both;
}



.banner {
	
	width:100%;
	height:auto;
	
}
 
.space {
width:10px;
height:50px;
background-color:#fff;
}

footer {
margin:0 auto;
background : #0076a3;

overflow : hidden;
text-align : center;
font-family:arial, sans-serif;

}
footer p, footer h3 {
color : #fff;
}
footer p a {
color : #fff;
text-decoration : none;
}

@media screen and (max-width:740px)
.section {
float : left;
width : 100%;
margin : 0;
}
.topnav {
overflow : hidden;
background-color : #0076a3;
border-top : 15px solid #006666;
border-bottom : 15px solid #006666;
}
.topnav a {
float : left;
display : block;
color : #f2f2f2;
text-align : center;
padding : 14px 16px;
text-decoration : none;
font-size : 17px;
}
.topnav a:hover {
background-color : #ddd;
color : black;
}
.topnav .icon {
display : none;
}
@media screen and (max-width:600px) {
.topnav a:not(:first-child) {
display : none;
}
.topnav a.icon {
float : right;
display : block;
}
}
@media screen and (max-width:600px) {
.topnav.responsive {
position : relative;
}
.topnav.responsive .icon {
position : absolute;
right : 0;
top : 0;
}
.topnav.responsive a {
float : none;
display : block;
text-align : left;
}
}