body {margin:0; padding:0; background:#f1f1f1; font:11pt/160% verdana, arial, helvetica, sans-serif;}
a {color:#00c; text-decoration:none;}
a:hover {text-decoration:underline;}
p {border:0; margin:0 0 15px 0; padding:0;}
div {display:block; border:0; margin:0; padding:0;}
h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold; line-height:100%;}
h1 {font-size:160%;}
h2 {font-size:145%;}
h3 {font-size:130%;}
h4 {font-size:115%;}
h5 {font-size:100%;}
table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #000; font-size:100%;}
caption {margin:0; padding:3px; vertical-align:top; text-align:left; font-weight:bold; font-size:115%;}
tr {display:table-row;}
th, td {display:table-cell; border:1px solid #000; margin:0; padding:3px; vertical-align:top; text-align:left;}
th {background-color:#fff; color:#000; text-align:left; font-weight:bold;}
ul, ol {display:block; border:0; margin:11px 0 11px 44px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0;}
ul ul, ul ol, ol ol, ol ul {margin:0 0 0 22px;}
dl {border:0; margin:11px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 22px; padding:0;}
form {border:0; margin:0; padding:0;}
input, textarea, select {border:1px solid #69c; font-size:100%; font-family:verdana, arial, helvetica, sans-serif; text-indent:2px;}
textarea {text-indent:0;}
input[type=checkbox] {border:0;}
button {margin:0; padding:1px 8px; border:1px solid #69c; background-color:#a0b9f3; color:#192666; font-size:100%; line-height:100%;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; color:#008; font-size:100%; font-weight:bold;}
hr {display:block; height:1px; margin:10px 0; padding:0; background:#ccc; border:0 solid #ccc; color:#ccc;}
a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #ccc; cursor:help;}
del {text-decoration:line-through;}
strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

.floatleft {float:left;}
.floatright {float:right;}
.textalignleft {text-align:left;}
.textaligncenter {text-align:center;}
.textalignright {text-align:right;}
.verticalmiddle {vertical-align:middle;}
.clear {clear:both;}
.box {min-height:1px;}
.box:after {content:"."; display:block; line-height:0; font-size:0; visibility:hidden; clear:both;}
.noscreen {display:none;}

.form {border:0; margin:0; padding:0;}
.form table {display:table; border-collapse:collapse; margin:0; padding:0; border:0; font-size:100%;}
.form tr {display:table-row;}
.form th {display:table-cell; width:160px; border:0; margin:0; padding:4px 0 2px 0; background-color:#fff; vertical-align:top; text-align:right; font-weight:bold; white-space: nowrap;}
.form td {display:table-cell; border:0; margin:0; line-height:110%;}
.form label span {text-decoration:underline;}
.form a {color:#00c; text-decoration:none;}
.form a:hover {text-decoration: underline;}
.form h5 {margin:0 0 15px 0; padding:0; color:#4f6ad7; font-size:100%; font-weight:normal; line-height:120%; text-align:justify;}
.form ul {list-style:disc; margin:0; padding:0 0 0 20px;}
.informationBox {padding:5px; margin:0 50px; border:1px solid #369; background-color:#ffe; color:#369; font-size:100%;}
.informationBox div {font-weight:bold;}
.informationBox span {font-size:90%;}
.informationBox ul {display:block; border:0; margin:4px 0 4px 36px; padding:0;}
.errorBox {padding:5px; margin:0 50px; border:1px solid #f00; background-color:#ffe; color:#600; font-size:100%;}
.errorBox div {font-weight:bold;}
.errorBox span {font-size:90%;}
.errorBox ul {display:block; border:0; margin:4px 0 4px 36px; padding:0;}
.actionbar {display:block; position:relative; margin:8px 0 8px 165px; padding-bottom:18px; text-align:left; vertical-align:middle;}
.actionbar div.left {display:block; float:left; left:0; width:49%; text-align:left;}
.actionbar div.left button {margin:0 4px 4px 0;}
.actionbar div.right {display:block; float:right; right:0; width:49%; text-align:right;}
.actionbar div.right button {margin:0 0 4px 4px;}

#main {width:930px; margin:24px auto; text-align:left;}
#header {position:relative; border:solid 0 #b3b3b3; border-width:1px 1px 0 1px; width:100%; margin:0; padding:0; background-color:#fafafa; color:#000; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px;}
#logo {float:left; width:85px; height:86px; margin:8px 0 8px 8px; padding:0;}
#logo a, #logo a:hover {text-decoration:none;}
#title {float:left; width:445px; height:58px; margin:32px 16px 11px 16px; padding:0;}
#title a, #title a:hover {text-decoration:none;}
#shortcutbar {float:right; width:138px; height:36px; border:0; margin:54px 8px 0 0; padding:0; color:#000; font-size:90%; line-height:100%; white-space:nowrap;}
#shortcutbar ul {display:block; float:right; font-weight:normal; margin:0; padding:0; list-style:none;}
#shortcutbar li {display:block; float:left; margin:0;}
#shortcutbar a {color:#000; text-decoration:none;}
#shortcutbar a:hover {color:#323232;}
#languagebar {float:right; width:180px; height:18px; border:0; margin:72px 4px 0 0; padding:0; color:#000; font-size:90%; line-height:100%; white-space:nowrap;}
#languagebar ul {display:block; float:right; font-weight:normal; margin:0; padding:0; list-style:none; text-align:center;}
#languagebar li {display:block; float:left; margin:0 2px;}
#languagebar a {color:#000; text-decoration:none;}
#languagebar a:hover {color:#323232;}
#banner {float:left; width:100%; height:100px; border:0; padding:0;}
#banner img {border:0; padding:0;}
#menubar {float:left; width:100%; border:solid 0 #fff; border-width:2px 0; margin:0; color:#000; font-size:100%; white-space:nowrap;}
#menubar a {display:block; float:left; width:125px; height:52px; line-height:52px; border:0; margin:0; padding:0 4px 0 24px; background:url("/images/layout/menuarrow.png") 4px 50% no-repeat #ccc; color:#fff; font-size:100%; font-weight:bold; white-space:normal; vertical-align:middle;}
#menubar a {text-decoration:none;}
#menubar ul {float:left; margin:0; padding:0; list-style:none;}
#menubar ul li {display:block; height:60px; line-height:60px; background:url("/images/layout/menuwhiteline.png") 0 52px repeat-x #000; border:solid 0 #fff; border-width:0 2px 0 0;}
#menubar ul li ul li {height:auto;}
#menubar ul li ul li a {width:192px; height:auto; line-height:110%; padding:4px 4px 4px 24px; border:1px solid #fff; font-size:100%; margin-left:-1px; margin-top:-1px; white-space:normal;}
#menubar li {float:left; position:relative;}
#menubar ul ul, #menubar ul li:hover ul ul, #menubar ul ul li:hover ul ul {display:none;}
#menubar ul li:hover ul, #menubar ul ul li:hover ul, #menubar ul ul ul li:hover ul {display:block; width:155px; position:absolute; z-index:500; top:50px; margin-top:2px;}
#menubar ul li:hover ul {left:0;}
#menubar ul ul li:hover ul, #menubar ul ul ul li:hover ul {top:0; left:100%;}
#menubar ul li a.donation {width:127px;}
#menubar ul li.donation {border-width:0;}
#menubar ul li.background, #menubar a.background, #menubar ul li:hover ul li a.background, #menubar ul li:hover ul li:hover ul li a.background, #menubar ul li:hover ul li:hover ul li:hover ul li a.background {background-color:#a4c5e4;}
#menubar ul li:hover a.background, #menubar ul li:hover ul li:hover a.background, #menubar ul li:hover ul li:hover ul li:hover a.background, #menubar ul li:hover ul li:hover ul li:hover ul li:hover a.background {background-color:#a4b6e4}
#menubar ul li.objective, #menubar a.objective, #menubar ul li:hover ul li a.objective, #menubar ul li:hover ul li:hover ul li a.objective, #menubar ul li:hover ul li:hover ul li:hover ul li a.objective {background-color:#f8a82f;}
#menubar ul li:hover a.objective, #menubar ul li:hover ul li:hover a.objective, #menubar ul li:hover ul li:hover ul li:hover a.objective, #menubar ul li:hover ul li:hover ul li:hover ul li:hover a.objective {background-color:#f8c22f;}
#menubar ul li.project, #menubar a.project, #menubar ul li:hover ul li a.project, #menubar ul li:hover ul li:hover ul li a.project, #menubar ul li:hover ul li:hover ul li:hover ul li a.project {background-color:#713f88;}
#menubar ul li:hover a.project, #menubar ul li:hover ul li:hover a.project, #menubar ul li:hover ul li:hover ul li:hover a.project, #menubar ul li:hover ul li:hover ul li:hover ul li:hover a.project {background-color:#895f9c;}
#menubar ul li.activity, #menubar a.activity, #menubar ul li:hover ul li a.activity, #menubar ul li:hover ul li:hover ul li a.activity, #menubar ul li:hover ul li:hover ul li:hover ul li a.activity {background-color:#b9ce6f;}
#menubar ul li:hover a.activity, #menubar ul li:hover ul li:hover a.activity, #menubar ul li:hover ul li:hover ul li:hover a.activity, #menubar ul li:hover ul li:hover ul li:hover ul li:hover a.activity {background-color:#c5d687;}
#menubar ul li.resource, #menubar a.resource, #menubar ul li:hover ul li a.resource, #menubar ul li:hover ul li:hover ul li a.resource, #menubar ul li:hover ul li:hover ul li:hover ul li a.resource {background-color:#4b8596;}
#menubar ul li:hover a.resource, #menubar ul li:hover ul li:hover a.resource, #menubar ul li:hover ul li:hover ul li:hover a.resource, #menubar ul li:hover ul li:hover ul li:hover ul li:hover a.resource {background-color:#699aa8;}
#menubar ul li.donation, #menubar a.donation, #menubar ul li:hover ul li a.donation, #menubar ul li:hover ul li:hover ul li a.donation, #menubar ul li:hover ul li:hover ul li:hover ul li a.donation {background-color:#fe436e;}
#menubar ul li:hover a.donation, #menubar ul li:hover ul li:hover a.donation, #menubar ul li:hover ul li:hover ul li:hover a.donation, #menubar ul li:hover ul li:hover ul li:hover ul li:hover a.donation {background-color:#fe439f;}
#navigationbar {float:left; width:100%; height:24px; margin:4px 0 0 16px; padding:0; font-size:90%;}
#navigationbar a {color:#000; text-decoration:none;}
#navigationbar a:hover {text-decoration:underline;}
#page {position:relative; border:solid 1px #b3b3b3; border-width:0 1px; width:100%; margin:0; padding:0; background-color:#fff;}
#content {float:left; width:898px; margin:0 16px; padding:0;}
#content h2 {padding:2px 0 0 36px; background:url("/images/layout/arrowheader2.png") 0 30% no-repeat; color:#164593; line-height:32px;}
#content p {text-align:justify;}
#content p.topofpage {margin:24px 0 0 0; font-size:8pt; text-align:right; padding:0 13px 0; background:url("/images/layout/backtop.png") no-repeat right center;}
#content p.topofpage a {color:#03c;}
#content div.image {text-align:center; vertical-align:middle;}
#content div.image img {display:inline; margin:8px; padding:4px; border:solid 1px #ccc;}
#content span.figuredesc {font-size:85%; font-style:italic; float:right;}
#content li {text-align:left;}
#content ul.filelist {display:block; list-style-type:none; margin:0;}
#content ul.filelist li {margin:0; font-weight:normal; white-space:nowrap;}
#content ul.filelist li a img {padding:0 0 3px 0; vertical-align:bottom;}
#content img.filelink {padding:0 0 4px 0; vertical-align:bottom;}
#sidebar {float:left; width:0; margin:0 0 0 16px; padding:0;}
#sidebar h4 {margin:16px 0 0 0; padding:6px 4px 7px 4px; background:#bebebe url("/images/cmtr.png") no-repeat top right; color:#fff; font-size:115%;}
#sidebar ul {display:block; width:100%; margin:0; padding:0; list-style:none; background-color:#f3f4f6;}
#sidebar li {display:block; border-bottom:1px solid #ccc; margin:0; padding:0;}
#sidebar li li {border:0; padding-left:12px;}
#sidebar a {display:block; margin:0; padding:4px; color:#192666; text-decoration:none;}
#sidebar a:hover {background-color:#e1e1e1;}
#sidebar a.active {background-color:#e1e1e1; font-weight:bold;}
#columnbar {float:right; width:0; margin:0 16px 0 0; padding:0;}
#footer {position:relative; border:solid 0 #b3b3b3; border-width:0 1px 1px 1px; width:100%; margin:0; padding:0 0 16px 0; background-color:#fff; color:#6685cc; font-size:90%; white-space:nowrap; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;}
#copyright {float:left; width:100%; border-top:dashed 1px #ccc; margin:32px 0 0 0; padding:0; text-align:center;}
#news {position:relative; border:solid 1px #b3b3b3; width:100%; margin:16px 0 0 0; padding:0 0 7px 0; background-color:#fff; color:#192666; white-space:nowrap; -moz-border-radius:12px; -webkit-border-radius:12px;}
#news h4 {margin:7px 0 0 0 ; padding:10px 4px 7px 10px; background-color:#fff; color:#192666; font-size:100%;}
#news ul {display:block; width:100%; margin:0; padding:0; list-style:none; background-color:#fff; font-size:90%;}
#news li {display:block; border-top:1px solid #ccc; margin:0; padding:0 4px;}
#news li ul li {border:0;}
#news a {display:block; margin:0; padding:4px; color:#192666; text-decoration:none; white-space:normal;}
#news a:hover {text-decoration:underline;}
#recommend {float:right; width:208px; margin:8px 0 0 0; padding:0;}
#recommend ul {display:block; width:100%; margin:0; padding:0; list-style:none; background-color:#fff; font-size:90%;}
#recommend li {display:block; height:40px; width:100%; margin:8px 0; padding:0; border:0;}
#recommend span.left {background:url("/images/layout/iconbuttonleft.png") no-repeat top left; width:10px; height:40px; float:left;}
#recommend a {display:block; margin:0; padding:0 0 0 50px; text-decoration:none; color:#fff; background:url("/images/layout/iconbuttonstretch.png") repeat-x top left; height:40px; width:138px; float:left; white-space:normal; line-height:20px;}
#recommend span.right {background:url("/images/layout/iconbuttonright.png") no-repeat top right; width:10px; height:40px; float:right;}
#recommend li.drsp {background:#00ff00 url("/images/icon/drsp.png") no-repeat 10px 5px;}
#recommend li.assessment {background:#ff6600 url("/images/icon/assessment.png") no-repeat 10px 5px;}
#recommend li.volunteer {background:#ffcc00 url("/images/icon/volunteer.png") no-repeat 10px 5px;}
#recommend li.flagday {background:#ffcc00 url("/images/icon/flagday.png") no-repeat 10px 5px;}