html
 {
 margin: 0;
 padding: 0;
 }
 
body 
 { 
 margin: 10px; 
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #000066;
 background: #68B468;
 text-align: center;
 }

p, li, table 
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #000000; 
 line-height: 150%;
 }

li
 { 
 list-style-image: url(/images/button.gif); 
 margin: 0 0 6px 0;
 }
 
p
 {
 margin: 0 0 6px 0;
 }

table
 { 
 width: 100%; 
 margin: 0; 
 padding: 0;
 border: none;
 border-collapse: collapse;
 }
   
table td
 { 
 border-width: 0;
 vertical-align: top; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #000000; 
 }
   
h1, h2, h3, h4 
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 color: #3300CC; 
 line-height: 130%
 }
  
h1 
 { 
 font-size: 18px; 
 margin: 0 0 5px 0; 
 }
 
h2
 { 
 font-size: 13px; 
 margin: 13px 0 5px 0;
 padding: 2px 3px 2px 10px;
 color: #CCFFFF;
 background: #3300CC;
 }
 
h2.top 
 { 
 margin: 0 0 5px 0;
 }

h3 
 { 
 font-size: 13px; 
 margin: 13px 0 5px 0; 
 }
 
h4 
 { 
 font-size: 13px; 
 margin: 13px 0 5px 0;
 }

