$MyBGColor: saddlebrown;


a.one:link {color:#ff0000;}
a.one:visited {color:#0000ff;}
a.one:hover {color:#ffcc00;}
a.one:active {color:yellow;}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

a:link {color: White; }     /* unvisited link */
a:visited {color: yellow; }  /* visited link */
a:hover {color: yellow; }   /* mouse over link */
a:active {color: yellow; }   /* selected link */

.darkrow, .darkrow TD, .darkrow TH
{
background-color:blue;
color:white;
}

.highlightedrow, .highlightedrow TD, .highlightedrow TH
{
background-color:saddlebrown;
color:white;
}


xbody 		{ background-color:		green; }
body 		{ background-color:		saddlebrown;  color: skyblue; background-color:		midnightblue;}
body {xbackground-image:url('background-test.jpg');   } 
#header 	{ background-color:		$MyBGColor; 
			background-image: url('images/BaseballBannertest2.jpg');
				xbackground-image: url('images/BaseballBannergreen.jpg');
		  	  background-repeat: no-repeat;
		  	  background-position: center;
			}

#navbar 			{ xbackground-color:			midnightblue; 	}
#main 				{ background-color:			$MyBGColor; 
					  background-color:			royalblue;  color:			PapayaWhip;	
					  background-color:			midnightblue;}
#gameresults 				{ background-color:			$MyBGColor; 
					  background-color:			 midnightblue;  	}

#messages			{ background-color:			$MyBGColor; 
					  background-color:			royalblue;  color:			PapayaWhip;	}

#boxscore 			{ background-color:			$MyBGColor; 
					  background-color:			royalblue;  color:			PapayaWhip;	
					  background-color:			midnightblue;}
#leftbar  			{ background-color:   		$MyBGColor; 	}
#rightbar 			{ background-color:   		royalblue;    }
#footer   			{ background-color: 		royalblue;  color: PapayaWhip; }
#schedule 			{ background-color: 		$MyBGColor; 	}
#postscores 		{ background-color: 		$MyBGColor; 	}
form#postscores 	{ background-color: 		black; 	}
table.standings     { background-color:			 ;  }
table.standings th 	{ background-color:			 ; 	}

table.games        	{ background-color: 		royalblue; color: palegreen;  }
table.games th     	{ background-color:			 ;   	}

table.admingames        	{ background-color: 		 ;   }
table.admingames th     	{ background-color:			royalblue; color: palegreen;  	}

table.GameResults th { background-color: 		black; 	}




p.messages
{
	margin-left: 5%;
	margin-right: 5%;
	text-align:	left;
	background-color:   		#880505;
	color: #FFD427;
	color: white;
	border:				thin solid white;

}

body 
{ 
	font-size:        	75%;
  	font-family:      	Verdana, Georgia, "Times New Roman", Times, serif;
  	font-size:        	small;
  	margin-left: 		auto;
	margin-right: 		auto;
	width:				800px;
	height:				900px;
	xborder:				thin solid yellow;
	float:	center;
}

#results 
{ 
	font-size:        	100%;
  	font-family:      	Verdana, Georgia, "Times New Roman", Times, serif;
  	margin:           	0px;
  	xoverflow:			scroll;
}

#BLinks 
{ 
	font-size:        	75%;
  	font-family:      	Verdana, Georgia, "Times New Roman", Times, serif;
  	font-size:        	small;
  	margin:           	0px;
}

#header 
{
  	margin:				2px 2px 2px 2px;
  	height:           	75px;
  	width:				800px;
  	background-position: center;

}

#main 
{
  	font-size:        	100%;
  	padding-top:       	10px;
  	padding-bottom:     20px;

  	xpadding-left:		3%;
  	margin-top:			3px; 
  	margin-bottom:		10px;
	margin-left:		15px;
  	margin-right:		15px;
 	
  	xmin-height:				525px;
  	xwidth: 			    550px;
  	xoverflow:			auto;
  	clear:				all;
  	xborder:				thin solid white;		
}

#gameresults
{
  	font-size:        	80%;
  	padding-top:       	0px;
  	xpadding-left:		3%;
  	margin-top:			3px; 
  	margin-bottom:		0px;
	margin-left:		15px;
  	margin-right:		15px;
  	
  	margin-left: 		auto;
	margin-right: 		auto;

  	xheight:				550px;
  	xwidth: 			    600px
  	xoverflow:			auto;
  	clear:				all;
  	xborder:				thin solid white;		
}


