@charset "utf-8";
/* CSS Document */

#wrapper {
width: 700px;
height: 850px;
background-image:url(images/background.jpg);
background-repeat:repeat-x;
background-color:#CBE0FD;
}

#header {
width: 700px;
height: 40px;
padding:20px;
}

#title {
float:left;
display:inline;
width: 240px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
}

#searchBox {
float:left;
display:inline;
width: 200px;
background-color:#FFFFFF;
padding:10px;
margin-left:200px;
}

#when {
width: 700px;
padding-left: 20px;
padding-top: 15px;
float:left;
display:inline;
font-family:Arial, Helvetica, sans-serif;
color:#336699;
font-size:12px;
text-align:left;
}

#blocks {
float:left;
display:inline;
width: 700px;
height: 90px;
}

#low {
float:left;
display:inline;
width: 140px;
height: 90px;
background-image:url(images/low.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:24px;
padding-top:20px;
text-indent:30px;
}

#moderate {
float:left;
display:inline;
width: 140px;
height: 90px;
background-image:url(images/moderate.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:24px;
padding-top:20px;
text-indent:30px;
}

#high {
float:left;
display:inline;
width: 140px;
height: 90px;
background-image:url(images/high.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:24px;
padding-top:20px;
text-indent:30px;
}

#veryhigh {
float:left;
display:inline;
width: 140px;
height: 90px;
background-image:url(images/veryhigh.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:24px;
padding-top:20px;
text-indent:30px;
}

#blockTitles {
float:left;
display:inline;
width: 700px;
height: 30px;
}

#countTitle {
float:left;
display:inline;
width: 140px;
height: 40px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
text-align:center;
}

#column {
float:left;
display:inline;
width: 210px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
text-align:left;
padding-left:20px;
padding-top:5px;
}

#empty {
float:left;
display:inline;
font-family:Arial, Helvetica, sans-serif;
color:#FFFF00;
font-size:14px;
text-align:left;
padding-left:20px;
padding-top:15px;
}

.headText {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#336699;
font-weight:bold;
}

.subheadText {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

.mainText {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

/* sexy buttons */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}