* {
	margin: 0; /* overrides browser's default margin and padding */
	padding: 0;
}

body {
	padding: 20px 20px 20px 20px;
	color: #000;
	background-color: #000;
	font: 13px Verdana, Arial, sans-serif;
}

img {
	border: none;
}

a:link {
	color: #0000cc;
	text-decoration: none;
}

a:visited {
	color: #990000;
	text-decoration: none;
}

a:hover {
	color: #000099;
	text-decoration: underline;
}

a:active, a:focus {
	outline: 0;
}

#topline {
	font-size: 18px;
	color: #2b3fa2;
	font-weight: bold;
}

#bottomlines {
	font-size: 14px;
}

#bottomlines a:link, #bottomlines a:visited {
	text-decoration: underline;
}

#wholepage {
	margin: 0 auto;
	width: 830px;
}

#header {
	width: 830px;
	margin-bottom: 10px;
	background-color: #000;
	text-align: center;
}

#content {
	float: left;
	width: 785px;
	padding: 20px;
	border: 3px solid #666;
	background-color: #fff;
	-webkit-border-bottom-left-radius: 12px;	/* for safari */
	-moz-border-radius-bottomleft: 12px;	/* for firefox */
	-webkit-border-bottom-right-radius: 12px;	/* for safari */
	-moz-border-radius-bottomright: 12px;	/* for firefox */
}

#bannerscontent {
	float: left;
	width: 830px;
}

.banner {
	float: left;
	clear: left;
	width: 830px;
	margin-top: 40px;
	text-align: center;
}

#charityinfo {
	float: right;
	width: 318px;
	padding: 4px 8px 6px 8px;
	border: 1px solid #000077;
	background-color: #f4f4ff;
	-webkit-border-radius: 4px;	/* for safari */
	-moz-border-radius: 4px;	/* for firefox */
}

#charitylogo {
	width: 306px;
	margin: 0 auto;
	margin-top: 4px;
	border: 1px solid #000077;
}

#charitydesc {
	margin-top: 10px;
}

#marathonstart {
	float: left;
	width: 425px;
	padding: 4px 4px 8px 4px;
	border: 2px solid #770000;
	background-color: #fff4f4;
	text-align: center;
	-webkit-border-radius: 4px;	/* for safari */
	-moz-border-radius: 4px;	/* for firefox */
}

#marathonover {
	float: left;
	width: 417px;
	margin-top: 12px;
	padding: 4px 4px 8px 4px;
	border: 2px solid #770000;
	background-color: #fff4f4;
	text-align: center;
	-webkit-border-radius: 4px;	/* for safari */
	-moz-border-radius: 4px;	/* for firefox */
}


#leftcol {
	float: left;
	width: 425px;
	margin-top: -6px;
}

#date {
	float: left;
	font-size: 22px;
	font-weight: bold;
}

#time {
	float: right;
	font-size: 22px;
	font-weight: bold;
}

#sdalogo {
	float: left;
	clear: left;
	margin-top: 4px;
}

#intro {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 16px;
}

.firstword {
	font-size: 16px;
	font-weight: bold;
}

.streamstart {
	font-size: 14px;
}

#maginfo {
	float: left;
	clear: left;
	margin-top: 20px;
	padding: 6px 6px 8px 6px;
	border: 1px solid #000077;
	background-color: #f4f4ff;
	-webkit-border-radius: 4px;	/* for safari */
	-moz-border-radius: 4px;	/* for firefox */
}

.ie #maginfo {
	width: 100%;
}

#eventsinfo {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 20px;
}

#eventsheader {
	width: 100%;
	padding-bottom: 1px;
	font-size: 18px;
	font-weight: bold;
}

#eventslist {
	margin: 2px 0 0 16px;
}

#eventslist li {
	margin-top: 2px;
}

.listheader {
	font-size: 14px;
}

#commentatorslist {
	margin-left: 22px;
}

.featuredinfo, .lastyearsvids {
	float: right;
	clear: right;
	width: 318px;
	margin-top: 20px;
	padding: 4px 8px 6px 8px;
	border: 1px solid #770000;
	background-color: #fff4f4;
	-webkit-border-radius: 4px;	/* for safari */
	-moz-border-radius: 4px;	/* for firefox */
}

.bannerinfo {
	float: right;
	clear: right;
	width: 318px;
	margin-top: 20px;
	padding: 4px 8px 6px 8px;
	border: 1px solid #000077;
	background-color: #f4f4ff;
	-webkit-border-radius: 4px;	/* for safari */
	-moz-border-radius: 4px;	/* for firefox */
}

.featuredheader {
	font-size: 18px;
	font-weight: bold;
}

.shareheader {
	float: left;
	font-size: 18px;
	font-weight: bold;
}

.bannerslink {
	float: left;
	clear: left;
	margin-top: 12px;
}

.likeline {
	float: left;
	clear: left;
	margin-top: 16px;
}

.likedesc {
	float: left;
}

.likebutton {
	float: left;
	margin: -3px 0 0 30px;
}

#featuredlist {
	margin: 2px 0 0 15px;
	font-size: 12px;
}

.indentedlist {
	margin-left: 20px;
}

#moregames {
	margin: 4px 0 0 2px;
}

.schedulelink {
	margin-top: 12px;
}

#sdalink {
	float: left;
	clear: left;
	width: 700px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
}


#footer {
	float: left;
	clear: left;
	width: 754px;
	margin: 10px 0 20px 0;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

#footer a:link {
	color: #96b0dd;
	text-decoration: none;
}

#footer a:visited {
	color: #c70101;
	text-decoration: none;
}

#footer a:hover {
	color: #c70101;
	text-decoration: underline;
}

