body { text-align: center; font: 13px Arial, Helvetica, sans-serif; background: #CCCCCC; padding: 15px; }
p { margin: 0; padding: 0 0 10px 0; }
h1 { margin: 0; padding: 0; }
a { text-decoration: none; }

#container { border: 2px solid #333; width: 760px; margin: 0 auto; text-align: left; background: #FFF; }

#header { border-bottom: 2px solid #333; height: 175px; background: url(/images/topbanner.jpg); clear: both; }

#navigation { text-transform: uppercase; clear: both; border: 1px solid #FFF; background: #993333; overflow: auto; font-size: 10px;  }
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation ul li { float: left; margin: 0; padding: 0; border-right: 1px solid #FFF; }
#navigation ul li a { text-decoration: none; display: block; margin: 0; padding: 5px 10px; color: #FFF; }
#navigation ul li a:hover { display: block; margin: 0; color: #FFFF66; background: #660000; }
#navigation #date { color: #FFF; overflow: auto; padding: 5px 10px; text-align: right; }

#content { padding: 15px; clear: both; min-height: 500px; height: auto !important; height: 500px; }

h1.pagehead { font-size: 16px; font-weight: bold; color: #333333; background: #CCCCCC; text-align: left; padding: 5px 10px; border-top: 2px solid #333; border-bottom: 1px solid #666666; }

.chart { width: 100%; }
.chart tr {  }
.chart th { font-size: 10px; text-align: left; color: #FFF; text-transform: uppercase; padding: 5px; background: #666; }
.chart td { padding: 5px; }
.chart tr.light td { background: #E4E4E4; }
.chart tr.dark td { background: #CCCCCC; }

#ec td { width: 25%; font-size: 10px; text-align: center; padding-bottom: 20px; }
#ec h1 { font-size: 10px; color: #666; text-transform: uppercase; }
#ec b { font-size: 12px; }
#ec img { padding-bottom: 10px; }

#brothers { border: 1px solid #666; }

.photos img { margin: 0 10px 10px 10px; }

#latest { float: right; margin-left: 15px; width: 285px; border: 1px solid #CCC; padding: 5px; }
#latest ul { margin: 0; padding: 0; list-style: none; }
#latest ul li { margin: 0 0 10px 0; padding: 0; display: block; }

h1.green { padding: 3px; margin-bottom: 15px; text-align: center; background: url(/images/h1_green.jpg); font: bold 15px "Times New Roman", Times, serif; border: 1px solid #333; }
h1.red { padding: 3px; margin-bottom: 15px; text-align: center; background: url(/images/h1_red.jpg); font: bold 15px "Times New Roman", Times, serif; border: 1px solid #333; }
h1.yellow { padding: 3px; margin-bottom: 15px; text-align: center; background: url(/images/h1_yellow.jpg); font: bold 15px "Times New Roman", Times, serif; border: 1px solid #333; }


.module { width: 405px; border: 1px solid #CCC; margin: 0 0 15px 0; padding: 5px; }
.module h1 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
.module img { float: right; margin: 0 0 10px 10px;}

.module2 { width: 405px; border: 1px solid #CCC; margin: 0 0 15px 0; padding: 5px; }
.module2 h1 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
.module2 img {
	margin: 0 0 10px 10px;
}


#footer { clear: both; font-size: 10px; border: 1px solid #FFF; color: #FFF; background: #993333; padding: 5px; text-align: center;  }