td.home {
	background-color:	#f8e8a0;
	color:				black;
	font-family:		verdana,helvetica;
	font-size:			87.5%;
	vertical-align:		top;
	width:				100%;
/*
	white-space:		nowrap;
*/
}

div.home {
/*
	border: 			1px solid black;
	border-collapse:	separate;
*/
	padding:			1px 20px 20px;
}

.home .notices {
	background-color:	white;
	margin-top:			10px;
	padding:			0px 10px 0px;
}

.home .notices h1 {
	font-weight:		normal;
	margin:				0px;
	line-height: 1.8em;
}

.home .notices ul {
	margin-top:			0px;
}

.home .notices li {
	padding-bottom:		3px;
}

.home .notices .attrib1 {
	color:				red;
	background-color:	yellow;
}

.home .notices .attrib2 {
	color:				red;
}

.home form#ecard {
	margin-top:			20px;
	margin-bottom:		15px;
}

.home th, .home td {
	white-space:		nowrap;
	margin:				0px;
}

.home table.sched th {
	font-size:			133%;
	font-weight:		normal;
	padding:			0px;
}

.home table.sched .th1 {
	text-align:			left;
}

.home table.sched .th2 {
	color:				maroon;
}

.home table.sched td {
	padding:			0px 0px 0px 15px;
	vertical-align: center;
}

.home table.sched .attrib1 {
	color:				LightSlateGray;
}

.home .matchdate {
	text-align:			right;
}

.home table.sched input.current {
	color:				red;
	background-color:	#D3C588;
}

.home input.ecard, .home table.sched input.current {
	color:				white;
	background-color:	green;
}

.home table.sched span.funday {
	color:				green;
}

.home table.sched span.holiday {
	color:				green;
}

.home table.sched span.period {
	color:				dodgerblue;
}

.home table.sched span.pictureday {
	color:				dodgerblue;
}

.home table.sched span.plyoffnight {
	color:				red;
}

.home table.sched span.posnight {
	color:				maroon;
}

/*
.home .attrib3, .home .attrib4{
	color:				red;
}
*/

.home td.attrib4 {
	padding-left:		0px;
}

.home .updatedate, .home .updatetime {
	text-align:			right;
	color:				teal;
}

.home td.rainedout, .home td.cancelled {
	text-align:			center;
	color:				darkorange;
}

.home a:hover {
	color:				#f8e8a0;
	background-color:	#bb3902;
}


/*-----------------------------
 * Season Schedule
 *-----------------------------*/

td.schedule {
	font-family:		verdana,helvetica;
	font-size:			87.5%;
	vertical-align:		top;
	width:				100%;
}

div.schedule {
	padding:			1px 20px 20px 20px;
}

.schedule a:hover {
	color:				#bb3902;
	background-color:	yellow;
}

.schedule .attrib1 {
	color:				red;
}

.schedule form#selTeam {
	margin-top: 1em;
}

.schedule tr.sel-team, .schedule td.sel-team {
	background-color:	yellow;
}

.schedule td.sel-week {
	background-color:	#87CEFA;
}

.schedule td {
	white-space:		nowrap;
}

.schedule div.teams {
	margin-bottom:		20px;
}

.schedule table.teams {
	margin-left:		auto;
	margin-right:		auto;
}

.schedule .teams td{
	text-align:			left;
	padding:			0px 0px 0px 0px;
}

.schedule td.teamID {
/* 	font-weight:		bold; */
	text-align:			right;
	padding-right:		8px;
}

.schedule .teams td.lateTee {
	padding-left:		15px;
}

.schedule .sched td {
	text-align:			center;
	vertical-align:		top;
	padding:			0px 5px 0px 5px;
}

.schedule td.sched1, .schedule td.StartHoles1 {
	border-top: 		1px solid black;
	border-right: 		1px solid black;
	border-left: 		1px solid black;

	padding-top:		10px;
}

.schedule div.matches td.startHole {
	border-bottom: 1px solid black;
}

.schedule td.sched2, .schedule td.StartHoles2 {
	border-right: 		1px solid black;
	border-bottom: 		1px solid black;
	border-left: 		1px solid black;
}

.schedule td.StartHoles1, .schedule td.StartHoles2 {
	background:			#CCC;
}

.schedule .sched td.lateTee {
	padding:			0;
}

.schedule .sched td.Tee {
	color:				red;
	padding:			0;
}

.schedule .sched div.events {
	margin-bottom:		10px;
}

.schedule .sched .events table {
	/* The only way I could find to horizontally center a table in most browsers */
/*	width:				auto;*/
	margin-left:		auto;
	margin-right:		auto;
}

.schedule .sched .events td {
	text-align:			center;
	padding:			0;
}


/*-----------------------------
 * Matches
 *-----------------------------*/
div.matches {
	margin-top:			8px;
	margin-bottom:		8px;
}

.matches table {
	/* The only way I could find to horizontally center a table in most browsers */
/*
	width:				auto;
*/
	margin-left:		auto;
	margin-right:		auto;
}

.matches td.team1, .matches td.team2 {
	text-align:			right;
	padding:			0;
}

.matches td.vs {
	padding:			0 5px;
}


/*-----------------------------
 * handicap calculator
 *-----------------------------*/
td.hdcpcalc {
	font-size:			150%;
	width:				100%;
	vertical-align:		top;
}


/*-----------------------------
 * summary & history
 *-----------------------------*/
div.summary, div.history {
	padding:			1px 20px 20px;
}
div.summary table, div.history table {
	margin-top:			20px;
	background:			#FFF;
}
div.summary caption, div.history caption {
	font-weight:		bold;
	padding-bottom:		5px;
}
div.summary table#playoff td {
	text-align:			center;
	border-right:		1px solid black;
}
div.summary table#playoff td.team {
	text-align:			left;
}
div.summary table#history td, div.history table#history td {
	border-right:		1px solid black;
}
div.summary th, div.history th {
	border: 			1px solid black;
	background:			#CCC;
}
div.summary td, div.history td {
	border-bottom: 		1px solid black;
}
div.summary th, div.summary td, div.history th, div.history td {
	padding:			1px 6px;
}
div.summary td.hdcp {
	text-align:			right;
	border-right: 		1px solid black;
}
div.summary tr.bg1, div.history tr.bg1 {
	background:			#E8E8E8;
}
div.summary table#expenditures td {
	border:		1px solid black;
}
div.summary table#expenditures td.total {
	font-weight:		bold;
	text-align:			center;
}
div.summary table#expenditures td.cost {
	text-align:			right;
}