#messages 
{
  	font-size:        	100%;
  	padding-top:       	2px;
  	padding-bottom:		2px;
  	xpadding-left:		3%;
  	margin-top:			55px; 
  	margin-bottom:		0px;
	margin-left:		15px;
  	margin-right:		15px;
  	xheight:				70px;
  	clear:				all;
  	border:				thin solid white;		
}

#contactform 
{
  	font-size:        	100%;
  	padding-top:       	10px;
  	xpadding-left:		3%;
  	margin-top:			55px; 
  	margin-bottom:		0px;
	margin-left:		15px;
  	margin-right:		15px;
  	height:				450px;
  	xwidth: 			    600px
  	xoverflow:			auto;
  	clear:				all;
  	border:				thin solid white;		
}


#schedule 
{
   	font-size:        	110%;
  	text-align:			center;
  	padding:          	5px;
  	margin:				0px 2px 2px 2px;
  	margin-left:		0px;
  	margin-right:		200px;
  	height:				750px;
  	overflow:			auto;
}

#leftbar 
{
	font-size: 			90%;
	padding:			5px;
	padding-left: 0px;
	margin:				0px;
	margin-left:		10px;
	width:				370px;
	height:				325px;
	float:				left;
	xoverflow:			auto;
	xborder:				thin solid white;
}

table.standings
{
	font-family:      	Tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:        	150%;
	margin:				12px 2px 2px 2px;
	margin-left:		5px;
	margin-top:			6px;
	padding-top:		2px;
	border:				thin solid white;
	xtable-layout: 		automatic;
	border-collapse: 	collapse;
	width:				368px;
	min-height:			233px;
	text-align:			center;
}

table.standings tr
{
	border:				thin solid white;
}

table.standings td
{
	border:				thin solid white;
}

table.standings th
{
	color:				PapayaWhip;
	background-color:   SaddleBrown;
	xbackground-color:   green;
	border:				thin solid white;
	align:				center;
}


#rightbar 
{
  	font-size:        	90%;
  	padding:          	0px;
  	xmargin:			0px 2px 2px 2px;
  	margin-top:			5px;
	margin-left:		0px;
  	width:				396px;
  	height:				301px;
  	float:				left;
  	xoverflow:			auto;
  	border:				thin solid white;
}

table.gamesheader
{
	margin:				1px;
	table-layout: 		automatic;
	xtable-layout: 		fixed;
	border-collapse: 	collapse;
	width:				394px;
	xheight:				295px;
	text-align:			center;
	font-size:			100%;
	xborder:				thin solid white;
	float:				left;

	xmin-height:275px;
	xheight: auto;

	xborder:  thin solid white;

	xmin-height:			275px;
}
table.games
{
	margin:				1px;
	table-layout: 		automatic;
	xtable-layout: 		fixed;
	border-collapse: 	collapse;
	width:				394px;
	height:				295px;
	text-align:			center;
	font-size:			100%;
	xborder:				thin solid white;
	float:				left;

	xmin-height:275px;
	xheight: auto;

	xborder:  thin solid white;

	xmin-height:			275px;
}

table.games tr
{
	font-size:        	100%;
	xborder:				thin solid white;
}

table.games th
{
	align:				center;
	xborder:				thin solid white;
	font-size:        	150%;
	color:				PapayaWhip;
	background-color:   SaddleBrown;
	xbackground-color:   green;


}

#footer 
{
  	font-size:        	100%;
  	padding-top:       	10px;
  	margin-top:			3px; 
  	margin-bottom:		0px;
	margin-left:		15px;
  	margin-right:		15px;
  	height:				35px;
  	clear:				all;
  	border:				thin solid white;		
}


#postscores .text 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	width: 100px; 
	margin-right: 6px; 
}
	
#postscores 
{
  	font-size:        	100%;
  	padding:          	15px;
  	xmargin-left:		25px;
  	xmargin-right:		200px;
  	xmargin-bottom:		10px;
  	xmargin-top:			2px;
  	margin-left: 		auto;
	margin-right: 		auto;

  	height:				750px;
  	font-family: 		Verdana;
  	overflow:			auto;
}


form#postscores
{ 
	xbackground-color: #FFD427; 
	color: red; 
	border: 1px solid #999999; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	text-align: right; 
}

