body { background: #4d80af url('img/sliver.jpg') left top repeat; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 62.5%; margin: 0; padding: 0; }

a, a:link, a:visited { color: #3344bb; text-decoration: underline; }
a:hover { color: #4477ee; }

a img { border: 0; text-decoration: none; color:#FFFFFF}

#wrap { background: #ffffff url('img/page-bg.jpg') center top repeat-y; width: 796px; padding: 0px; margin: 0 auto; }
#innerwrap { background: transparent url('img/foot-bg.jpg') right bottom no-repeat; padding-bottom: 110px; }

#header {  }
#header, #main { margin: 0 20px; padding: 0; }


/* ---------- Main Section ---------- */

#main { background: transparent url('img/main-bg.jpg') left top no-repeat; margin-top: 0; padding: 1px 20px 0 20px; }
#main h1 { font-size: 220%; font-weight: bold; margin: 0 0 .6em 0; color: #555555; clear: both; }
#main h2 { font-size: 160%; font-weight: bold; margin: 1.5em 0 0 0; color: #444444; }
#main h3 { font-size: 130%; font-weight: bold; margin: 1.4em 0 .9em 0; color: #333333; }
#main ul ul, #main ol ol, #main ul ol, #main ol ul { font-size: 100%; }
#main p, #main ul, #main ol, #main dt, #main dd { font-size: 120%; line-height: 1.5; color: #333333; }
#main ul, #main ol { padding-left: 1.5em; margin-left: 0; }
#main ol ol { list-style: upper-alpha; }
#main dt { width: 5em; font-weight: bold; text-align: right; float:left; margin-right: .6em; }
#main dd { clear: right; }

#main div.rules ol { list-style: upper-roman; }
#main div.rules ol ol { list-style: upper-alpha; }
#main div.rules ol ol ol { list-style: decimal; }
#main div.rules ol ol ol ol { list-style: lower-alpha; }
#main div.rules ol p { font-size: 100%; }

#tocindex { font-size: .9em; line-height: 1; float:right; width: 33%; border: 1px solid #aaf; background: #eee; padding: 0 2em; margin: 1.5em 0 1em 2.5em; }
#tocindex li { margin: 0; padding-top: 0; padding-bottom: 0; }
#tocindex li a { text-decoration: none; color: #009; }
#tocindex li a:hover { text-decoration: underline; }

#main ol h3 { font-size: 120%; color: #333333; margin-bottom: .8em; }
#main ol li { margin-top: .8em; margin-bottom: .8em; }

#main li { padding-left: 0; margin-left: 0; }

#main .content { width: 450px; float: left; margin: 0 20px 0 0; padding: 0; }
#main .contentnew { width: 420px; float: left; margin: 0 10px 0 0; padding: 0; }

#main .sidebar { width: 226px; float: right; margin: 0; padding: 0 0 0 19px; border-left: 1px solid #999999; }



/* ---------- Top Menu Links ---------- */

ul#topmenu { list-style: none; padding: 0; margin: 5px 0 1.5em 0; font-size: 120%; text-align: center; }
ul#topmenu li { display: inline; font-weight: bold; }
ul#topmenu li a { color: #333399; margin: 0 .6em; text-decoration: none; }
ul#topmenu li a:hover { text-decoration: underline; }

#main ul.submenu { list-style: none; padding: 0; margin: -5px 0 1.5em 0; font-size: 140%; text-align: center; }
#main ul.submenu li { display: inline; font-weight: bold; }
#main ul.submenu li a { color: #333399; margin: 0 .6em; text-decoration: none; }
#main ul.submenu li a:hover { text-decoration: underline; }

#main ul.subsubmenu { list-style: none; padding: 0; margin: -1em 0 1.5em 0; font-size: 120%; text-align: center; }
#main ul.subsubmenu li { display: inline; font-weight: bold; }
#main ul.subsubmenu li a { color: #333399; margin: 0 .6em; text-decoration: none; }
#main ul.subsubmenu li a:hover { text-decoration: underline; }



/* ---------- Bottom items ---------- */

#subfoot { text-align: center; font-size: 130%; color: #9999bb; padding: .6em 0 1.6em 0; }

ul#bottommenu { list-style: none; padding: 0; }
ul#bottommenu li { display: inline; }
ul#bottommenu li a { color: #ddddee; font-weight: bold; text-decoration: underline; margin: 0 .4em; }
ul#bottommenu li a:hover { color: #ffffff; }

#subfoot p { color: #aaaacc; margin-top: 2.5em; font-size: 90%; }
#subfoot a { color: #bbbbcc; text-decoration: underline; }
#subfoot a:hover { color: #ddddff; }

/* ---------- Specials ----------- */

.col14 { float: left; width: 179px; }

.boardmember p { margin-top:0; height:4em; }

.staffmember { margin: 20px; float: left; width: 285px; padding: 5px; }
/* .staffmember { border: 1px solid #aaaaaa; } */
#main .staffmember h2 { margin: 0; margin-top: 0; }
.staffmember div { margin-left: 70px; }
.staffmember p { margin:0; }
.staffmember p.phone { margin-top: .8em; }
.staffmember img { float: left; margin-right: 10px; }

#main div.council { float: left; padding: .5em; height: 10em; margin: 10px; width: 135px; }
#main div.council h2 { margin: 0; border-bottom: 1px solid #dddddd; }
#main div.council ul { margin: .5em 0 0 0; padding: 0 1em 0 1.5em; }
#main div.chair { float: none; }

#main div.supe { float: left; padding: .5em; margin: 10px; width: 150px; }
#main div.supe h2 { margin: 0; border-bottom: 1px solid #dddddd; }
#main div.supe p { margin: 0; padding: .5em 1em 0 .5em; }

#main div.prez { float: left; padding: .5em; margin: 10px; width: 135px; }
#main div.prez h2 { margin: 0; border-bottom: 1px solid #dddddd; }
#main div.prez p { margin: 0; padding: .5em 1em 0 .5em; }

#main div.announcements { overflow-y: auto;  background-color: #ffffcc; height: 414px; width: 226px; margin: 0 -19px; padding: 0 19px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; }
#main div.announcements h2 { color: #555555; text-align: left; margin-bottom: -.6em; padding: .2em 0; }
#main div.announcements h3 { margin-bottom: .1em; font-size: 180%; color: #aa4422; font-family: "Arial Narrow", Arial, Geneva, Verdana, sans-serif; line-height: 1.1em; text-align:left; }
#main div.announcements p, #main div.announcements ul { margin: 0; }

#main div.emailform input.emailbox { font-size: 150%; width: 17em; margin-bottom: 10px; }

#main form.violation textarea { font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; }
#main form.violation label { display: block; width: 11em; float: left; text-align: right; margin-right: .5em; margin-top: .3em; }

#main ul.directory li { margin: .8em 0; }

#main div.imggal { padding-left: 50px; }
#main div.imggal p { float:left;margin:10px; }

#main div.index-page { height: 474px; background: transparent url('img/main-page.png') left top no-repeat; }
#main div.index-page div { display: none; }

#main div.index-page2 { height: 50px; float:left }
#main div.index-page2 div {a, a:link, a:visited, img { color: #FFFFFF; text-decoration: none; }
#main div.index-page2 div { display: none; }

#main p.susier-sig { margin-top: -.5em; padding-top: 2.5em; background: transparent url('img/susie-regan-sig.png') top left no-repeat; }

#main p.disclaimer { color: #555555; font-size: 1.3em; line-height: 1.7; margin: 3em 3em 4em 3em; }