body { background:#841000 url(../graphics/tile-red.gif); margin-top:25px; margin-right:4px; margin-bottom:10px; margin-left:4px; padding:0; } 
h1 { font-family:verdana,arial,sans-serif; color:#900000; font-size:21px; font-weight:bold; text-decoration:none; margin-top:2px; margin-bottom:4px;  }
h2 { font-family:verdana,arial,sans-serif; color:#006000; font-size:18px; font-weight:bold; text-decoration:none; margin-top:4px; margin-bottom:2px;  }
h3 { font-family:verdana,arial,sans-serif; color:#000000; font-size:17px; font-weight:bold; text-decoration:none; margin-top:4px; margin-bottom:2px;  }
h4 { font-family:verdana,arial,sans-serif; color:#202020; font-size:15px; font-weight:bold; text-decoration:none; margin-top:4px; margin-bottom:2px;  }
h5 { font-family:verdana,arial,sans-serif; color:#000000; font-size:10pt; font-weight:bold; text-decoration:none; margin-top:4px; margin-bottom:2px;  }
h6 { font-family:verdana,arial,sans-serif; color:#900000; font-size:14px; font-weight:bold; text-decoration:none; margin-top:4px; margin-bottom:2px;  }

a:link { color:#900000 }
a:visited { color:#026c02 } 

p { font-family:verdana,arial,sans-serif; color:#202020; font-size:13px; font-weight:normal; margin-top:0px; margin-bottom:0px; text-align:justify; }

ul { margin-top:1px; margin-bottom:1px; margin-left:20px; padding-left:0px; }
ol { margin-top:1px; margin-bottom:1px; margin-left:30px; padding-left:0px; }
li { font-family:verdana,arial,sans-serif; color:#202020; font-size:13px; font-weight:normal; }
form { font-family:verdana,arial,sans-serif; color:#202020; font-size:13px; font-weight:normal; text-decoration:none; margin-top:1px; margin-bottom:1px;  }
input { font-family:verdana,arial,sans-serif; color:#202020; font-size:11px; font-weight:normal; }
textarea { font-family:verdana,arial,sans-serif; color:#202020; font-size:11px; font-weight:normal; }

/*this is the css for the vertical version*/
#list-space li{ margin-bottom:6px; }
	

.bar { background:#ffffff url(../graphics/bar.gif); } 
.blackborder { border-top:2px solid #000000; border-bottom:2px solid #000000; border-left:2px solid #000000; border-right:2px solid #000000; }
.bordertop { background:#ffffff url(../graphics/bordertop.gif); } 
.borderbottom { background:#ffffff url(../graphics/borderbottom.gif); } 
.borderleft { background:#ffffff url(../graphics/borderleft.gif); } 
.borderright { background:#ffffff url(../graphics/borderright.gif); } 
.countdown { font-family:verdana,arial,sans-serif; color:#202020; font-size:13px; font-weight:normal; margin-top:0px; margin-bottom:0px; text-align:justify; }
.homepage { border-bottom:15px solid #ffffff; }
.leftcolumn { background:#006300 url(../graphics/tile-green.gif); }
.motto { font-family:verdana,arial,sans-serif; color:#404040; font-size:9.5pt; font-weight:bold; margin-top:0px; margin-bottom:0px; text-align:right; }
.mottoOld { font-family:georgia,palatino,palatino linotype,serif; color:#202020; font-size:10pt; font-weight:bold; margin-top:0px; margin-bottom:0px; text-align:right; }
.red { font-family:verdana,arial, sans-serif; color:#900000; font-size:10pt; font-weight:bold; }
.redtile { background:#861300 url(../graphics/tile-red.gif); } 
.rightcolumn { background:#e8e8e8 url(../graphics/tile-gray.jpg); border-left:1px solid #dddddd; } 
.santa { font-family:verdana,arial,sans-serif; color:#202020; font-size:12px; font-weight:normal; margin-top:0px; margin-bottom:0px; text-align:justify; }
.songoptions { border-top:2px solid #808080; border-bottom:2px solid #808080; border-left:2px solid #808080; border-right:2px solid #808080; font-family:verdana,arial,sans-serif; color:#202020; font-size:10px; font-weight:normal; }
.story { font-family:verdana, helvetica, sans-serif; color:#202020; font-size:15px; font-weight:normal; text-align:justify; }
.text { font-family:verdana,arial,sans-serif; color:#202020; font-size:13px; font-weight:normal; margin-top:0px; margin-bottom:0px; }
.textjustify { font-family:verdana, helvetica, sans-serif; color:#202020; font-size:13px; font-weight:normal; text-align:justify; }
.tiny { font-family:verdana,arial,sans-serif; color:#ffffff; font-size:1pt; font-weight:normal; margin-top:0px; margin-bottom:0px; }
.top { font-family:verdana,arial,sans-serif; color:#999999; font-size:10px; font-weight:normal; text-align:right; text-decoration:none; }
.traditions { border-top:10px solid #ffffff; border-bottom:10px solid #ffffff; font-family:verdana,arial,sans-serif; color:#202020; font-size:12px; font-weight:normal; margin-top:0px; margin-bottom:0px;}
.verdana15 { font-family:verdana,arial,sans-serif; color:#202020; font-size:15px; font-weight:normal; margin-top:0px; margin-bottom:0px; }
.verdana13 { font-family:verdana,arial,sans-serif; color:#202020; font-size:13px; font-weight:normal; margin-top:0px; margin-bottom:0px; }
.verdana13red { font-family:verdana,arial,sans-serif; color:#900000; font-size:13px; font-weight:normal; margin-top:0px; margin-bottom:0px; }
.verdana12red { font-family:verdana,arial,sans-serif; color:#900000; font-size:12px; font-weight:normal; margin-top:0px; margin-bottom:0px; }
.verdana11 { font-family:verdana,arial,sans-serif; color:#202020; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px; text-align:justify; }
.verdana11gray { font-family:verdana,arial,sans-serif; color:#606060; font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:0px; text-align:justify; }
.verdana10gray { font-family:verdana,arial,sans-serif; color:#808080; font-size:10px; font-weight:normal; margin-top:0px; margin-bottom:0px; }
.view { font-family:verdana,arial,sans-serif; color:#006000; font-size:11px; font-weight:bold; margin-top:0px; margin-bottom:0px; text-align:justify; }

.tableborder { background-color:#ffffff; border-top:1px solid #202020; border-left:1px solid #202020;
  font-family:verdana,arial, sans-serif; color:#202020; font-size:10pt; font-weight:normal; margin-top:0px; margin-bottom:0px; }
.tablecell { background-color:#ffffff; border-bottom:1px solid #202020; border-right:1px solid #202020; }

.webringtable { background-color:#ffffff; border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; }

a.webring { font-family:arial,verdana,sans-serif; color:#900000; font-size:8pt; font-weight:bold; margin-bottom:0px; padding-bottom:0px; }
a.webring:visited { color: #900000; }
a.webring:active { color: #900000; }
a.webring:hover { color: #006000; }

.credit { font-family:arial,verdana,sans-serif; color:#808080; font-size:9pt; font-weight:normal; text-decoration:none; margin-top:0px; padding-top:0px; }
a.credit { font-family:arial,verdana,sans-serif; color:#808080; font-size:9pt; font-weight:normal; text-decoration:underline; margin-top:0px; padding-top:0px; }
a.credit:visited { color: #808080; }
a.credit:active { color: #808080; }
a.credit:hover { color: #900000; }

.ringsurf { font-family:arial,verdana,sans-serif; color:#808080; font-size:8pt; font-weight:normal; text-decoration:none; margin-top:0px; padding-top:0px; }
a.ringsurf { font-family:arial,verdana,sans-serif; color:#808080; font-size:8pt; font-weight:normal; text-decoration:none; margin-top:0px; padding-top:0px; }
a.ringsurf:visited { color: #808080; text-decoration:none; }
a.ringsurf:active { color: #808080; text-decoration:none; }
a.ringsurf:hover { color: #900000; text-decoration:underline;}

.mainmenutop { margin-top:5px; padding-top:5px; margin-bottom:2px; padding-bottom:2px; }
.mainmenu { margin-top:2px; padding-top:2px; margin-bottom:2px; padding-bottom:2px; }
.mainmenusocial { margin-top:3px; padding-top:3px; margin-bottom:2px; padding-bottom:2px; }
.mainmenubottom { margin-top:3px; padding-top:3px; margin-bottom:6px; padding-bottom:6px; }

a.menu { font-family:verdana,arial,sans-serif; color:#ffffff; font-size:9.5pt; font-weight:bold; text-decoration:none; margin-top:5pt; margin-bottom:5pt; }
a.menu:visited { color: #ffffff; }
a.menu:active { color: #44b644; }
a.menu:hover { color: #44b644; }

a.nav { font-family:verdana,arial,sans-serif; color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none; margin-top:5pt; margin-bottom:5pt; }
a.nav:visited { color: #ffffff; }
a.nav:active { color: #c08282; }
a.nav:hover { color: #c08282; }

a.home { font-family:verdana,arial,sans-serif; color:#900000; font-size:13px; font-weight:bold; text-decoration:none; margin-top:0pt; margin-bottom:0pt; }
a.home:visited { color: #900000; text-decoration:none; }
a.home:active { color: #900000; text-decoration:none; }
a.home:hover { color: #006600; text-decoration:underline; }

a.nav2 { font-family:verdana,arial,sans-serif; color:#606060; font-size:12px; font-weight:bold; text-decoration:none; margin-top:10pt; }
a.nav2:visited { color: #606060; }
a.nav2:active { color: #006000; }
a.nav2:hover { color: #006000; }

a.print { font-family:verdana,arial,sans-serif; color:#606060; font-size:11px; font-weight:bold; text-decoration:none; }
a.print:visited { color: #606060; }
a.print:active { color: #006000; }
a.print:hover { color: #900000; }

a.h2 { font-family:verdana,arial,sans-serif; color:#006000; font-size:18px; font-weight:bold; text-decoration:none; margin-top:4px; margin-bottom:2px; }
a.h2:visited { color: #006000; }
a.h2:active { color: #006000; }
a.h2:hover { color: #006000; }

a.join { font-family:verdana,arial,sans-serif; color:#606060; font-size:7.5pt; font-weight:bold; text-decoration:none; }
a.join:visited { color: #606060; }
a.join:active { color: #900000; }
a.join:hover { color: #900000; text-decoration:none; }

.roundTop { background:url(../graphics/roundTop.gif) no-repeat; height:10px; }
.roundBot { background:url(../graphics/roundBot.gif) no-repeat; height:10px; }
.roundLeft { border-left:1px solid #707070; y-repeat; }
.roundRight { border-right:1px solid #707070; y-repeat; }

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 10pt Verdana;
background-color: #006000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #006000;
background-color: white;
color: black;
height: 150px;
padding: 10px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #f8f8f8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}