* {margin:0; padding:0;}
body{font-family:calibri, sans-serif; font-size:100%; background:#663; padding:5%;} 
h1 {font-size:200%; color:white; text-align:left; font-family:calibri, sans-serif; padding:1%}
img {max-width: 100%;}
#outerwrapper{max-width:900px; margin:0 auto; background:#330; border:4px solid black;}
#topleft{width:52%; color:#fff; float:left; margin:0; padding:1%;text-align:middle;}
#topright{width:30%; color:#fff; float:right; margin:0; text-align:right; padding:1%;}
#pictureline{width:100%; text-align:center; height:auto;}
#leftcol{width:3.75%; float:left; background:#880; height:auto;}
#rightcol{width:95%; float:right;}
#middle{width:98%; margin:0 auto;}
#middleleft{width:29%; float: left; color:#fff; margin:1%; padding:1%; height:auto; text-align:justify;}
#middleright{width:29%; float: right; color:#fff; margin:1%; padding:1%; height:auto; text-align:justify;}
#middleright2{width:30%; float: left; color:#fff; margin:1%; padding:1%; height:auto; text-align:justify;}
#footer {width:99%;}
#footerleft {margin:0% 5% 2% 1%; float:left; color:#fff;}
#footerright {margin:0% 1% 2% 5%; float:right; text-align:right; color:#fff;}
.imageleft {margin:0 10px 5px 0;}
.imageright {margin:0 0 5px 10px;}
p {font-size:95%;}
.web {color:white;}
.mail {color:white;}