html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {background: white;}
body * {font-family: Verdana, sans-serif; color: #6e6e6e; font-size: 11px;}

div {float: left; width: auto;}
h1, h2, h3, p, a, span {display: block; float: left; width: auto; margin: 0; padding: 0; line-height: 16px;}
a {outline: 0; text-decoration: none; color: #5da494;}
img {border: 0;}
p {clear: left; width: 100%; margin-top: 10px;}
ul, li {float: left; clear: left; width: auto; margin: 0; padding: 0;}
li, a, b {line-height: 16px;}

#body {float: left; width: 100%; height: 100%; position: absolute;}

#layout {width: 920px; height: 100%; position: relative; left: 50%; margin-left: -450px; min-height: 910px;}

#header {position: relative; width: 900px; height: 172px; background: url('/images/layout_top.gif');}
#header a {display: block; position: absolute; right: 76px; top: 62px; width: 126px; height: 110px; background: url('/images/layout_logo.gif');}
#header a:hover {background: url('/images/layout_logo_alt.gif');}

#menu {margin-left: 50px; width: 210px;}
#menu ul {list-style-type: none;}
#menu ul li, #menu ul li a {width: 210px; height: 40px; line-height: 40px;}
#menu ul li {background: url('/images/menu_intro.gif'); border-bottom: 1px solid #6e6e6e;}
#menu ul li:hover {background: url('/images/menu_intro_alt.gif');}
#menu ul li.selected {background: url('/images/menu_intro_alt.gif');}
#menu ul li + li {padding-bottom: 3px; background: url('/images/menu_activities.gif');}
#menu ul li + li:hover {background: url('/images/menu_activities_alt.gif');}
#menu ul li + li.selected {background: url('/images/menu_activities_alt.gif');}
#menu ul li + li + li {background: url('/images/menu_about.gif');}
#menu ul li + li + li:hover {background: url('/images/menu_about_alt.gif');}
#menu ul li + li + li.selected {background: url('/images/menu_about_alt.gif');}
#menu ul li + li + li + li {background: url('/images/menu_donate.gif');}
#menu ul li + li + li + li:hover {background: url('/images/menu_donate_alt.gif');}
#menu ul li + li + li + li.selected {background: url('/images/menu_donate_alt.gif');}
#menu ul li + li + li + li + li {padding-bottom: 0; background: url('/images/menu_contact.gif'); border-bottom: 0;}
#menu ul li + li + li + li + li:hover {background: url('/images/menu_contact_alt.gif');}
#menu ul li + li + li + li + li.selected {background: url('/images/menu_contact_alt.gif');}

#content {width: 550px; margin-left: 30px; margin-top: 40px;}
#content ul {padding-left: 14px; list-style-type: disc;}
#content ul li {}
#content a, #content b {display: inline; float: none; clear: none;}
#content .content {width: 520px; margin-left: 10px;}
#content .content.activities .left {clear: none; width: 240px;}
#content .content.activities .right {clear: none; width: 280px;}
#content .content.donate li + li {margin-top: 10px;}
#content .content .row {clear: left; width: 100%; margin-top: 10px;}
#content .content.about .row {margin-top: 20px; border-top: 1px solid #6e6e6e; width: 540px;}
#content .content .left {clear: none; width: 240px;}
#content .content .right {clear: none; width: 280px;}
#content .content.about span {clear: left; white-space: nowrap;}
#content .content.about h3 {clear: left; margin-top: 20px; font-weight: bold;}
#content .content.contact span {clear: left; white-space: nowrap;}
#content .content.contact h3 {clear: left; margin-top: 20px; font-weight: bold;}

#footer {margin-left: 50px; width: 790px; border-top: 1px solid #6e6e6e; font-size: 10px; margin-top: 40px;}
#footer span {padding-top: 5px; padding-bottom: 20px;}
