html { background-color: #f8f8f2; }

body { font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; }

a:focus { outline: 2px solid red; }

fieldset legend { display: none; }
fieldset p { font-size: 93%; margin-bottom: 7px; }
fieldset p label { cursor: pointer; }
fieldset p input { display: block; }
fieldset p input.button { background-color: #807e64; border: 2px solid #807e64; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white; cursor: pointer; font-weight: bold; padding: 5px; text-transform: uppercase; }
fieldset p input.text { border: 1px inset #807e64; line-height: 1; padding: 5px; width: 180px; }
fieldset p input.checkbox { display: inline; margin-bottom: 20px; }

.yui-gf, .yui-g { margin: 235px auto 0 auto; width: 852px; }

#header { margin: 26px 0 0 44px; }

#banner { margin-left: 33px; position: absolute; top: 81px; }

#content, #sidebar-wide { background-color: white; border: 1px solid #807e64; padding-top: 11px; }
#content a:link, #sidebar-wide a:link, #content a:visited, #sidebar-wide a:visited, #content a:hover, #sidebar-wide a:hover, #content a:active, #sidebar-wide a:active { background-color: white; color: red; text-decoration: none; }
#content a:hover, #sidebar-wide a:hover { background-color: inherit; color: black; text-decoration: underline; }
#content em, #sidebar-wide em { font-style: oblique; }
#content h1, #sidebar-wide h1 { font-size: 93%; border-left: 7px solid red; margin-right: 20px; padding-left: 11px; text-transform: uppercase; }
#content h2, #sidebar-wide h2 { font-size: 85%; font-weight: bold; margin: 10px 20px 0 0; padding-left: 18px; }
#content img.wrap, #sidebar-wide img.wrap { float: right; margin: 20px 0 0 20px; }
#content ol, #content p, #content table, #content ul, #sidebar-wide ol, #sidebar-wide p, #sidebar-wide table, #sidebar-wide ul { font-size: 93%; line-height: 1.8; }
#content p, #sidebar-wide p { margin: 3px 18px 22px 18px; }
#content fieldset legend, #sidebar-wide fieldset legend { font-size: 108%; border-left: 7px solid red; display: block; font-weight: bold; margin-right: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 11px; text-transform: uppercase; }
#content fieldset p, #sidebar-wide fieldset p { font-size: 93%; margin-bottom: 0; }
#content fieldset p input.text, #sidebar-wide fieldset p input.text { width: 370px; }
#content fieldset p input.button, #sidebar-wide fieldset p input.button { margin-bottom: 20px; margin-left: 325px; }
#content fieldset p.error, #sidebar-wide fieldset p.error { background-color: inherit; color: red; margin: 5px 0 -7px 18px; }
#content fieldset p.error.message, #sidebar-wide fieldset p.error.message { margin-bottom: -15px; }
#content fieldset textarea, #sidebar-wide fieldset textarea { border: 1px inset #807e64; height: 150px; line-height: 1; margin: 18px 18px 22px 18px; padding: 5px; width: 370px; }
#content strong, #sidebar-wide strong { font-weight: bold; }
#content table, #sidebar-wide table { margin: 3px 18px 22px 18px; }
#content table tr th, #sidebar-wide table tr th { font-weight: bold; padding-right: 30px; }
#content ul, #content ol, #sidebar-wide ul, #sidebar-wide ol { margin: 3px 18px 22px 18px; }
#content #flash, #sidebar-wide #flash { font-weight: bold; }
#content #flash.error, #sidebar-wide #flash.error { background-color: red; color: white; padding: 10px; }
#content #flash.notice, #sidebar-wide #flash.notice { background-color: #00dd00; color: white; padding: 10px; }

#sidebar h1 { font-size: 108%; background-color: inherit; color: red; font-weight: bold; margin-bottom: 5px; }
#sidebar ul { line-height: 1.5; margin-left: 15px; }
#sidebar ul li { list-style: square outside; }
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:hover, #sidebar ul li a:active { font-size: 93%; background-color: inherit; color: black; text-decoration: none; }
#sidebar ul li a.current { font-weight: bold; }

#nav { background-color: #807e64; color: inherit; margin-left: 42px; position: absolute; top: 262px; }
#nav li { background-color: inherit; color: white; float: left; }
#nav li a:link, #nav li a:visited, #nav li a:hover, #nav li a:active { font-size: 93%; background-color: inherit; color: white; margin: 0 5px 0 5px; text-decoration: none; }
#nav li a.current { color: black; }

#residents { clear: both; margin-left: 850px; position: absolute; top: 20px; text-align: left; }
#residents a:link, #residents a:visited, #residents a:hover, #residents a:active { font-size: 77%; background-color: inherit; color: black; text-decoration: none; }

#footer { clear: both; display: block; line-height: 1.5; margin: 20px 0 10px 67px; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { background-color: inherit; color: black; }

.home #content h1, .home #content h2, .home #sidebar-wide h1, .home #sidebar-wide h2, .login #content h1, .login #content h2, .login #sidebar-wide h1, .login #sidebar-wide h2, .contact #content h1, .contact #content h2, .contact #sidebar-wide h1, .contact #sidebar-wide h2 { font-size: 108%; font-weight: bold; }
.home #content h1, .home #sidebar-wide h1, .login #content h1, .login #sidebar-wide h1, .contact #content h1, .contact #sidebar-wide h1 { padding-top: 5px; padding-bottom: 5px; }
.home #content ol, .home #content p, .home #content table, .home #content ul, .home #sidebar-wide ol, .home #sidebar-wide p, .home #sidebar-wide table, .home #sidebar-wide ul, .login #content ol, .login #content p, .login #content table, .login #content ul, .login #sidebar-wide ol, .login #sidebar-wide p, .login #sidebar-wide table, .login #sidebar-wide ul, .contact #content ol, .contact #content p, .contact #content table, .contact #content ul, .contact #sidebar-wide ol, .contact #sidebar-wide p, .contact #sidebar-wide table, .contact #sidebar-wide ul { font-size: 93%; }

.bylaws #content ol li { list-style: upper-alpha outside; margin-left: 20px; }
.bylaws #content ol li ol li { list-style: decimal outside; }
.bylaws #content ol#toc li { list-style: none; margin-left: 0; }