/* layout */

html {
background: #210801 url(/img/bg.png) no-repeat center bottom;
}

body {
position: relative;
width: 812px;
margin: 0 auto;
text-align: left;
}


/* header */

#header {
height: 200px;
background: #070707 url(img/headernarrow.jpg) no-repeat;
color: #fff;
position: relative;
overflow: hidden;
border-top: #fff solid 1.5em;
-moz-border-radius: .6em .6em 0 0;
}

#header .logo {
position: relative;
left: 47px;
top: -30%;
font-size: 4em; 
line-height: 1.5;
float: left;
text-align: center;
}

#header div {
margin-left: 50%;
padding-top: 3em;
}

#header h2 {
font-size: 2.5em;
text-shadow: 0 0 8px #000;
}

#header p {
font-size: 1.5em;
font-style: italic;
padding: 0 1em;
}

#header ul {
font-size: 2.5em;
margin: .4em 0;
}

#header ul li {
margin: .5em 0;
}

#header .nav li {
display: inline;
}

#header .nav li:first-child {
margin-right: .5em;
}

#header .nav li a {
color: #fdff38;
background: #a90101;
opacity: .8;
-moz-border-radius: .25em;
padding: 0 .25em .1em;
text-decoration: none;
font-weight: bold;
text-shadow: 0 0 .2em #000;
letter-spacing: -.05em;
}

#header .nav li a:hover {
background: #111;
}


/* content */

#content {
position: relative;
padding: 0 2.5em 2em;
background: #fff;
border-bottom: #fff solid 1.5em;
overflow: hidden;
-moz-border-radius: 0 0 .6em .6em;
}

#body {
margin-right: 45%;
}

#sidebar {
position: absolute;
top: 1.5em;
right: 0;
width: 40%;
}

#sidebar > div:first-child,
#sidebar > form:first-child {
margin-top: -1.5em;
}

#sidebar div.action {
font-size: 1.5em;
margin-left: 1em;
margin-bottom: 1em;
}


/* ribbon & footer */

.secondary.nav {
float: right;
}

.secondary.nav li {
float: left;
position: relative;
margin-left: .5em;
}

.secondary.nav li img {
width: 0%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

.secondary.nav li:hover img {
width: 100%;
}

.secondary.nav a {
display: block;
color: #fff;
font-size: 1.1em;
text-decoration: none;
padding: .5em .91em .7em;
}

.secondary.nav a:hover {
text-shadow: 0 0 4px #000;
}

#ribbon,
#footer {
color: #fff;
spadding: 0 1.5em 0 2em;
}

#ribbon {
height: 70px;
}

#ribbon .nav {
padding-top: 1.2em;
}

#ribbon li.home {
position: absolute;
top: 1.2em;
left: -1.5em;
}

/*#ribbon li.fundraisers {
padding-left: 10px;
}

#ribbon li.businesses {
margin-left: -4px;
padding-left: 12px;
}

#ribbon li.contact {
margin-left: -14px;
padding-left: 22px;
}*/

#ribbon li.tellfriend,
#footer li.privacy {
margin-right: -1em;
}

#ribbon li.contact,
#ribbon li.tellfriend {
margin-left: 2em;
}

#footer {
position: relative;
clear: both;
height: 130px;
}

#footer .contact {
padding-top: 23px;
}

#footer .contact h2 {
font-size: 1.5em;
}

#footer .contact .address {
margin-bottom: .5em;
}

#footer .nav {
padding-bottom: 1.2em;
}

#footer li.email {
position: absolute;
left: -1.5em;
}