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

/* Header Properties */
header.placement {width:100%; }
header h1{font-family:"Segoe Media Center Semibold", serif; font-size:240%; color:blue; margin-left:5%;
padding-top:.1em; text-shadow: 0 1px 1px rgba(0,0,0,0.5)}
header h2 {font-family:arial, helvetica, sans-serif; font-size:120%; color:black; margin-left:5%; margin-top: .2%;}
header p {font-family:arial, helvetica, sans-serif; font-size:105%; font-weight: bold; color:black; margin-left:5%;
 margin-top: .2%;}
header img.banner{float:right; width:60%; margin-left:1%; margin-top:1%; 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 table{font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size:105%;}
section.fol01{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol02{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol03{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol04{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol05{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol06{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol07{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol08{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol09{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section.fol10{font-family: arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:black; 
margin-bottom: .1%; float:left; }
section img{float:left; width:66%; margin-left:.1em; margin-right:.1em; margin-bottom:1%;}
section img.map{float:left; width:66%; margin-left:13em; margin-right:2em; 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%;}