
body {
 background-color: rgb(107, 10, 21);
 color: black;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 }

#outside {
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 padding: 0;
 width: 768px;
 }

#surround {
 background-color: rgb(255,254,239);
 background-image: url("/images/lootextb.jpg");
 border: 1px solid black;
 color: black;
 display: inline;
 float: right;
 margin-left: 0;
 padding: 0;
 width: 768px;
 }

#header {
 background-image: url("/images/princetonfolkmusic.jpg");
 background-position: center;
 background-repeat: no-repeat;
 height: 149px;
 }

#header h1{
 left: -1000px;
 position: absolute;
 }

#content {
 padding: 10px;
 }

#content-left {
 float: left;
 width: 50%;
 }

#content-right {
 float: right;
 width: 50%;
 }

#footer {
 clear: both;
 padding: 10px;
 }

a:link {
 color: blue;
 }

a:active {
 color: blue;
 }

a:visited {
 color: blue;
 }

a img {
 border: none;
 }

fieldset {
 border: 2px solid rgb(124, 48,153);
 margin: auto;
 padding: 10px;
 width: 95%;
 }

legend {
 color: rgb(124, 48,153);
 }

h2 {
 color: rgb(204, 51,  0);
 font-size: 150%;
 text-align: center;
 }

h3 {
 color: rgb(204, 51,  0);
 text-align: center;
 }

h4 {
 color: rgb(204, 51,  0);
 text-align: center;
 }

h5 {
 color: rgb(204, 51,  0);
 text-align: center;
 }

div.hr {
 background: rgb(255,254,239) url("/images/loohorsa.gif") no-repeat scroll center;
 height: 10px;
 }

div.hr hr {
 display: none;
 }

p {
 text-align: justify;
 }

.bylaws {
 margin: auto;
 width: 500px;
 }

.size4 {
 font-size: 120%;
 margin: 0;
 text-align: center;
 text-indent: 0;
 }

.size5 {
 font-size: 150%;
 margin: 0;
 text-align: center;
 text-indent: 0;
 }

.centered p,
.centered {
 text-align: center;
 text-indent: 0;
 }
 
form.centered,
.centered table {
 margin: auto;
 }

p.right,
.right {
 text-align: right;
 }

p.left,
.left {
 text-align: left;
 text-indent: 0;
 }

.fleft {
 float: left;
 margin: 10px;
 }

.fright {
 float: right;
 margin: 10px;
 }

.colleft {
 float: left;
 margin: 10px;
 width: 47%;
 }

.colright {
 float: right;
 margin: 10px;
 width: 47%;
 }

.red {
 color: red;
 }

.hide {
 display: none;
 }

.show {
 background-color: #FFCCCC;
 font-style: italic;
 font-weight: bold;
 }

.plus1 {
 font-size: 100%;
 }

.plus2 {
 font-size: 150%;
 }

.nlist fieldset {
 border: none;
 }

.ctr {
 margin: auto;
 }

.a21 {
 text-align: center;
 width: 5em;
 }

.a22 {
 padding-left: 10px;
 padding-right: 10px;
 text-align: left;
 }

.a31 {
 text-align: center;
 width: 3em;
 }

.a32 {
 text-align: center;
 width: 1.5em;
 }

.a33 {
 text-align: left;
 }

.c3 {
 text-align: center;
 width: 33%;
 }

.c21 { width: 32%; }
.c22 { width: 68%; }

.f31 {
 text-align: center;
 width: 5%;
 }

.f32 {
 width: 87%;
 }

.f33 {
 text-align: right;
 width: 8%;
 }

.w50,
.w2 {
 width: 50%;
 }

.w70 {
 width: 70%;
 }

.w80 {
 width: 80%;
 }

.w100 {
 width: 100%;
 }

.darkbar {
 background-color: #cccccc;
 }

.litebar {
 background-color: #dddddd;
 }

.f11,
.f12 {
 color: red;
 text-align: center;
 width: 50%;
 }

.p11 {
 font-weight: bold;
 text-align: center;
 width: 30%;
 }

.p12 {
 font-weight: bold;
 text-align: center;
 width: 70%;
 }

.note {
 font-size: 75%;
 font-style: italic;
 text-align: center;
 }

ul {
 list-style-image: url("/images/loobul1a.gif");
 }

input,
select,
option,
checkbox,
textarea {
 background-color: rgb(238,234,198);
 border: 2px solid silver;
 color: rgb(107, 10, 21);
 font-family: Courier, monospace;
 font-size: 105%;
 font-weight: bold;
 }

input:focus,
textarea:focus {
 background-color: rgb(238,198,203);
 color: black;
 }

table#pos td {
 width: 60px;
 }
