body {
 background-color: rgb(157, 44, 59);
 font-family: Verdana, Arial, Helvetica, 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: 10px auto 10px auto;
 padding: 0;
 width: 768px;
 }

#wrapper {
 color: black;
 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: Verdana, Geneva, sans-serif;
 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: Verdana, Geneva, sans-serif;
 font-size: 110%;
 font-weight: bold;
 margin: 0px 0px 0px 190px;
 }

#header p,
#header ol {
 color: rgb(157, 44, 59);
 font-family: Verdana, Geneva, sans-serif;
 margin: 0px 0px 0px 190px;
 }

#nav {
 display: block;
 font-size: 100%;
 font-weight: bold;
 padding: 5px 0 5px 0;
 width: 100%;
 }

#nav ul {
 list-style: none;
 margin: auto;
 padding: 0px;
 }

#nav li {
 background-color: #CCCDC1;
 display: inline;
 padding-bottom: 2px;
 }

#nav li img {
 margin-bottom: -2px;
 }

#nav a {
 color: rgb(157, 44, 59);
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 2px;
 text-decoration: none;
 }

#nav a:visited {
 color: rgb(157, 44, 59);
 }

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

#nav a.show,
#nav a:visited.show {
 background-color: #CCCDC1;
 }
 
#nav a.down,
#nav a.down:hover {
 background-image: url(/images/navdown_blue.gif);
 background-position: right center;
 background-repeat: no-repeat;
 padding-right: 14px;
 }

.dropmenu a.currentpage,
.dropmenu visited.currentpage ,
#nav a.currentpage,
#nav a:visited.currentpage {
 color: gray;
 }

.dropmenu {
 background-color: #CCCDC1;
 font-weight: bold;
 padding: 0px 0px 0px 0px;
 position: absolute;
 top: 0;
 visibility: hidden;
 z-index: 100;
 }

.dropmenu li {
 color: rgb(157, 44, 59);
 display: block;
 text-decoration: none;
 width: auto;
 }

.dropmenu a {
 color: rgb(157, 44, 59);
 display: block;
 padding: 0px 4px 2px 4px;
 text-decoration: none;
 width: auto;
 }

* html .dropmenu a{ /*IE only hack*/
 width: 100%;
 }

.dropmenu a:hover {
 background-color: rgb(241,227,170);
 }

#content,
#text {
 margin-left: 2%;
 margin-right: 2%;
 width: 96%;
 }

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

#footer p {
 text-align: center;
 }

#jsno {
 display: block;
 margin: auto;
 width: 80%;
 }
#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(246,247,233);
 }

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

.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;
 }

#text p {
 text-indent: 0;
 }

.w70 {
 width: 70%;
 }

.w80 {
 width: 80%;
 }

.w90 {
 width: 90%;
 }

.bright {
 background-color: #FFFF00;
 }

.bright2 {
 background-color: #CCFF00;
 }

.red {
 color: red;
 }

.hide {
 display: none;
 }

.show {
 background-color: #FFCCCC;
 font-style: italic;
 font-weight: bold;
 }

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

.blogexcerpt {
 background-color: rgb(241,227,170);
 border: 1px solid black;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
 text-align: center;
 width: 70%;
 }

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.size4 {
 font-size: 120%;
 margin: 0;
 padding: 10px 0 0 0;
 text-align: center;
 text-indent: 0;
 }

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

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

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

form.centered {
 margin: auto;
 }

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

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

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

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

table {
 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%;
 }

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

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

.f33 {
 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: 16%; font-size: 75%; }
.t53 { width: 71%; 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,
checkbox,
select,
option {
 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;
 margin: 0;
 padding: 0;
 }

textarea {
 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);
 }

.note {
 font-size: 75%;
 font-style: italic;
 text-align: center;
 }