#xxx
{
float:  left;
clear: none;
width: 700px;
}

#boxscore
{
	font-size: 			55%;
	padding: 			0px;
	margin:				0px;
	width:				255px;
	xmin-height:			225px;
	float:				left;
	clear:				none;
	xclear:				both;
	border:				none;
	xthin solid yellow;
}


table.navtable
{
	font-size:        	125%;
	margin-top:			2px 0px 0px 0px;
	table-layout: 		fixed;
	xborder:				thin solid yellow;
	xtable-layout: 		automatic;
	xborder-collapse: 	collapse;
	width:				475px;
	text-align:			center;
}

table.navtable tr
{
	border:				thin solid yellow;
	height:				25px;
}

table.navtable td
{
	border:				thin solid yellow;
	width:				75px;
	xcolor:				yellow;
}



table.GameResults
{
	font-size:        	150%;
	margin-top:			10px;
	margin-left:		0px;
	margin-right:		0px;
	border:				thin solid Darkorange;
	table-layout: 		automatic;
	border-collapse: 	collapse;
	width:				240px;
	font-family:      	Verdana, Georgia, "Times New Roman", Times, serif;
  	color:				PapayaWhip;
}

table.GameResults caption
{
	border:				thin solid Darkorange;
	color:				#FFD427;
}

table.GameResults tr
{
	border:				thin solid Darkorange;
}

table.GameResults td
{
	font-size:			125%;
	font-weight:		bold;
	color:				yellow;
	border:				thin solid Darkorange;
	align:				left;
}

table.GameResults th
{
	color:				PapayaWhip;
	background-color:   SaddleBrown;
	xbackground-color:   green;

	border:				thin solid Darkorange;
}


table.Highlights
{
	font-size:        	130%;
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		0px;
	border:				thin solid Darkorange;
	table-layout: 		automatic;
	border-collapse: 	collapse;
	width:				240px;
	xmin-height:			150px;
	text-align:			left;
	font-family:      	Verdana, Georgia, "Times New Roman", Times, serif;
	color:				PapayaWhip;
}

table.CompletedGames
{
	font-size:        	95%;
	margin-top:			0px 0px 0px 0px;
	table-layout: 		fixed;
	width:				725px;
	border:				thin solid yellow;
}

table.CompletedGames tr
{
	border-collapse:    collapse;
	border:				thin solid white;
}
table.CompletedGames td
{
	font-size:        	100%;
	xborder:				thin solid white; 
	table-layout: 		fixed;
	xborder:			thin solid white;
}

table.CompletedGames th
{
	background-color:	SaddleBrown;
	border:				thin solid white;	
	color: 				Yellow;
	xfont-size:        	125%;

}

table.ResultsTable
{
	font-size:        	80%;
	margin-top:			0px 0px 0px 0px;
	table-layout: 		fixed;
	width:				700px;
}

table.admingames
{
	xcolor:				#FFD427;
	margin-left:		0px;
	margin-right:		0px;
	border:				thin solid black;
	border:				none;
	table-layout: 		automatic;
	border-collapse: 	collapse;
	width:				500px;
	text-align:			center;
	font-size:			90%;
}

table.admingames tr
{
	border:				thin solid black;
	xborder: none;
}

table.admingames th
{
	align:				center;
	border:				thin solid black;
	color: 				#FFD427;
	font-size:        	125%;
}


table.teams 
{
	font-size:        	60%;
	margin-top:			-3px;
	margin-left:		0px;
	margin-right:		0px;
	border:				none;
	table-layout: 		fixed;
	border-collapse: 	collapse;
	width:				600px;
}

table.teams td
{
	font-size:        	90%;
	border:				0px;
	table-layout: 		fixed;
}

table.teams th
{
	font-size:        	125%;
	text-align:			center;
	border:				0px;
	table-layout: 		fixed;
}

th
{
	text-align:			center;
	padding:			5x;
	xbackground-color:	#FFFF7B;
}

#fields
{
	font-size:		100%;
	text-align:		left;
	padding:			5x;
}

#fields a 
{
	color:  yellow;
}
#fields ul
{
	list-style: 		none;
}

teamscaption
{
	font-style:		italic;
	padding-top:	8px;
	font-size:		50%;
}

caption
{
	xfont-style:		italic;
	padding-top:	8px;
	padding-bottom:	8px;
	font-size:		150%;
}

