html { font-family: arial, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 1em; color: #303030; background-color: #c0c0c0; }
body { margin: 0; padding: 0; }

h1 { font-size: 18px; color: #ff0000; margin: 10px 0 10px 0; padding: 0; font-family: arial, helvetica, sans-serif; }
h2 { font-size: 14px; color: #222222; margin: 10px 0 10px 0; padding: 0; font-weight: bold; font-family: arial, helvetica, sans-serif; }
p { font-size: 12px; color: #303030; margin: 0 0 20px 0; padding: 0; line-height: 18px; }
ul { font-size: 12px; color: #303030; line-height: 18px; }
ul li { line-height: 18px; margin-bottom: 3px; }

ul.neutral { margin-left: 0; padding-left: 1.1em; margin-top: 5px; line-height: 20px; }
ul.neutral li { padding-left: 0; margin-left: 0; margin-top: 2px; line-height: 20px; }

ol { margin-top: 5px; }
ol li { line-height: 18px; margin-top: 5px; }

a, a:link, a:visited, a:active, a:hover { color: #0066CC; text-decoration: none; }
a:hover { text-decoration: underline; }

a.anchorLink, a:link.anchorLink, a:visited.anchorLink, a:active.anchorLink, a:hover.anchorLink  { color: #0066CC; text-decoration: none; }

div#banner { width: 898px; height: 188px; margin-left: auto; margin-right: auto; background-image: url('/images/banner.gif'); }
div#footer { clear: both; width: 898px; padding-top: 20px; margin-left: auto; margin-right: auto; margin-top: 40px; line-height: 20px; font-size: .80em; color: #888888; }
div#page-content { width: 898px; margin-left: auto; margin-right: auto; margin-top: 10px; border: 1px solid #7f7a6b; background: #feffed; }
div#footer { width: 890px; margin-left: auto; margin-right: auto; margin-top: 4px; margin-bottom: 0; padding: 0 0 0 0; color: #404040; }

div#menubar { width: 898px; margin-left: auto; margin-right: auto; padding: 0; height: 30px; clear: both; background: url(/images/menubar.gif) no-repeat 0 0; }
div#menubar ul { list-style: none; float: left; margin: 0; padding: 0; height: 30px; }
div#menubar ul li { float: left; display: inline; }
div#menubar ul li a { padding: 0; margin: 0; background: transparent url(/images/menubar.gif) no-repeat 0 0; height: 30px; float: left; }
div#menubar ul li a span { position: absolute; left: -999999px; }

div#menubar ul li#nav-home a { height: 30px; margin-left: 0; background-position: 0 0; width: 108px; float: left; }
div#menubar ul li#nav-home a:hover { background-position: 0px -30px; }
div#menubar ul li#nav-home-active { height: 30px; margin-left: 0; background-position: 0 -60px; width: 108px; }
div#menubar ul li#nav-home-active a { background-position: 0 -60px; width: 108px;  }

div#menubar ul li#nav-programs a { margin-left: 0;  background-position: -108px 0; width: 108px; float: left; }
div#menubar ul li#nav-programs a:hover { background-position: -108px -30px; }
div#menubar ul li#nav-programs-active { margin-left: 0; }
div#menubar ul li#nav-programs-active a { background-position: -108px -60px; width: 108px;  }

div#menubar ul li#nav-volunteers a { margin-left: 0;  background-position: -216px 0; width: 108px; float: left; }
div#menubar ul li#nav-volunteers a:hover { background-position: -216px -30px; }
div#menubar ul li#nav-volunteers-active { margin-left: 0; }
div#menubar ul li#nav-volunteers-active a { background-position: -216px -60px; width: 108px;  }

div#menubar ul li#nav-support a { margin-left: 0;  background-position: -324px 0; width: 108px; float: left; }
div#menubar ul li#nav-support a:hover { background-position: -324px -30px; }
div#menubar ul li#nav-support-active { margin-left: 0; }
div#menubar ul li#nav-support-active a { background-position: -324px -60px; width: 108px;  }

div#menubar ul li#nav-about a { margin-left: 0;  background-position: -432px 0; width: 108px; float: left; }
div#menubar ul li#nav-about a:hover { background-position: -432px -30px; }
div#menubar ul li#nav-about-active { margin-left: 0; }
div#menubar ul li#nav-about-active a { background-position: -432px -60px; width: 108px;  }

table.sidebar td.body { margin: 0; padding: 0; background-image: url(/images/sidebar-body.gif); background-repeat: repeat-y; font-size: .80em; }
table.sidebar h1 { vertical-align: middle; font-size: 1.10em; color: #fe0000; }

table.home td.body { margin: 0; padding: 0; background-image: url(/images/home-callout-body.gif); background-repeat: repeat-y; font-size: .80em; }
table.home h1 { margin: 0 20px 5px 20px; padding: 0; margin-left: 20px; color: #fe0000; }
table.home p  { margin: 0 20px 5px 20px; padding: 0; } 


table.contribute { border-top: 1px solid black; font-size: .90em; line-height: 1.2em;  }
table.contribute td { border-bottom: 1px solid black; vertical-align: top; margin: 10px 10px 20px 10px; }

p.value { color: #0000FF; font-size: 14px; margin-bottom: 4px; font-weight: bold; }
p.description { color: #444444; font-size: 12px; margin-top: 2px; }

h3 { color: #505050; font-size: 14px; margin-bottom: 4px; font-weight: bold; }
.subtext { color: #555555; font-size: 12px; margin-top: 0; margin-bottom: 4px; line-height: 16px; }


/* Left Sidebar Menu */

td.sidebar { vertical-align: top; margin-left: 5px; width: 250px; text-align: left; font-size: 0.90em; }
td.content { padding-top: 15px; vertical-align: top; }

/* Secondary Page Wide Content Container Sections: */
td.content-container{ margin: 0; padding: 0; background-image: url(/images/content-body.gif); background-repeat: repeat-y; font-size: .80em; }
div.content-container { margin: 0 45px 0 25px; }


table.sidebar-menu { margin-left: 10px; margin-top: 15px; width: 233px; }

table.sidebar-menu td { padding-left: 20px; width: 233px; height: 30px; background-image: url(/images/sidebar-menu-body.gif); }
table.sidebar-menu td.border { padding-left: 0; width: 233px; height: 6px; }
table.sidebar-menu td.top { padding-left: 20px; width: 233px; height: 30px; background-image: url(/images/sidebar-menu-top.gif); }
table.sidebar-menu td.bottom { padding-left: 20px; width: 233px; height: 30px; background-image: url(/images/sidebar-menu-bottom.gif); }

table.sidebar-menu a { text-decoration: none; background-color: transparent; }
table.sidebar-menu a:link { color: #555555; background-color: transparent; }
table.sidebar-menu a:visited { color: #555555; background-color: transparent; }
table.sidebar-menu a:active { color: #555555; }
table.sidebar-menu a:hover { text-decoration: none; color: #ff0000; }

table.sidebar-menu a.on { font-weight: bold; color: #ff0000; text-decoration: none; background-color: transparent; }
table.sidebar-menu a.on:link { color: #ff0000; background-color: transparent; }
table.sidebar-menu a.on:visited { color: #f0000; background-color: transparent; }
table.sidebar-menu a.on:active { color: #ff0000; }
table.sidebar-menu a.on:hover { text-decoration: none; color: #ff0000; }

.tbd { background-color: #FFFF00; font-weight: bold; }