body { background: #7386FF; padding-bottom: 20px }
#main { margin: 0 20px 20px 20px }
#main h1 { padding:0; margin-top: 20px }

#header { background-color: #eee; font-weight: normal; margin:0; padding:10px; font-size: small }
.layer1 { position: relative;  top: -37px; margin:auto; width: 600px; height: 160px; text-align:center; z-index: 1}
.layer1 img { border: 0}
h2 {margin: 2.2em 0 1.1em;  font-family:  Verdana, Trebuchet, Helvetica, Arial, sans-serif; font-size: 14px; color: #fdf}
table { margin: auto; border-collapse: separate; border-spacing: 20px }
td { vertical-align: top; text-align:center; width: 515px }
hr { margin-top: 20px; }

pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }
#zoom { position: relative; text-align:center; margin: auto}
.pics { height: 412px; width: 512px; padding:0; margin:0; overflow: hidden }
.pics img { height: 380px; width: 480px; padding: 15px; border: 1px solid #eee; background-color: #CDD4D4; top:0; left:0 }