body                { background: #003399; padding: 0; margin: 0; font-family: trebuchet ms, verdana, arial, sans-serif; color: #000; }
table#main          { background: #fff; margin: 0px; height: 100%; border: 8px solid #00C26A; color: #000; padding: 0px; width: 800px; font-size: 14px; }
#nav { background: #000; margin: 0px; width: 500px; }
#nav ul { margin: 0; padding: 0; list-style-type: none; height: 2em; overflow: hidden; }
#nav li { display: inline; float: left; margin: 0; }
#nav a { padding: 0em 11px 1.5em; margin: 0; color: #fff; text-decoration: none; display: block; width: auto; font: bold .85em/2.2 arial, serif; }
#nav a:hover, #nav a:active { background: #fc0; color: #000; }
#banner { background-color: #000; font-size: 26px; color: #fc0; text-align: center; font-weight: bold; width: 500px; }
.title { font-size: 18px; color: #000; font-weight: bold; }
div#events          { width: 100%; border: 1px solid #FF5400; background-color: #fff; color: black; font-size: 12px; padding: 5; }
div#eventheader     { width: 100%; border: 1px solid #FF5400; background-color: #ff5400; color: white; font-size: 14px; padding: 0; padding-left: 5; font-weight: bold; }
a { color: blue; }
a:visited { color: blue; }
a:hover { color: #8909f2; }
a.small { font-size: 12px; }
table#login         { margin: 0; padding: 0; }
table#login td      { padding: 0; }
div#login           { padding-left: 10px; width: 100%; font-size: 14px; }
div#login div#header    { font-weight: bold; color: black; background-color: #cccccc; font-size: 14px; padding-left: 2;}
input { font-size: 10px; }
div.footer          { font-size: 70%; color: #fff; }
table#calendar      { width: 100%; border-top: 1px solid black; border-left: 1px solid black; font-size: 12px; }
table#calendar th   { background-color: #ff5400; color: white; font-size: 75%; font-weight: bold; text-align: center; border-right: 1px solid black; border-bottom: 1px solid black; }
table#calendar td   { background-color: white; border-right: 1px solid black; border-bottom: 1px solid black; padding: 2; width: 14%; height: 120px; }
table#calendar td.off   { background-color: #ccc; border-right: 1px solid black; border-bottom: 1px solid black; padding: 2; width: 14%; height: 120px; }
table#calendar td.event   { background-color: #ffcc00; border-right: 1px solid black; border-bottom: 1px solid black; padding: 2; width: 14%; height: 120px; }
select { font-size: 10px; }
.renewal { font-weight: bold; font-size: 12px; }
.required { font-size: 12px; color: red; }
table#membership    { padding: 0; }
table#membership td { padding: 0; margin: 0; font-size: 12px; }
table#family        { width: 100%; margin: 0; padding: 0; font-size: 12px; }
table#family th     { background-color: #ff5400; padding: 0; color: white; margin: 1; font-size: 85%;}
table#family td     { padding: 0; }
table#family td.odd { padding: 0; background-color: #eee; }
table#family td.even{ padding: 0; background-color: #fff; }
table#how           { width: 100%; margin: 0; padding: 0; font-size: 12px; }
table#how td        { padding: 0; font-size: 12px; }
div.subtitle        { font-size: 16px; font-weight: bold; }
table#me { padding-left: 20px; padding-right: 20px; width: 100%; font-size: 12px; }
table#me td {}
table#profile { width: 100%; font-size: 12px; }