body {margin: 0 0 40px 0; background: #fff url(/assets/images/fmao_bg_alt.gif) repeat-x; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 11px;}
h1, h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
h1 {font-size: 20px;}
h1#masthead {position: absolute; top: 35px; font-size: 22px; color: #000; font-weight: normal;}
h2 {font-size: 16px; line-height: 1em; font-weight: normal;}
h3 {margin-bottom: 0; padding-bottom: 0;}
hr {border: 0; color: #ccc; background-color: #ccc; height: 1px;}
p {line-height: 1.5em;}
img#logo {float: right; margin-top:40px; z-index: 10; border: 0;}

#wrapper {width: 760px; margin: 0 auto 0 auto;}
#header {width: 477px; height: 68px; position: absolute; top: 94px;}
#content {width: 760px; position: absolute; top: 180px; padding-bottom: 60px;}
#main {width: 486px; padding: 0 10px 10px 0;}
#sidebar {height: 100%; width: 260px; float: right; display: block; margin-top: 50px;}

#navlist {padding-left: 0; margin-left: 0; border-bottom: 1px solid #e0e0e0; width: 100%;}
#navlist li {list-style: none; margin: 0; padding: 0.25em 0.25em 0.25em 2em; border-top: 1px solid #e0e0e0;}
#navlist li a {text-decoration: none; color: #555;}
#navlist li a:hover {text-decoration: none; color: #000;}

body#home #navlist li a#athome, 
body#members #navlist li a#atmembers,
body#board #navlist li a#atboard, 
body#forms #navlist li a#atforms, 
body#calendar #navlist li a#atcalendar, 
body#photos #navlist li a#atphotos, 
body#media #navlist li a#atmedia,
body#sprinkler #navlist li a#atsprinkler,  
body#resources #navlist li a#atresources  {font-weight: bold; color: #000;}

.vcard {border: 2px solid #e0e7b8; padding: 3px; -moz-border-radius: 8px; border-radius: 8px; margin: 5px 0; background:#f8f8ec; width: 45%; float: left; margin-right: 5px; font-size: 11px;}
span.vcard {padding: 2px 1px 2px 70px; margin: 0 2px 0 ;}

#footer {clear: both;}
a.cbox img {background: #fff; padding: 3px; border: 1px solid #e0e0e0; margin: 0 10px 10px 0;}