/*****Style for willtorun****/

/**************layout**************/

body {
text-align: center;
background-color: white;
background-image: url(background.gif);
font-family: "Trebuchet MS",'arial narrow',  calibri, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
}

#wrapper {
background-color: rgb(200,226,238);
width: 960px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#header{
background-color: white;
padding: 60px 10px 10px 10px;
border-bottom: 3px solid rgb(243,173,222);
height: 120px;
background-image: url(headerfadelong.gif);
}

#top{
color: rgb(187,27,137);
font-size: 50pt;
font-family: 'bauhaus 93', impact;
text-align: right;
padding-right: 10px;
 }

#logo{
margin-top: -40px;
margin-left: 10px;
}


#menu{
float: left;
width: 200px;
background-color: rgb(200,226,238);
text-align: center;
}

#content{
width: 755px;
background-color: white;
border-left: 5px solid white;
float: right;

}

#footer{
clear: both;
background-color: white;
background-image: url(headerfadelong.gif);
border-top: 3px solid  rgb(243,173,222);
border-bottom: 3px solid white;
padding: 5px 10px 5px 0;
font-size: 8pt;
text-align: right;
margin-top: 5px;
height: 30px;
}

#donatebutton {
background-image: url(button.gif); 
background-repeat: no-repeat;
text-align: center;
width: 130px;
height: 37px;
margin-top: 4px;
padding-top: 8px;
margin-left: 35px;
}

#ra, #logo{
float: right;
}

#welcome, #therun, #therunners, #thecharity, #theend, #partywelcome, #contactwelcome, #bec, #chez, #ev, #jen, #progress, #wedidit, #thankyous  {
background-image: url(headerfade3.gif);
background-repeat: no-repeat;
padding: 10px;
border-bottom: 2px solid rgb(200,226,238);
margin-bottom: 10px;
margin-top: 10px;
}

#wh, #std{
padding: 10px;
}


#thecharitywidget {
margin: 50px 0 50px 0;
}

#std{
margin-top: 50px;
}

#pb{
margin-left: -10px;
}

#buttons{
text-align: center;
float: left;
margin-bottom: 50px;
}

#buttons li{
background-image: url(button.gif); 
background-repeat: no-repeat;
text-align: center;
width: 130px;
height: 30px;
margin: 4px 0 0 -5px;
padding: 8px 0 8px 0;
margin-left: -5px;
list-style-type: none;
}

#std h1{
margin: 5px;
}


#justgiving{
background-image: none;
text-align: right;
margin-top: -60px;
}

#dancers{
text-align: center;
}


.runspace{
margin: 0 11px 11px 0;
width: 125px;
height: 125px;
border: 3px solid rgb(200,226,238);
}


.runspace1{
margin: 0 10px 10px 35px;
width: 300px;
height: 200px;
border: 3px solid rgb(200,226,238);
text-align: center;
}

.group{
text-align: center;
border: 3px solid rgb(200,226,238);
margin-left: 45px;
}


/**************fonts************/

h1{ 
color: rgb(187,27,137);
font-size: 16pt;
margin-top: 0;
font-family: 'bauhaus 93', impact;
font-weight: normal;
}

h2{
color: rgb(238,138,207);
font-size: 10pt;
margin-top: 0;
}

h3{
color: rgb(115,182,211);
font-size: 10pt;
margin-top: 0;
}

h4{ 
color: red;
font-size: 16pt;
margin-top: 0;
font-family: 'bauhaus 93', impact;
font-weight: normal;
}

p.names {
margin-top: 5px;
}


cite{
font-size: 10pt;
color: rgb(187,27,137);
font-weight: bold;

}


/*******images***********/



#baby {
margin-bottom: 10px;
}

#glitterball {
margin: -10px 0 -10px 0;
}


/**************** pseudo classes ****************/ 

a:link { 
font-weight: bold;
color: rgb(187,27,137);
text-decoration: none;
} 

a:visited { 
font-weight: bold;
color: rgb(187,27,137);
text-decoration: none;
} 

a:hover { 
font-weight: bold;
color: rgb(238,138,207);
text-decoration: none;
} 
 
a:active {
font-weight: bold;
color: rgb(238,138,207);
text-decoration: none;
}