html {
background-color: white;
}
body {
width: 900px;
background-color: white;
}

div#indexarea {
float: left;
width: 100%;
clear: both;
margin: 0;
padding: 0;
}

div#headline {
width: 100%;
text-align: right;
font-size: 130%;
color: white;
margin-bottom: 0.2em;
margin-top: 0px;
color: rgb(0,66,116);
border-top: 2px solid rgb(0,66,116);
border-bottom: 2px solid rgb(0,66,116);
}

div#headline p {
padding: 0.2em;
font-weight: bold;
}

div#headline a {
color: rgb(0,66,116);
}

div#headline a:hover {
color: rgb(255,102,51);
}

div#splashimage {
float: left;
background: url(images/splash/rotate.php) top left no-repeat;
width: 690px;
height: 460px;
margin-top: 10px;
margin-left: 10px;
}

/* bottom boxes */

div.homebox {
float: left;
width: 294px;
border: 1px solid rgb(162,196,219);
height: auto;
margin-left: 6px;
margin-bottom: 1em;
position: relative;
padding-bottom: 1em;
}

div.homebox h2 {
background: url(images/buttonfade.gif) top left repeat-x rgb(162,196,219);
height: 1.3em;
font-size: 125%;
padding: 0.1em 0.4em 0 0;
text-align: right;
font-family: Arial;
color: white;
margin-bottom: 0.2em;
}

div.homebox p {
font-size: 80% !important;
margin-left: 1em;
margin-right: 1em;
}

div.homebox a {
color: rgb(0,66,116);
font-weight: bold;
}

div.homebox a:hover {
color: rgb(255,102,51);
}

div.homebox p.date {
border: none;
padding-bottom: 0;
margin-bottom: 1em;
}

p.getmore {
text-align: right;
font-size: 100%;
position: absolute;
bottom: 5px;
right: 0px;
}

div.first {
margin: 0;
}

div.sponsors a img {
display: block;
clear: both;
border: none;
margin: 0.5em auto 1em auto;
}