@charset "utf-8";
/* CSS Document */
<!--body {background-color:#FFFFFF; link:#000000; vlink:#999} -->
<!-- table {border:0; cellpadding:0; cellspacing:0; width:100%; bgcolor:#FFFFFF; bordercolor:#3399FF; } -->

img.center {display:block;  margin-left: auto; margin-right: auto; height: 300px; width: 100%;}
#header {background: #0f0; color:"#3399FF"; float:left; width: 100%; height: 20px}
.logo {float:left; border: groove 5px #999; height: 300px; }
#logoContainer {width:462px;align-content: center;  background:#999; height: 300px}
#row01{width: 70%; margin-left: auto; margin-right: auto; height: auto}
#row02{width: 70%; margin-left: auto; margin-right: auto; height: auto}
#row03{width: 70%; margin-left: auto; margin-right: auto; height: auto}
#row04{width: 70%; margin-left: auto; margin-right: auto; height: auto}
#row05{width: 70%; margin-left: auto; margin-right: auto; height: auto}
#row06{width: 70%; margin-left: auto; margin-right: auto; height: auto}
.20percentSpaceFloat{float:left;width:6%;}
.20percentSpaceClear{clear:left;width:6%;}
.doubleTextContainer{clear:left;width:100%;}
.column00 {float: left; margin-left: auto; margin-right: auto; width: 16%;}
.column01 {float: left; margin-left: auto; margin-right: auto; width: 16%;}
.column02 {float: left; margin-left: auto; margin-right: auto; width: 16%;}
.column03 {float: left; margin-left: auto; margin-right: auto; width: 16%;}
.column04 {float: left; margin-left: auto; margin-right: auto; width: 16%;}
.column05 {float: left; margin-left: auto; margin-right: auto; width: 16%;}
.column06 {float: left; margin-left: auto; margin-right: auto; width: 16%;}

#footer {width:100%; background: #0f0; clear: both}
.backToBeginning {float:left;  border:thin; width:40%; font-style:normal}
.backToHome {float:left;  border:thin; width:40%; font-style:normal}
.next {float: left;  border:thin; font-style:normal;margin-left: auto; margin-right: auto; width: 12%;}
.singlePanel {float:left; margin-left: auto; margin-right: auto; width: 740px;}
.multiPanel {clear:both; border: groove 5px #999;background:#CCC;  width: 462px; height:auto}
.multiPanelFirst {position:absolute; top:218px; left:8px; border: groove 5px #999;background:#CCC;  width: 462px; height:auto}
.buttonWrap {display:none}
<!-- below is some stuff from a website, http://www.w3schools.com/CSS/tryit.asp?filename=trycss_image_gallery -->
div.img462x350 {margin: 5px; border: 10px solid #ccc; float: left; width: 462px;}	
div.img462x350:hover {border: 10px solid #777;}
div.img462x350 img {width: 100%; height: auto;}
div.desc {padding: 15px; text-align: center;}