/*body { padding-bottom: 20px }
#main { background: #fff; margin: 0 20px 20px 20px }
#main h1 { padding:0; margin-top: 20px }
#main h2 { text-align: left }
#header { background-color: #eee; font-weight: normal; margin:0; padding:10px; font-size: small }

table { margin: auto; border-collapse: separate; border-spacing: 20px }
td { vertical-align: top; text-align:center; width: 235px }
hr { margin-top: 20px; }
*/
pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

#s6 { width: 640px; height: 150px; border: 0px solid #ddd; background-color: #E6FFE6; z-index: 1;}
#s6 div { width: 640px; height: 150px; padding: 0px; color: #333; text-align: left; font-size: 16px; font-weight: bold;}
#s6 div img { float: left; margin: 0 10px 10px 0;  padding: 3px; background: #E6FFE6 }
 
#s7 { width: 230px; height: 230px; border: 1px solid #ddd; background-color: #eee; }
#s7 div { width: 200px; height: 200px; padding: 15px; color: #333; text-align: left; font-size: 16px; overflow: hidden }
 
#s6 div, #s7 div { top: 0; left: 0 }
#big { width: 500px; text-align: left }
 
td a { margin: 0px }
.nav { margin: 5px 0 }
#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }
#output { text-align: left; }