html, body { height: 100%;}
body
{
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: Arial, Sans-serif;
    font-size: 13px;
    background: #faffea url(../images/background.gif) repeat-y scroll center;
}

#breadcrumb { background: #d6d8d4; padding: 5px 10px; font-size: 11px;}
#breadcrumb a, #breadcrumb a:link { color: #888; text-decoration: underline; }
#breadcrumb a:visited { color: #999; }
#breadcrumb a:hover, #breadcrumb a:active { color: #555; }

#content { height: 100%; text-align: left; width: 800px; margin: 0 auto; padding: 0 1px; padding: 0 15px; background: #faffea url(../images/background.gif) repeat-y scroll center;}

#header, #body, #footer { background-color: #fff; }
#header { margin: 1px 0 0 0; padding: 0; }
#header #site-logo { float: left; margin: 0 1px 0 0; }
#header #nav { float: left; margin: 0 1px 0 0; }
#header #brand-logo { float: left; }
div.bottom-bar { height: 10px; margin: 1px 0 0 0; }
#header #nav div.bottom-bar { background: #82113f; }
#header #brand-logo div.bottom-bar { background: #f87cb5; }
#header #brand-logo h1 { margin: 0; padding: 0; }
#header #site-logo h1 { margin: 0; padding: 0; }
#header #nav ul { list-style: none; margin: 0 0px 0 0; padding: 0; float: left; height: 141px; }
#header #nav #nav-title { float: left; }

#header #nav ul li
{
    text-align: right; 
    height: 29px;
    width: 113px;
    margin: 0 0 1px 0;
    padding: 11px 0 0 0;
    border-right: 1px solid #fff; 
}

#header #nav ul li.last { height: 32px; }

#header #nav ul li a, #header #nav ul li a:link, #header #nav ul li a:visited
{
    font-family: times;
    margin: 0 11px 0 0 ;
    padding: 0;
    font-size: 14px; 
    text-decoration: none;
    color: #fff;
}
#header #nav ul li a:hover, #header #nav ul li a:active { text-decoration: underline; }

#color-bar { background: #82113f; float: left; width: 4px; height: 207px;}

#header #nav ul li#link-home { background: #82113f; }
#nav-title-home div { background: #82113f; }
#header #nav ul li#link-home.active { border-right: 1px solid #82113f; }
#header #nav ul li#link-our-story { background: #c03582; }
#nav-title-our-story div { background: #c03582; }
#header #nav ul li#link-program { background: #f87c92; }
#nav-title-program div { background: #f87c92; }
#header #nav ul li#link-events { background: #d9a7b1; }
#nav-title-events div { background: #d9a7b1; }
#header #nav ul li#link-organizations { background: #f87cb5; }
#nav-title-organizations div { background: #f87cb5; }
#header #nav ul li#link-events.active { border-right: 1px solid #d9a7b1; }
#nav-title-events div { background: #d9a7b1; }


#body { background: #fff url(../images/pink_bar_home.gif) top right no-repeat; }
#body #left { background: #fceeec; width: 247px; float: left; }
#body #rest { background: #fff; float: right; color: #666; margin: 20px 0 0 0; width: 520px;}
#body #right { background: url(../images/pink_bar_right_home.gif) no-repeat; width: 148px; float: right; margin: 17px 0 0 0; height: 230px;}
#body #right .tout { margin: 21px 10px 0 17px; font-weight: bold; font-size: 11px; }
#body #right .tout h3 { font-size: 14px; }

h3 { color: #82113f; }

#footer .main { background: #f87cb5; color: #fff; font-size: 11px; padding: 6px 23px;}
#footer .main a, #footer .main a:link, #footer .main a:visited { text-decoration: underline; font-weight: bold; color: #fff; }
#footer .trim { background: url(../images/trim.gif); height: 11px; }
.clearall { clear: both; height: 0px; overflow: hidden; }
.spacer { height: 30px; background-color: #fff; }

#bike-tout img { float: left; }
#bike-tout div { padding: 10px 0 0 136px; margin: 0; }
#bike-tout div h3 { padding: 0 0 0 6px; margin: 0; }

#main-content { width: 345px; padding: 4px 0 0 0; }

.short_spacer { height: 1px; }