a:link    { color: #000099; }
a:visited { color: #000099; }
a:hover   { color: #CC0000; }
a:active  { color: #000099; }

hr
 { 
 color: #3300CC; 
 height: 1px; 
 margin: 6px 10px 10px 10px;
 padding: 0;
 }
 

/* BLOCKQUOTE for the music and literature quotes */

blockquote
 { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 text-align: center; 
 line-height: 125%;
 border-top: 1px solid #3300CC; 
 border-bottom: 1px solid #3300CC; 
 margin: 10px 20px;
 padding: 5px;
 }
  
blockquote p 
 { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 line-height: 125%; 
 margin: 0;
 }

blockquote a:link,
blockquote a:visited
 { 
 color: #000033; 
 text-decoration: none; 
 }          
 
blockquote a:hover
 { 
 color: #000033; 
 text-decoration: underline; 
 }
 
blockquote a:active 
 { 
 color: #000033; 
 text-decoration: none; 
 }
 
 
/* IMAGES styling for positioning images */
              
.floatimgleft
 { 
 float: left; 
 margin: 0 10px 10px 0; 
 }
  
.floatimgright
 { 
 float: right; 
 margin: 0 0 10px 10px; 
 }

.floatimgcenter
 { 
 text-align: center; 
 margin: 10px; 
 }

.photocap
 {
 padding: 5px 20px 0 20px;
 font-size: 11px;
 text-align: center;
 color: #084886; 
 }
 
 
/* PARAGRAPH special styles */

.backtotop
 { 
 font-size: 11px; 
 font-variant: small-caps; 
 margin-bottom: 0; 
 }
  
.small
 { 
 font-size: 11px; 
 }


/* SPAN styles */
span.red
 { 
 color: #CC0000;
 }
 
 
/* ---------------- DEFINE PAGE LAYOUT ---------------- */

/* Page container */

div#wrapper 
 {
 width: 760px;
 margin: 0 auto;
 padding: 0;
 border: 1px solid #3300CC;
 background: #FFFFFF;
 }

/* Header */

table#header
 {
 border-bottom: 1px solid #3300CC;
 }

table#header td
 {
 padding: 10px; 
 margin: 0;
 border-width: 0;
 text-align: left;
}
 
table#header p
 {
 font-size: 11px;
 line-height: 100%;
 margin: 5px 0 0 0;
 }

/* Content portion of page */

table#content
 {
 width: 100%;
 margin: 0;
 padding: 0;
 }

td#body 
 { 
 padding: 10px; 
 margin: 0;
 border-width: 0;
 text-align: left;
 }
 
/* Home page split in two columns */

td.bodytwocol
 { 
 width: 50%;
 padding: 10px; 
 margin: 0;
 border-width: 0;
 text-align: left;
 }

/* Navigation column */

td#nav
 { 
 width: 180px; 
 padding: 10px; 
 margin: 0;
 text-align: left;
 background: #D9EFD9;
 border-width: 0;
 border-right: 1px solid #3300CC;
 }

/* Navigation column 300 px wide */

td#nav300
 { 
 width: 300px; 
 padding: 10px; 
 margin: 0;
 text-align: left;
 background: #D9EFD9;
 border-width: 0;
 border-left: 1px solid #3300CC;
 }

/* Sidebar 200 px wide */

td#sidebar
 { 
 width: 200px; 
 padding: 10px; 
 margin: 0;
 text-align: left;
 background: #D9EFD9;
 border-width: 0;
 border-left: 1px solid #3300CC;
 }
 

/* Sidebar 300 px wide */

td#sidebar300
 { 
 width: 320px; 
 padding: 10px; 
 margin: 0;
 text-align: left;
 background: #D9EFD9;
 border-width: 0;
 border-left: 1px solid #3300CC;
 }

/* FOOTER */

table#footer 
 { 
 border-top: 1px solid #3300CC;
 }

table#footer td
 {
 padding: 10px;
 margin: 0;
 border-width: 0;
 text-align: left;
 }
 
table#footer p 
 { 
 font-size: 11px; 
 text-align: center; 
 padding: 5px 5px;
 margin: 0;
 }

/* Nav buttons horizontal in navbar in a styled list */

#navbuttons p
 { 
 font-size: 11px; 
 color: #3300CC;
 margin: 0 5px 5px 5px;
 padding: 0;
 line-height: 100%;
 text-align: center;
 }

#navbuttons ul
 {
 list-style: none;
 margin: 0;
 padding: 0;
 }
 
#navbuttons li
 {
 line-height: 100%;
 list-style-image: url(none);
 margin: 0 0 10px 0;
 padding: 0;
 }
 
#navbuttons li a:link,
#navbuttons li a:visited
 {
 display: block;
 text-align: center;
 text-decoration: none;
 padding: 3px;
 color: #CCFFFF;
 background: #3300CC;
 }
 
#navbuttons li a:hover
 {
 color: #FFCCCC;
 background: #CC3333; 
 }

#navbuttons h2
 {
 font-size: 13px; 
 color: #3300CC;
 text-align: center;
 background: #D9EFD9;
 margin: 20px 0 5px 0;
 padding: 0;
 border-bottom: solid 1px #3300CC;
 }

#navbuttons h2 a:link,
#navbuttons h2 a:visited,
 {
 font-size: 13px; 
 color: #3300CC;
 text-align: center;
 background: #D9EFD9;
 margin: 20px 0 5px 0;
 padding: 0;
 border-bottom: solid 1px #3300CC;
 text-decoration: none;
 }

#navbuttons h2 a:hover
 {
 color: #CC3333;
 }

/* No column specified table */

table.nocol
 { 
 width: 100%; 
 }

table.nocol td
 {
 padding: 10px 10px 10px 0;
 vertical-align: top; 
 border-width: 0;
 }

table.nocol h2
 {
 color: #CCFFCC;
 background: #3300CC; 
 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
 padding: 2px;
 margin: 0;
 text-align: center;
 }


/* Two column table */

table.twocol
 { 
 width: 100%; 
 }

table.twocol td
 {
 width: 50%;
 padding: 10px 10px 10px 0;
 vertical-align: top; 
 }

table.twocol h2
 {
 color: #CCFFCC;
 background: #3300CC; 
 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
 padding: 2px;
 margin: 0;
 text-align: center;
 }
 

/* Four column table for input form*/

table.fourcol
 { 
 border-collapse: collapse;
 }

table.fourcol td
 {
 padding: 10px 20px 10px 0;
 border-top: 1px solid #084886; 
 border-bottom: 1px solid #084886; 
 }

table.fourcol th
 {
 color: #CCFFCC;
 background: #3300CC; 
 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 padding: 3px 20px 3px 0;
 border-top: 1px solid #084886; 
 border-bottom: 1px solid #084886; 
}

table.fakeads
 { 
 width: 200px; 
 }

table.fakeads td
 {
 padding: 10px 10px 10px 0;
 vertical-align: top; 
 border-width: 0;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 background: #D9EFD9;
 }

table.fakeads p
 {
 color: #000066;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 padding: 0;
 margin: 0;
 line-height: 125%;
 }
 
table.fakeads p.title
 {
 color: #000099;
 text-decoration: underline;
 }

table.fakeads p.titlesm
 {
 color: #000099;
 font-size: 11px;
 text-decoration: underline;
 }

table.fakeads p.link
 {
 color: #000099;
 font-size: 11px;
 }
.strike-through {
	text-decoration: line-through;
}