/* Global CSS */

body {
background-color: #f7f7f7; 
padding: 0px;
margin-top: 0px;
font-family: Arial;
font-size:12px;
}

/* CSS to control central portion */

#main {
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
width: 800px;
background-color:#ffffff;
padding: 5px;
border: 1px solid #F6A314;
line-height: 1.75;
display: table;
}

#left {
float: left;
width: 475px;
}

#right {
float: right;
width: 295px;
}

/* CSS for top graphics */

#banner {background:#000000 url('graphics/banner.jpg') no-repeat; height:25px; border:1px solid #000; max-width:100em;}
#banner img {position:absolute; left:0px; top:0px; }
#header {background:#F6A314 url('graphics/header.jpg') no-repeat; height:150px; border:1px solid #000; max-width:100em;}
#header img {position:absolute; left:0; color:#fff; top:99px; }

/* Front page styles */

h2 {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding-top:10px;
padding-bottom:10px;
padding-left: 5px;
background-color: #F6A314;
line-height: 1;
}

.reverse {
border-top: 1px solid #F6A314;
border-bottom: 1px solid #F6A314;
background-color: #000000;
color: #F6A314;
}

h3 {
font-size: 140%;
line-height: 1;
}

.big-text {
font-size: 140%;
}

.selection-bar {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px dotted #808080;
border-bottom: 1px dotted #808080;
}

.selection-bar select {
margin-right: 10px;
}

.small-box {
width: 280px;
border: 1px solid #F6A314;
}

/* Table styles */


table {
width: 100%;
border-collapse: collapse;
}

.small-table {
width: 280px;
border-collapse: collapse;
}

th {
background-color: #000000;
color: #F6A314;
}

.row-alt {
background-color: #FFEBCB;
}

th, td {
border: 1px solid #000000;
text-align: center;
font-size:12px;
padding: 5px;
}

.small-table th, .small-table td {
padding: 2px;
}

.month-header {
font-weight: bold;
background-color: #F3F3F3;
text-align: left;
}

.number {
background-color: #F6A314;
font-weight: bold;
}