body {
 background-color: rgb(157, 44, 59);
 font-family: Arial, sans-serif;
 margin: 0 auto 0 auto;
 padding: 0;
 }

#outside {
 background-color: rgb(246,247,233);
 background-image: url("/images/cnvbkgnd.jpg");
 border: 1px solid rgb(157, 44, 59);
 margin: 0 auto 0 auto;
 padding: 0;
 width: 768px;
 }

#wrapper {
 color: #000;
 display: inline;
 margin: 0 auto 0 auto;
 padding: 0;
 width: 100%;
 }

#header {
 background-image: url("/images/tshirt.gif");
 background-position: 20px center;
 background-repeat: no-repeat;
 min-height: 140px;
 }

#header h1 {
 color: rgb(157, 44, 59);
 font-family: "Magneto",cursive;
 font-size: 160%;
 font-weight: bold;
 margin: 0px 0px 0px 190px;
 padding: 10px 0px 0px 0px;
 }

#header h2 {
 color: rgb(157, 44, 59);
 font-family: "Magneto",cursive;
 font-size: 110%;
 font-weight: bold;
 margin: 0px 0px 0px 190px;
 }

#nav {
 float: left;
 margin-left: 1%;
 margin-right: 0;
 width: 27%;
 }

#nav ul {
 color: gray;
 list-style: none;
 margin: 0;
 padding-left: 0;
 }

#nav li {
 font-weight: bold;
 text-indent: 5px;
 }

#nav ul a,
#nav ul a:visited {
 color: rgb(157, 44, 59);
 display:block;
 text-decoration: none;
 }

#nav ul a:hover {
 background-color: rgb(241,227,170);
 }

#nav ul a.show,
#nav ul a:visited.show {
 background-color: rgb(227,228,214);
 }

#nav p {
 text-align: center;
 text-indent: 0;
 }

#content {
 float: right;
 margin-left: 0;
 margin-right: 2%;
 width: 69%;
 }

#footer {
 clear: both;
 color: rgb(157, 44, 59);
 font-size: 80%;
 font-style: italic;
 }

#footer p {
 text-align: center;
 }

#jsyes {
 display: none;
 margin: auto;
 width: 80%;
 }

table.addresses tbody tr:hover,
table.bestof tbody tr:hover,
table.dates tbody tr:hover,
table.lost tbody tr:hover,
table.playlists tbody tr:hover,
table.selection tbody tr:hover,
table.uplaylists tbody tr:hover {
 background-color: rgb(237,241,246);
 }

.fleft {
 float: left;
 margin: 10px;
 }

.fright {
 float: right;
 margin: 10px;
 }

.letterbar {
 background-color: rgb(241,227,170);
 }

.darkbar {
 background-color: rgb(227,228,214);
 }

.lightbar {
 background-color: rgb(246,247,233);
 }

.pblue {
 background-color: rgb(237,241,246);
 }

legend {
 color: black;
 }

h1,
h2,
h3 {
 text-align: center;
 }

img {
 border: 0;
 }

p {
 text-align: justify;
 text-indent: .5in;
 }

.centered p,
.centered {
 text-align: center !important;
 text-indent: 0;
 }

.justify {
 text-align: justify;
 text-indent: 0;
 }

.right {
 text-align: right;
 text-indent: 0;
 }

.left {
 text-align: left;
 text-indent: 0;
 }

.bright {
 background-color: #FFFF00;
 }

.bright2 {
 background-color: #CCFF00;
 }

.red {
 color: red;
 }

.button {
 background-color: rgb(241,227,170);
 color: rgb(157, 44, 59);
 }

form.formcenter p {
 text-align: center;
 text-indent: 0;
 }

form.formleft p {
 text-align: left;
 text-indent: 0;
 }

form.formleft p.centered {
 text-align: center;
 text-indent: 0;
 }

p.size5 {
 font-size: 150%;
 margin: 0;
 padding: 0;
 text-align: center;
 text-indent: 0;
 }

p.size6 {
 font-size: 200%;
 margin: 0;
 padding: 0;
 text-align: center;
 text-indent: 0;
 }

pre {
 font-family: Lucida Console, monospace;
 }

table {
 background-color: auto;
 border-collapse: separate;
 border: none;
 margin: 0 auto;
 overflow: scroll;
 padding: 0;
 table-layout: fixed;
 width: 100%;
 }

table.notable {
 border: 1px solid black;
 width: 70%;
 }

table.addresses,
table.bestof,
table.dates,
table.lost,
table.playlists,
table.selection,
table.uplaylists {
 background-color: silver;
 }

table.light tr {
 background-color: rgb(246,247,233);
 }

table.playlists,
table.lost {
 width: 100%;
 }

.a41 { width: 33%; }
.a42 { width: 45%; }
.a43 { width: 22%; }

.f75 { font-size: 75%; }

.c21 { width: 32%; }
.c22 { width: 68%; }

.d21 { width: 20%; }
.d22 { width: 80%; }

.e21 {
 text-align: center;
 width: 9%;
 }

.e22 {
 width: 91%;
 }

.f21 {
 font-size: 75%;
 text-align: center;
 width: 5%;
 }

.f22 {
 font-size: 75%;
 width: 87%;
 }

.f23 {
 font-size: 75%;
 text-align: right;
 width: 8%;
 }

.b31 { width: 33%; }
.b32 { width: 33%; }
.b33 { width: 33%; }

.b41 { width: 20%; }
.b42 { width: 20%; }
.b43 { width: 20%; }
.b44 { width: 40%; }

.p21 { width: 50%; font-size: 75%; }
.p22 { width: 50%; font-size: 75%; }
.p212 { width: 100%; }
.p31 { width:  5%; font-size: 75%; }
.p32 { width: 50%; font-size: 75%; }
.p33 { width: 45%; font-size: 75%; }

.s51 { width:  5%; font-size: 75%; }
.s52 { width: 15%; font-size: 75%; }
.s53 { width: 55%; font-size: 75%; }
.s54 { width: 20%; font-size: 75%; }
.s55 { width:  5%; font-size: 75%; }

.t51 { width:  5%; font-size: 75%; }
.t52 { width: 15%; font-size: 75%; }
.t53 { width: 72%; font-size: 75%; }
.t54 { width:  8%; font-size: 75%; text-align: right; }

.small { font-size: smaller; }

td,
th {
 padding: 4px;
 }

ul.extra li {
 padding: 5px;
 }

input.typed,
select.typed,
option.typed {
 background-color: rgb(246,247,233);
 border: 2px solid silver;
 color: rgb(157, 44, 59);
 font-family: Courier, monospace;
 font-size: 105%;
 font-weight: bold;
 }

textarea.typed {
 background-color: rgb(246,247,233);
 border: 2px solid silver;
 color: rgb(157, 44, 59);
 font-family: Courier, monospace;
 font-size: 110%;
 font-weight: bold;
 }

input:focus,
textarea:focus {
 background-color: rgb(237,241,246);
 }