/* Body Properties */
body{
margin:3%;
padding:1%;
font-family: "Segoe Media Center Semibold", arial, sans-serif;
font-size:100%;
background-color:white;}
 
#wrap {width:95%; margin:auto; overflow: auto; background-color: white;}

/* Header Properties */
header.placement {width:100%; background-color:white;}
header h1{font-family:"Segoe Media Center Semibold", serif; font-size:220%; color:blue; margin-left:5%;
padding-top:.3em; text-shadow: 0 1px 1px rgba(0,0,0,0.5)}
header h2 {font-family:arial, helvetica, sans-serif; font-size:110%; color:black; margin-left:5%; margin-top: .4%;}
header img.banner{float:right; width:60%; margin-left:1%; margin-top:0%; padding-right:5%; margin-bottom: .1%}

/* Main Content Section */
section.placement{width:95%; background-color:white; color:black; padding:0 1% 1% 1%; margin:1%; float:left; }
section h2{font-family:"Segoe Media Center Semibold", helvetica, sans-serif; font-size:130%; color:red; 
text-align:left; margin-bottom:.1em; text-shadow: 0 1px 1px rgba(0,0,0,0.5)}
section a:link{color:red}
section a:visited{color:blue}
section a:hover{color:green}
section p{font-family: arial, helvetica, sans-serif; font-size:110%; color:black; padding-left: 1%;}
section.i74seg4{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section img{float:left; width:40%; margin-left:.1em; margin-right:.1em; margin-bottom:1%;}
section img.banner{float:left; width:12%; margin-left:1%; margin-top:0%; padding-right:5%; margin-bottom: .1%}
/* Code to create larger images when hovering */
section img.transition:hover {
	background-color: #7c9c91;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
} 

/* Footer Section */
footer.placement{width:100%; clear:both; background-color:white; border: 5px solid navy; margin:.5em;}
footer p{font-family: "Times New Roman", serif; font-size:110%; color:black; text-align:left; margin: 1%;}