/* Body/common styling */
body {
    margin: 0; background-color: #c33; color: #fcc;
    font-family: "Verdana",sans-serif;
}
body * { box-sizing: border-box; }

.textcont { padding: 0 16px; } .textcont * { margin: 16px 0; }
h2 { color: #f99; }
p { text-align: justify; }
table { border-spacing: 0; } td { padding: 0; }

/* Structure styling (centers columns of content in a backwards-compatible AND standards-compliant way) */
.container { text-align: center; }
.container .centerer { display: inline-block; width: 620px; text-align: left; }





/* Content/section styling */
#logo { display: block; }



#lockers {
    background-image: url("Graphics/shine.gif"); background-repeat: repeat-x;
}
#lockers .centerer { padding: 0 2px; }

#lockerinset { background-color: #333; }
#t, #b { height: 16px; } #l, #r { width: 16px; }
#t { background-image: url("Graphics/t.gif"); }
#l { background-image: url("Graphics/l.gif"); }
#r { background-image: url("Graphics/r.gif"); }
#b { background-image: url("Graphics/b.gif"); }
#tl { background-image: url("Graphics/tl.gif"); }
#tr { background-image: url("Graphics/tr.gif"); }
#bl { background-image: url("Graphics/bl.gif"); }
#br { background-image: url("Graphics/br.gif"); }

#lockertbl {
    border-spacing: 2px; background-color: #f66;
    background-image: url("Graphics/door.gif");
}

.member { width: 192px; height: 192px; }
.member table {
    width: 100%; height: 100%; color: #309;
    font-family: "Courier New",monospace; font-weight: bold;
}
.go { width: 28px; } .go a { display: block; width: 100%; height: 100%; }
.name { height: 28px; text-align: center; }
.pic { vertical-align: top; }
.pic img { display: block; margin: 8px; width:144px;height:144px;/*temp*/}