/* CSS Document */

body {
margin:0;
padding:0;
background: #FFCCFF url(images/gradient.jpg) repeat-x bottom left;
color:#000000; 
font: normal 12px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; 
}

#wrapper {
margin: 0;
width: 100%;
background: url(images/tile.png) repeat-x top center;
background-attachment: fixed; 
}

#colorwrapper {
margin: 0;
width: 100%;
background-color: #C40078;
}

#container {
width: 960px;
margin: 0 auto;
}

#header {
width: 960px;
margin: 0 auto;
padding: 5px;
text-align: right;
text-transform: uppercase;
font: normal 12px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#header a {
margin: 0;
padding: 5px;
color: #FFFFFF;
text-decoration:none;
}

#header a:hover {
background-color: #f06ebe;
}




/* MAIN NAVIGATION BUTTONS */

#logo {
float: left;
height: 135px;
padding: 20px 0 0 0;
}

#navigation {
float: right;
height: 155px;
}

#navigation ul {
list-style: none;
font: bold 15px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#navigation li
{
float: left;
margin: 30px 0 0 5px;
} 

#navigation li a{
background: url(images/gradient_pink.jpg) #000000 bottom left repeat-x;
height: 40px;
line-height: 40px;
float: left;
width: 180px;
display: block;
border: 1px solid #C40078;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}

#navigation a:hover {
background-color: #F06EBE;
color: #000000;
}



/* BANNER and RACE DATE */

#racedate {
width: 550px;
float: left;
clear: both;
padding: 120px 0 30px 40px;
line-height: 0px;
font: normal 40px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#racedate h1 {
line-height: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 52px;
font-family: "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#buttons {
float: right;
width: 275px;
font: normal 30px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#buttons ul {
list-style: none;
margin: 0;
padding: 0;
}

#buttons li a{
background: url(images/pink_arrow.png) bottom left no-repeat;
padding-left: 12px;
margin-bottom: 5px;
line-height: 50px;
float: left;
width: 275px;
display: block;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
}

#buttons li a:hover {
color: #000000;
}

#buttons a img {
float: left;
margin: 5px 5px 10px 0;
}



/* CONTENT AREAS */

#content {
clear: both;
overflow: auto;
padding: 20px 40px 40px 40px;
background-color: #FFFFFF;
border-top: 1px dashed #C40078;
color: #000000;
font: normal 15px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
line-height: 24px;
}

#content h1 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
line-height: 18px;
color: #C40078;
}

#content h2 {
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
line-height: 18px;
color: #C40078;
}

#content h3 {
padding-top: 10px;
font-size: 16px;
font-weight: bold;
line-height: 18px;
color: #000000;
}

#content ul {
clear: both;
margin: 10px 0 0 0;
list-style: url(images/bullet.gif) inside;
line-height: 30px;
}

#content ul.underquick {
clear: both;
margin: 190px 0 0 0;
list-style: url(images/bullet.gif) inside;
line-height: 36px;
text-indent: -15px;
}

#content a {
color: #C40078;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content i.new {
font-size: 9px;
text-transform:uppercase;
}


#cell_1 {
overflow: auto;
float: left;
width: 350px;
height: 550px;
margin: 0;
padding:0 5px 20px 0;
}

#cell_1 a.quick{
clear: both;
background: url(images/gradient_pink.jpg) #000000 bottom left repeat-x;
height: 40px;
float: left;
width: 325px;
display: block;
margin: 5px 0 5px 0;
padding: 0;
border: 1px solid #C40078;
color: #FFFFFF;
font: bold 15px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
line-height: 38px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}

#cell_1 a:hover.quick {
background-color: #F06EBE;
color: #000000;
}

#cell_2 {
overflow: auto;
float: right;
background-color: #ffe4fa;
border: 1px solid #f06ebe;
width: 460px;
height: 550px;
margin: 0;
padding:5px 20px 20px 20px;
}



/* FOOTER */

#footer {
clear: both;
overflow: auto;
width:960px;
height: 350px;
padding: 0;
margin: 0 auto;
background-color: #C40078;
color: #FFFFFF;
font: bold 16px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#footer h1 {
color: #ffffff;
padding-top: 7px;
text-transform: uppercase;
font: bold 16px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#footer img {
float: left;
display: inline;
margin: 0 5px 5px 0;
}

#footersponsors {
width: 600px;
float: left;
padding: 0 0 20px 40px;
}

#footersponsors img {
float: left;
display: inline;
margin: 0 30px 5px 0;
}

#footerCBCF {
width: 225px;
float: right;
padding: 0 30px 0 0;
}

#footerCBCF img {
padding-top: 20px;
}



/* COPYRIGHT */

#copyright {
clear: both;
width:960px;
padding: 10px 0 10px 0;;
margin: 0 auto;
background-color: #C40078;
text-align: center;
color: #FFFFFF;
font: normal 12px "Gill Sans MT", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#copyright a{
color: #ffffff;
text-decoration: none;
}

#copyright a:hover{
text-decoration: underline;
}