body {background-color: #FDE2B9; font-family: verdana, arial, sans-serif; font-size: 11px; color: #000000;
      scrollbar-face-color:#95906E; scrollbar-highlight-color:#eeeeee; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#5D5B36;
      scrollbar-shadow-color:#EEECC8; scrollbar-arrow-color:#000000; scrollbar-track-color:#eeeeee; text-align: center; margin: 0px;}
      
p, td, i, .normal, ul, ol {font-family: verdana, arial, sans-serif; font-size: 11px; color: #000000;}
.notes {color: #660000}
a:link, a:visited, a:active {color: #7B3723; text-decoration: none;}
a:hover {color: #5A92B0; text-decoration: underline;}
input {font-family: verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #f5f5f5; color: #666666; border-collapse: collapse; border: solid 1px #333333;}
.submit {font-family: verdana, helvetica, geneva, sans-serif;  background-color: #000000; color: #ffffff; font-size: 11px; border-collapse: collapse; border: solid 1px #cccccc; font-weight: bold;}

hr {color: #000000; height: 1px; background-color: transparent;}

h1, h2, h3, h4, h5 {font-family: arial; font-weight: bold;}
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}

/* Custom Stuff */
#body {width: 778px; background-color: #ffffff; text-align: center; border-left: solid 2px #1D4E67; border-right: solid 2px #1D4E67; border-bottom: solid 1px #1D4E67;}
#header img {border-top: solid 10px #5A7687; border-bottom: solid 5px #5A7687;}
#barnav {width: 770px; background-color: #FF932F; padding: 3px 0px; text-align: center;}
#barnav span {padding: 0px 10px; font-family: arial; font-size: 13px; font-weight: bold;}
#barnav a:link, #barnav a:visited, #barnav a:active {color: #ffffff; text-decoration: none; font-weight: bold;}
#barnav a:hover {color: #F4D9C6; text-decoration: none; font-weight: bold;}

#content {width: 770px; text-align: left;}
#content table {width: 770px;}
#content td {text-align: left; vertical-align: top;}
#content td.borderme {border: solid 1px  #329BD6;}
#content div.title {padding: 3px 5px; background-color: #329BD6;}
#content div.title p {margin: 0px; color: #ffffff; font-weight: bold;}
#content div.text {padding: 3px 3px;}
#content div.text p {margin: 0px; text-align: justify; font-size: 10px;}

#contentsub {float: left; width: 560px; text-align: left; margin: 5px;}
#contentsubright {float: right; width: 180px; text-align: left; margin: 5px; border: solid 1px  #329BD6;}
#contentsubright div.title {padding: 3px 5px; background-color: #329BD6;}
#contentsubright div.title p {margin: 0px; color: #ffffff; font-weight: bold;}
#contentsubright div.text {padding: 3px 3px;}
#contentsubright div.text p {margin: 0px; text-align: justify; font-size: 10px;}
#contentsubright div.textbiglinks {padding: 3px 10px;}
#contentsubright div.textbiglinks p {margin: 0px; text-align: justify; font-size: 14px; font-weight: bold;}

#footerlinks {width: 770px; background-color: #FF932F; padding: 3px 0px; text-align: center;}
#footerlinks span {padding: 0px 5px;}
#footerlinks a:link, #footerlinks a:visited, #footerlinks a:active {color: #ffffff; text-decoration: none;}
#footerlinks a:hover {color: #F4D9C6; text-decoration: none;}
#footer {width: 770px; padding: 5px 10px 20px; text-align: right;}
#footer p {font-size: 10px; color: #444444;}

table.status {border: solid 1px #000000; padding: 8px; background-color: #f6f6f6;}
.status {font-weight: bold; color: #ff0000}

table.background {background-color: #000000;}
td.cellcolor1 {background-color: #329bd6; padding: 2px 4px;}
td.cellcolor2 {background-color: #ffffff; padding: 2px 4px;}
td.cellcolor3 {background-color: #efefef; padding: 2px 4px;}
tr.cellcolor4 {background-color: #ffffff; padding: 2px 4px;}

.tableheader {font-family: verdana, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff}	
.tableheader:link {color: #ffe371; font-size: 12px; text-decoration: none}
.tableheader:active {color: #ffe371; font-size: 12px; text-decoration: none}
.tableheader:visited {color: #ffe371; font-size: 12px; text-decoration: none}
.tableheader:hover {color: #ffffff; font-size: 12px; text-decoration: none}
	
.tabletext {font-family: verdana, helvetica, sans-serif; font-size: 12px; font-weight: normal;}
.tabletext:link {color: #134a8f; font-size: 12px; text-decoration: none}
.tabletext:active {color: #134a8f; font-size: 12px; text-decoration: none}
.tabletext:visited {color: #134a8f; font-size: 12px; text-decoration: none}
.tabletext:hover {color: #6699cc; font-size: 12px; text-decoration: none}

table.music {width: 300px; background-color: #acc0cb}
td.musiccell {background-color: #fef7ed; padding: 2px 4px; vertical-align: middle; font-family: verdana, helvetica, sans-serif;	font-size: 11px; font-weight: normal;}
td.musiccell big {font-size: 11px; font-weight: bold; color: #8d4505;}
a.music:link, a.music:active, a.music:visited {color: #000066; text-decoration: none; font-weight: bold;}
a.music:hover {color: #777777; text-decoration: none; font-weight: bold;}

table.border {border: solid 1px #000000;}
td.header {padding: 2px; font-size: 14px; background-color: #D3E2EA;}
td.normal {padding: 2px; background-color: #ffffff;}
td.status {padding: 2px; background-color: #f7f7f7;}
td.pollheader {padding: 2px; background-color: #FF9933; border-bottom: solid 1px #000000;}
.pollheader {font-size: 14px; font-weight: bold; color: #ffffff;}
td.footer {background-color: #329BD6; padding: 5px 10px; font-size: 11px; color: #ffffff;}

/* ================== LOGIN PAGE ================== */
div.login {text-align: center;}
table.login {width: 250px; border: solid 1px #000000; border-collapse: collapse;}
td.loginstatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.loginleftcol {width: 40%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.loginrightcol {width: 60%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.logincol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}

/* ================== PASSWORD RETRIEVAL PAGE ================== */
div.pretrieve {text-align: center;}
table.pretrieve {width: 300px; border: solid 1px #000000; border-collapse: collapse;}
td.pretrievestatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.pretrieveleftcol {width: 45%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.pretrieverightcol {width: 55%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.pretrievecol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}
div.pretrievesent {width: 400px; border: solid 1px #000000; background-color: #f5f5f5; padding: 8px; text-align: center;}

/* ================== SIGN UP PAGE ================== */
div.signup {text-align: center;}
table.signup {width: 400px; border: solid 1px #000000; border-collapse: collapse;}
td.signupstatus {background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 4px;}
td.signupleftcol {width: 40%; background-color: #f5f5f5; text-align: right; vertical-align: middle; padding: 3px 2px;}
td.signuprightcol {width: 60%; background-color: #f5f5f5; text-align: left; vertical-align: middle; padding: 3px 2px;}
td.signupcol2 {background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 3px 2px;}