body {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;/* Standard font size now equals 1em */
line-height:1.2em;
background-color:#9FA615;
padding:0;
margin:0;
}

#topbar {
width:800px;
height:25px;
background:url(images/topbar.gif) no-repeat;
margin:30px auto 0 auto;
}

#container {
width:770px;
margin:0 auto 0 auto;
padding:15px;
background:url(images/chariokelogo.gif) no-repeat top center #D9E8A3;
min-height:500px;
}

.column {
width:370px;
float:left;
display:inline;
}

.colone {
margin-right:30px;
}

.column img {
border:0;
padding:0;
margin:0;
display:block;
}

.textbox {
width:370px;
margin:0 0 30px 0;
padding:0;
}

.textbox p {
font-size:1.2em;
line-height:1.6em;
margin:0 20px 10px 20px;
}

.textbox h1 {
font-size:3em;
line-height:1.1em;
margin:0 20px 20px 20px;
}

img.title {
margin-left:20px;
}

.green {
background:url(images/greenbox_bottom.gif) no-repeat bottom #4F6F19;
color:white;
height:350px;
}

.pink {
width:370px;background:url(images/pinkbox_bottom.gif) no-repeat bottom #ED0C6D;
color:white;
height:350px;
}

.white {
width:370px;
background:url(images/whitebox_bottom.gif) no-repeat bottom #FFFFFF;
color:#4F6F19; /* Dark green */
margin:30px 0 0 0;
padding:0 0 20px 0;
}

.textbox.white img {
display:inline;
}

/* Large white box for all the sponsor logos to sit in */
#sponsorbox {
width:740px;
/*height:200px;*/
background-color: white;
-moz-border-radius: 10px; /* Mozilla */
-webkit-border-radius: 10px; /* Webkit */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px;
text-align:center;
padding:15px;
}

#sponsorbox img {
border:0;
}

#sponsorbox p {
font-size:1.2em;
margin-bottom: 0;
padding:10px 0;
color:#4F6F19;/* Dark green */
border-top:4px solid #ECF4D1;
border-bottom:4px solid #ECF4D1;
}

#footer {
width:800px;
clear:both;
background:url(images/footer_bg.gif) no-repeat top center;
margin:0 auto 20px auto;
text-align:center;
padding-top:70px;
}

#footer p {
font-size:1.2em;
line-height:1.6em;
color:#ffffff;
}

/* What can I do boxes */

.actions {
width:330px;
border-top:4px solid #ECF4D1;
margin:0 0 0 20px;
padding:10px 0;
}

.actions p {
font-size:1.2em;
line-height:1.6em;
margin:0 0 10px 0;
color: #4F6F19;
}

.actiontext {
width:120px;
float:left;
display:inline;
margin-right:10px;
}

.actionbutton {
width:200px;
float:left;
display:inline;
}

.clearer {
clear:both;
}

/* Links */

a:link, a:visited {
font-weight:bold;
color:#ED0C6D;
text-decoration:none;
}

a:hover, a:active {
font-weight:bold;
color:#ED0C6D;
text-decoration:underline;
}


