/* CSS Document */
body {
background:#FFF;
color:#000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0; }

h1 {
color:#FF0000;
text-transform:uppercase;
font-size:22px; }

h2 {
margin:20px 0 5px 0;
font-size:14px;
font-weight:bold; }

h3 {
color:#FF0000;
font-size:12px;
font-weight:normal;
margin:15px 0 2px 0; }

h4 {
color:#FF0000;
margin:15px 0 0 0;
font-size:14px;
font-weight:bold; }

#green {
display:block;
width:165px;
height:125px;
background:url(images/green.gif) 0 0 no-repeat;
position:absolute;
left:785px;
top:285px; }

#header {
background:#EB3E3E;
width:100%;
height:258px;
float:left; 
clear:both;}

#header-pics {
width:815px;
height:258px;
float:left; }

#logo-area {
width:458px;
height:258px;
float:left; }

#hpic-top {
width:458px;
height:17px;
font-size:0px;
background:url(images/header_pictop.jpg); }

#logo-pic {
width:458px;
height:139px;
background:url(images/header_logo.gif); }

#hpic-bot {
width:458px;
height:102px;
background:url(images/header_picbot.jpg); }

#header-girl {
width:244px;
height:258px;
background:url(images/header_girl.jpg);
float:left; }

#red-tiles {
width:98px;
height:258px;
background:url(images/header_red.gif);
float:left; }

#header-base {
width:800px;
height:74px;
float:left;
clear:both; }

#header2-nav {
margin: 5px;
clear: both; }

#header2-nav li {
color: #F8F8F8;
list-style-type:none;
float: left;
padding: 5px;
display: inline; }

#header2-nav a:link, #header2-nav a:visited {
color: #F8F8F8;
font-size: 16px;
text-decoration: none; }

#quote {
width:448px;
height:74px;
float:right;
background:url(images/quote.gif); }

#tiles {
width:190px;
height:74px;
float:right;
background:url(images/tiles.gif); }

#main {
margin:30px 0 30px 0;
width:800px;
float:left;
clear:both; }

#sidebar {
width:195px;
float:left; }

#news {
width:130px;
padding:1px 10px 25px 10px;
margin:0 0 0 45px;
background:#EBE9E9; }

#news .description {
margin-left: 8px;
}

#content {
width:520px;
float:left;
padding:0 0 40px 65px; }

#nav ul {
padding:0;
margin:0; }

#nav li {
padding:0;
margin:0;
list-style-type:none; } 

#nav a:link, #nav a:visited { 
color:#EB3E3E;
font-size:13px; 
text-decoration:none; 
display:block; 
padding:3px 0 0 43px; 
height:22px; 
font-weight:normal;
vertical-align:middle; 
border-bottom:1px solid #BBB4B4; }

#nav a.last:link, #nav a.last:visited {
border-bottom:none; }

body.mission #mission,
body.method #method,
body.program #program,
body.faq #faq,
body.contact #contact,
body.staff #staff,
body.board #board,
body.directions #directions,
body.giving #giving,
body.fundraising #fundraising,
body.thanks #thanks,
body.kidsclub #kidsclub,
body.scrip #scrip,
body.otherways #otherways,
body.volunteering #volunteering,
body.parent #parent,
body.parentclub #parentclub,
body.events #events,
body.index #nav #index { 
color:#000; }

a:link, a:visited {
color:#EB3E3E; 
font-size:13px; 
text-decoration:underline;
font-weight:bold; }

a:hover {
color:#BB1C15; }

.red {
color:#FF0000; }

#no-dec {
border:0 !important; }

.clearb {
clear:both; }

/* Home Page */

.home p {
margin:10px 0 0 0; }

.bottom p {
margin:2px 0 10px 0; }

.quote {
padding:0 30px 5px 20px; }

td {
width:200px;}

.home {
height:550px; }
	
.home ul {
float:left;
width:130px;
margin:0 0 0 30px;
list-style: none;
padding:0;
text-align:left;
}

.home li {
background:url(images/circle.gif) no-repeat 0px .4em;
margin:4px 0 0 0;
padding:0 0 0 10px; }

.bottom ul {
float:right;
width:355px;
list-style: none;
margin:0;
padding:0 0 15px 0;
text-align:left;
}

.bottom li {
background:url(images/circle.gif) no-repeat 0px .4em;
margin:4px 0 0 0;
padding:0 0 0 10px; }

.bottom ul#archived li {
margin-left: 24px;
}

/* Content Pics */

#boy1 {
width:89px;
height:127px;
margin:0 15px 0 0;
background:url(images/boy1.jpg);
float:left; }

#letters {
width:140px;
height:160px;
margin:0 10px 0 0;
background:url(images/letters.gif);
float:left; }

#method-quote {
width:140px;
height:185px;
margin:0 15px 0 0;
background:url(images/methodquote.gif);
float:left; }

#parent-pic {
width:140px;
height:224px;
margin:0 10px 0 0;
background:url(images/parent.jpg);
float:left; }

#program-pic {
width:140px;
height:160px;
margin:0 10px 0 0;
background:url(images/program.jpg);
float:left; }

#garden-pic {
width:357px;
height:187px;
margin:55px 0 0 0;
background:url(images/garden.jpg);
float:right; }

/* Secondary Header */
#header2 {
background:#EB3E3E;
width:100%;
/*height:171px;*/
float:left; 
clear:both; }

#header2-pics {
width:705px;
height:171px;
float:left; }

#logo2-pic {
width:397px;
height:171px;
background:url(images/header2.gif);
float:left; }

#buckle-pic {
width:78px;
height:171px;
background:url(images/buckle-pic.gif);
float:left; }

#sand-pic {
width:108px;
height:171px;
background:url(images/sand-pic.gif);
float:left; }

#blocks-pic {
width:119px;
height:171px;
background:url(images/blocks-pic.gif);
float:left; }

table.user_table, table.events_table {
border-collapse: collapse;
border: 1px solid black;
width: 100%;
}

table.user_table td, table.events_table.td {
border-collapse: collapse;
border: 1px solid black;
}

table.events_table td input.text {
width: 90%;
margin: 5px;
}

table.events_table td input.long_text {
width: 95%;
margin: 5px;
}

textarea.description {
width: 95%;
margin: 5px;
}

.spacer {
height: 15px;
}

ul.personal { 
float: none;
}

ul.personal li.last_exec {
margin-bottom: 15px;
}

.greybg {
background-color: #E0E0E0;
}

.staffbox {
width: 400px;
}