div.darkmain { background: #fff; } div.darkmain h1 { color: #666; } div.darkmain h4 class="youreeka" { color: #777; background-color: #ccc; } div.roster { padding: 20px 45px 20px 45px; position: relative; } div.rosterinfo img { display: none; } div.roster div.infobox { display: none; } span.name { font-size: 18px; color: #b0bb2e; font-family: myriad, helvetica, verdana; display: block; } span.age, span.hometown, span.rank, span.discharge { font-size: 13px; } span.rd { color: #b0bb2e; } div.bodytext { margin-top: 8px; font-size: 12px; overflow: auto; padding: 4px; color: #333; } div.bodytext img { border: 1px solid #948c71; width: 180px; float: left; margin: 0 8px 8px 0; } table.roster { width: 100%; border-collapse: collapse; } table.roster td { background-color: #fff; vertical-align: top; padding: 0; margin: 0; } table.roster td:hover { background-color: #b0bb2e; } table.roster td span.ros, table.roster td span.rosinactive { background-position: center; border: 3px solid #333; display: block; height: 120px; background-repeat: no-repeat; } table.roster td span.ros { cursor: pointer; } table.roster td:hover span.ros { border: 3px solid #b0bb2e; } table.roster td span.r1 { background-image: url(../art/r1.jpg); } table.roster td span.r2 { background-image: url(../art/r2.jpg); } table.roster td span.r3 { background-image: url(../art/r3.jpg); } table.roster td span.r4 { background-image: url(../art/r4.jpg); } table.roster td span.r5 { background-image: url(../art/r5.jpg); } table.roster td span.r6 { background-image: url(../art/r6.jpg); } table.roster td span.r7 { background-image: url(../art/r7.jpg); } table.roster td span.r8 { background-image: url(../art/r8.jpg); } table.roster td span.r9 { background-image: url(../art/r9.jpg); } table.roster td span.r10 { background-image: url(../art/r10.jpg); } table.roster td span.r11 { background-image: url(../art/r11.jpg); } table.roster td span.r12 { background-image: url(../art/r12.jpg); } table.roster td span.r13 { background-image: url(../art/r13.jpg); } table.roster td span.r14 { background-image: url(../art/r14.jpg); } table.roster td span.r15 { background-image: url(../art/r15.jpg); } table.roster td span.r16 { background-image: url(../art/r16.jpg); } table.roster td span.r17 { background-image: url(../art/r17.jpg); } table.roster td span.r18 { background-image: url(../art/r18.jpg); } table.roster td span.r19 { background-image: url(../art/r19.jpg); } table.roster td span.r20 { background-image: url(../art/r20.jpg); } table.roster td span.r21 { background-image: url(../art/r21.jpg); } table.roster td span.r22 { background-image: url(../art/r22.jpg); } table.roster td span.r23 { background-image: url(../art/r23.jpg); } table.roster td span.r24 { background-image: url(../art/r24.jpg); } table.roster td span.r25 { background-image: url(../art/r25.jpg); } table.roster td span.r26 { background-image: url(../art/r26.jpg); } table.roster td span.r27 { background-image: url(../art/r27.jpg); } table.roster td span.r28 { background-image: url(../art/r28.jpg); } table.roster td span.r29 { background-image: url(../art/r29.jpg); } table.roster td span.r30 { background-image: url(../art/r30.jpg); } table.roster td span.r31 { background-image: url(../art/r31.jpg); } table.roster td span.r32 { background-image: url(../art/r32.jpg); } table.roster td span.r33 { background-image: url(../art/r33.jpg); } table.roster td span.r34 { background-image: url(../art/r34.jpg); } table.roster td span.r35 { background-image: url(../art/r35.jpg); } table.roster td span.r36 { background-image: url(../art/r36.jpg); } table.roster td span.r37 { background-image: url(../art/r37.jpg); } table.roster td span.r38 { background-image: url(../art/r38.jpg); } table.roster td span.r39 { background-image: url(../art/r39.jpg); } table.roster td span.r40 { background-image: url(../art/r40.jpg); } table.roster td span.r41 { background-image: url(../art/r41.jpg); } table.roster td span.r42 { background-image: url(../art/r42.jpg); }