p#perm-msg
{
	font-size:        	55%;
  	color:           	red;

}

h1           
{
	font-size:        85%;
  	color:            Yellow;
}

h2 
{ 
	font-size: 		110%; 
}

h3
{
font-size: 		100%;
}


p.half
{ 
	line-height: 10%
}

// postscores-main form styles

PostScoresGroup
{
	background:       	yellow;
	font-size: 			100%;
	padding: 			5px;
	margin:				0px 3px 3px 3px;
	width:				400px;
	height:				90px;
	float:				left;
	align:				center;
}


#navbar 
{    
	font-size: 			100%;
	margin:		0px 2px 2px 2px;
	height: 	27px;   
	xcolor:		black; 
}

#navbar ul 
{
	margin:			0px;
	xmargin-left:	180px;    
	font-family: Verdana, Arial, Helvetica, sans-serif;    
	font-size: 	100%;
	line-height: 20px;    
	white-space: nowrap;
	xbackground-image: url('../images/navbar-navigation-up.jpg');
	xbackground-repeat: repeat-x;
}

#navbar li 
{
	color:	PapayaWhip ;
	padding: 	0px;
	list-style-type: none;    
	display: inline;
	xborder:		1px solid yellow;
	xbackground-image: url('../images/navbar-navigation-up.jpg');
	xbackground-repeat: repeat-x;

}

#navbar li a 
{    
	text-decoration: underline;
	padding: 7px 10px;    
	color: PapayaWhip ;
}

#navbar li a:link 
{    
}

#navbar li a:visited 
{    
}

#navbar li a:hover 
{
	xfont-weight: bold;    
	color: yellow;     
	background-color: $MyBGColor;
}



////////////////////////////////////////////////////////////////

table.BLinks
{
	font-size:        	80%;
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		0px;
	border:				thin solid $MyBGColor;
	table-layout: 		automatic;
	table-layout: 		fixed;
	border-collapse: 	collapse;
	width:				600px;
	font-family:      	Verdana, Georgia, "Times New Roman", Times, serif;
  	color:				#FFD427;
  	xcolor:				white;
}

table.BLinks th
{
	font-size:        	125%;
	'border:				thin solid $MyBGColor;
	'border: 			none;
	background-color:			black; 
	color: lightgrey;
}


#myDiv {
position: absolute; /* can be relative too */
left: 100px; /* can be percentage also */
top: 100px;
width: 300px;
height: 100px;
background-color: #ff0000;
color: inherit;
}


#sidemenu
{
	width: 				120px;
	margin-top:			5px;
	margin-left:		0px;
	padding: 			0 0 1em 0;
}

#sidemenu a
{
	display: 			block;
	width:				120px;
	padding: 			2px 2px 2px 2px;
	border: 			1px solid #000000;
	background: 		#dcdcdc;
	text-decoration: 	none;
	font-size:			120%;
}

#sidemenu ul 
{
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	border: 			none;
	line-height: 		100%;		
}
		
#sidemenu ul li 
{
	text-align:			center;
	margin: 			0;
}

#links
{
	font-size:			85%;
	width: 				165px;
	margin-top:			5px;
	margin-left:		0px;
	padding: 			0 0 1em 0;
}

table.links
{
	font-size:        	85%;
	margin:				0px 0px 0px 0px;
	table-layout: 		automatic;
	border-collapse: 	collapse;
	width:				165px;
	font-family:      	Verdana, "lucida console", Georgia, "Times New Roman", Times, serif;
  	color:				#FFD427;
  	color:				white;
}

table.links td
{
	border:				thin solid black;
	border:				none;
}

table.links th
{
	border:				thin solid black;
}

table.feeds th 		{ background-color:			Orange; 	}
table.links th 		{ background-color:			Orange; 	}


#feeds
{
	font-size:			85%;
	width: 				165px;
	margin-top:			5px;
	margin-left:		0px;
	padding: 			0 0 1em 0;
}

table.feeds
{
	font-size:        	85%;
	margin:				0px 0px 0px 0px;
	table-layout: 		automatic;
	border-collapse: 	collapse;
	width:				165px;
	font-family:      	Verdana, "lucida console", Georgia, "Times New Roman", Times, serif;
  	color:				#FFD427;
}

table.feeds td
{
	border:				thin solid black;
}

table.feeds th
{
	border:				thin solid black;
}