* {margin:0; padding:0 }
body {
font:20px/36px Georgia,"Times New Roman",Times,serif;
color:#111;
text-align:center;
overflow:scroll;
overflow-x:auto;
overflow-y:scroll; 
background:#E4E4E4 url('bg2.png') repeat-y 50% 100%;
font-family: Georgia;
}

#wrapper { margin:0 auto; width: 920px; padding: 0px 10px; margin-top: 5px ; background-color: white; }
#content{ width: 920px; padding: 0px 10px; }
#footer { font-size: 0.8em; color: #ccc; text-align: center; max-width: 920px; min-width: 900px; padding: 20px 10px;}
#background { width: 920px; background-color: #f4f2f5; padding: 0px 0px; }
#header { margin-bottom: 50px ; }
.clear { clear:both; background-color: #f4f2f5;}

img { border:none }
h1 { font-size:4em; font-weight:normal; padding:40px 0; letter-spacing:-3px; word-spacing:0.1em }
.space { letter-spacing:-10px; padding-right:5px }
.space1 {letter-spacing:-1px }
.space2 { letter-spacing:2px }
.tagline { font-size: 0.75em; line-height:30px; padding: 7px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC }

#program_layer { padding: 20px }
#program_layer .program-image { padding-bottom: 30px; width: 20%; float:left; margin-right: 8%; font-size: 1em; }
#program_layer .program-left { width: 30%; float:left; margin-right:2%; font-size: 1em; }
#program_layer .program-left h3 { padding-bottom: 5px;}
#program_layer .program-right { width: 30%; float:right; font: 15px; margin-right: 3%; font-size: 1em;} 
#program_layer p { margin:4px 0 16px 0; color:#4D4D4D}
#program_layer img{ padding: 0px 0px 0px 0px;}  
#program_layer a { color: #e87279; }

#voluntary_layer { padding:20px }
#voluntary_layer .voluntary-left { width:40%; float:left; margin-right:5%; font-size: 1em;}
#voluntary_layer .voluntary-right { width:50%; float:right; font: 15px; font-size: 1em;}
#voluntary_layer p { margin:4px 0 16px 0; color:#4D4D4D}
#voluntary_layer img{float:right;background-color:#FFF;border:1px solid #CCC;padding:4px;margin-bottom:3px}

#donations_layer img{float:right;background-color:#FFF;border:1px solid #CCC;padding:4px;margin-bottom:3px}
#donations_layer { padding:20px }
#donations_layer h3{margin-bottom:20px}
#donations_layer h4{font-weight:normal;font-size:0.8em;line-height:1.5em;text-align:left;margin-left:90px}
#donations_layer p{margin:4px 0 16px 0; color:#4D4D4D}
#donations_layer img{float:right;background-color:#FFF;border:1px solid #CCC;padding:4px;margin-bottom:3px}
#donations_layer .donations-left { width:30%; float:left; margin-right:5%; font-size: 1em;}
#donations_layer .donations-right { width:60%; float:right; font: 15px; font-size: 1em;}
#donations_layer ul li {font-size: 0.7em; margin-bottom: 5px; margin-left: 5px}

#we_layer { padding:20px }
#we_layer .we-left { width:40%; float:left; margin-right:5%; font-size: 1em; }
#we_layer a { color: #e87279; }


p{font-size:0.7em;text-align:left;line-height:1.5em}
h2{font-weight:normal;font-size:1.3em;text-align:left;padding-bottom:10px}
h3{font-weight:normal;font-size:1.0em;text-align:left}
a{text-decoration:none;color:#111}
a:hover{color:#F00}

#background{display:none}

#highlight{font-size:0.8em;color:#999}
#highlight:hover{color:#FFBFBE}
#highlight:hover span{color:#F00}
#highlight span{font-size:1.2em;margin-right:12px;color:#111}
#highlight img{margin-bottom:-8px;margin-right:10px}
#highlight-blue{font-size:0.8em;color:#999}
#highlight-blue:hover{color:#98BBFF}
#highlight-blue:hover span{color:#3887FF}
#highlight-blue span{font-size:1.2em;margin-right:12px;color:#111}
#highlight-blue img{margin-bottom:-8px;margin-right:10px;border:none}
#footer p,#footer-background p{color:#CCC;font:0.5em/1.6em "Lucida Grande",Tahoma;text-align:center}
#footer-background{margin:0 auto;min-width:920px;max-width:1024px;padding:30px 0px}

.title { color: #000 }
.title a:hover { color: #000 }

div.content { margin: 10px 10px; }

table.noSpacing { border-spacing: 0px; }

tr.nav td { background: #f4f2f5; background-repeat: no-repeat; margin-bottom: 0px; width: 250px;  padding: 5px 10px; vertical-align: top; }

tr.nav td div.c1 {
position: absolute;
width: 24px;
height: 24px;
background: #f4f2f5 url(c1.gif) top left no-repeat;
}
tr.nav td div.c2 {
position: absolute;
width: 24px;
height: 24px;
background: #f4f2f5 url(c2.gif) top left no-repeat;
}


table {
border-collapse: collapse;
}

tr.nav td#show_program div.c1 { top: -5px; left: -62px; }
tr.nav td#show_program div.c2 { top: -5px; right: -1px; }

tr.nav td#show_voluntary div.c1 { top: -5px; left: -55px; }
tr.nav td#show_voluntary div.c2 { top: -5px; right: 0px; }

tr.nav td#show_donations div.c1 { top: -5px; left: -65px; }
tr.nav td#show_donations div.c2 { top: -5px; right: -1px; }

tr.nav td#show_we div.c1 { top: -5px; left: -90px; }
tr.nav td#show_we div.c2 { top: -5px; right: -1px; }


/*
tr.nav td#show_program div.c1[class] { top: -5px; left: -10px; }
tr.nav td#show_program div.c2[class] { top: -5px; left: -10px; }

tr.nav td#show_voluntary div.c1[class] { top: -5px; left: -10px; }
tr.nav td#show_voluntary div.c2[class] { top: -5px; left: -10px; }

tr.nav td#show_donations div.c1[class] { top: -5px; left: -10px; }
tr.nav td#show_donations div.c2[class] { top: -5px; left: -10px; }

tr.nav td#show_we div.c1[class] { top: -5px; left: -10px; }
tr.nav td#show_we div.c2[class] { top: -5px; right: -10px; }
*/

tr.nav td div.c1[class] { top: -5px !important; left: -10px !important; }
tr.nav td div.c2[class] { top: -5px !important; right: -10px !important; }

tr.nav td.selected div.c1 { background: none; }
tr.nav td.selected div.c2 { background: none; }

/*
tr.nav td.program_color div.c1, tr.nav td.voluntary_color div.c1 , tr.nav td.donations_color div.c1 , tr.nav td.we_color div.c1  {
position: absolute;
width: 24px;
height: 24px;
top: -5px;
left: -10px;
background: #f4f2f5 url(c1.gif) top left no-repeat;
}
tr.nav td.program_color div.c2, tr.nav td.voluntary_color div.c2 , tr.nav td.donations_color div.c2 , tr.nav td.we_color div.c2 {
position: absolute;
width: 24px;
height: 24px;
top: -5px;
right: -10px;
background: #f4f2f5 url(c2.gif) top left no-repeat;
}
*/

tr.nav td h2 {text-align: center}

tr.nav td.initial { background: #fff; color: #9d9d9d; cursor:pointer ; width: 250px;}

tr.nav td.initial div.c1 { background: none; }
tr.nav td.initial div.c2 { background: none; }

tr.nav td.initial:hover {color:#555; cursor:pointer}

tr.nav td.initial:hover h2{color:#333}

tr.nav td.initial:hover span {color:#FFBFBE}

tr.nav td.selected { background-color: #fff; color: #9d9d9d; cursor:pointer; background-image: none; }

tr.nav td.selected:hover {color: #555}

tr.nav td.selected:hover h2 {color: #333}

tr.nav td.program_color h2 { color: #e87279 !important; text-decoration: underline; } /* red */
tr.nav td.voluntary_color h2 { color: #b67e1a !important; text-decoration: underline; } /* laranja */
tr.nav td.donations_color h2 { color: #1f9830 !important; text-decoration: underline; } /* verde */
tr.nav td.we_color h2 {color: #1a9db4 !important; text-decoration: underline; } /* azul */


td#show_program h2 { color: #e87279; }
td#show_voluntary h2 { color: #b67e1a; }
td#show_donations h2 { color: #1f9830; }
td#show_we h2 { color: #1a9db4; }

