@import url("common_styles.css");

body 		{
			background-color: #ccff99;
			}
	
h1,h2,h3,h4,h5	{
			color: #ffffff;
			background: #669966;
			}
	
h1 			{
			width: 65%;
			font-size: 24px;
			text-align: center !important;
			border: groove 3px #006600 !important;
			padding: 3px;
			margin: .1in !important;
			margin-left: 1in !important;
			}
			
h1.pagetitle	{
			width: 340px !important;
			margin-left: 1px !important;
			padding: 6px;
			}
			
#pagetitle	{
			width: 340px !important;
			margin-left: 1px !important;
			padding: 6px;
			}
			
h2 			{
			font-size: 20px;
			}
			
h3 			{
			font-size: 16px;
			}
			
h4 			{
			font-size: 14px;
			}

h5			{
			font-size: 12px;
			}
			
h5.wide 		{
			display: inline;
			padding-left: 4px;
			padding-right: 4px;
			}
				
div.maintext	{
			
			background-color: #ccffcc;
			padding: 12px;
			margin-top: 20px;
			margin-bottom: 20px;
			margin-left: 5%;
			margin-right: 5%;
			border: 4px double #006600;
			}
				
div.rightsideofdiag	{
			
			background-color: #ccffcc !important;
			border-top: 4px solid #cccccc !important;
			border-left: 4px solid #999999 !important;
			border-right: 4px solid #666666 !important;
			border-bottom: 4px solid #333333 !important;
			padding: 8px;
			position: absolute;
			top: 200px;
			left: 600px;
			width: auto;
			}
				
div.diagchron	{
			
			background: #eee; 
			border: groove #999 6px; 
			padding: 12px; 
			margin-left: 10%; 
			margin-right: 10%;
			}
			
p			{
			color: #330000;
			}
			
p.caption	{
			color: #660000;
			margin: .1in;
			}
			
p.navlist	{
			color: #cc0000;
			font-family: arial, sans-serif; 
			font-size: 11px;
			text-indent: 4px;
			margin: 2px;
			}
	
p.intlink	{
			color: #ff0000;
			background-color: #ccffcc;
			}

p.link		{
			color: #006600;
			}

a.intlink	{
			font-family: arial, sans-serif; 
			font-size: 11px;
			color: #0000ff;
			padding: 3px;
			background-color: #66ff33;
			border-top: 1px solid #999999;
			border-left: 1px solid #999999;
			border-right: 2px solid #333333;
			border-bottom: 2px solid #333333;
			}
			

 	a.dyndiag	{
			display: block;
			font-family: arial, sans-serif;
			font-weight: bold;
			font-size: 11px;
			text-align: left;
			text-decoration: none !important;
			margin: 1px;
			padding: 4px;
			width: 140px;
			background: #eeeeee;
			border-top: 1px solid #cccccc;
			border-left: 1px solid #999999;
			border-right: 1px solid #666666;
			border-bottom: 1px solid #333333;
			}
			
a.dyndiag:hover {
			color: white;
			background: #696 !important;
			}
			

 	a.dynphoto	{
			display: inline;
			font-family: arial, sans-serif;
			font-weight: bold;
			font-size: 11px;
			text-align: left;
			text-decoration: none !important;
			margin: 1px;
			padding: 4px;
			width: 50px;
			background: #eeeeee;
			border-top: 1px solid #cccccc;
			border-left: 1px solid #999999;
			border-right: 1px solid #666666;
			border-bottom: 1px solid #333333;
			}
	
p.box		{
			font-family: verdana, sans-serif; 
			font-size: 11px;
			color: #990000;
			margin: 0px;
			text-align: center;
			width: 15%; 
			padding: .2in; 
			float: right;
			background-color: #66ff66;
			border: 3px double #cc0000;
			}
				
p.date		{
			color: #ffffff;
			background-color: #669966;
			}
				
p.blurb		{
			font-family: verdana, sans-serif;
			font-size: 12px;
			font-style: normal;
			width: 30%; 
			float: right; 
			margin: .1in;
			background-color: #ccff99;
			}
			
caption 		{
			font-family: arial, sans-serif; 
			font-size: 18px;
			font-weight: bold;
			}
	
blockquote	{
			background-color: #99ff99;
			border: dotted 1px #996633;
			}
				
span.date	{
		
			font-family: comic sans MS, fantasy; 
			font-size: 13px;
			font-weight: bold;
			color: #ffffff;
			background: #339933;
			border: #660000 solid 1px;
			padding-left: 4px;
			padding-right: 4px;
			padding-bottom: 1px;
			
			}
				
span.small	{
		
			font-size: 16px;
			
			}
			
span.link	{
			color: white !important;
			}
					
span.biglink	{
			
			font-family: comic sans MS, fantasy;
			font-size: 18px; 
			background: #cccccc; 
			border: 2px outset #660000;
			
			}
				
span.plain	{
		
			font-weight: normal;
			color: #000000;
			
			}
				
span.sponsor	{
			
			background: #ccff00;
			color: #000000;
			}
				
span.fan		{
		
			font-size: 14px;
			font-weight: bold;
			color: #ff0000;
			background-color: #33ff33;
			padding-left: 4px;
			padding-right: 4px;
			
			}
				
span.offsite	{
			
			font-weight: bold;
			background: #99ff00;
			padding-left: 4px;
			padding-right: 4px;
			
			}
				
span.night	{
			
			color: #ffff00;
			background: #000000;
			position: absolute;
			left: 800px;
			padding-left: 1em;
			padding-right: 1em;
			
			}
				
span.faketurf	{
			
			background: #33ff33;
			margin-left: 2in;
			border: 1px solid black;
			padding-left: 1em;
			padding-right: 1em;
			padding-top: 3px;
			padding-bottom: 3px;
			
			}
			
th			{
	
			font-family: arial, sans-serif; 
			font-size: 10px;
			color: #ffffff;
					background: #669966;
			text-align: center;
			border: 1px solid #000000;
			}
	
tr	 		{
			font-family: arial, sans-serif; 
			font-size: 10px; 
			text-align: center;
			}
	
td 			{
			font-family: arial, sans-serif; 
			font-size: 10px; 
			text-align: center;
			border-right: 1px solid #666666;
			border-bottom: 1px solid #666666;
			background: #ffffcc;
			}
	
td.clear	{
			background: transparent !important;
			margin: 0px;
			vertical-align: top;
			border: none;
			}
					
td.spec	 	{
			background-color: #cccccc !important;
			}
						
td.been		{
			background-color: #cccc66;
			}
				
td.winner	{
			font-weight: bold;
			background: #ffcc66 !important;
			}

td.low 		{
			color: black;
			background-color: #999966 !important;
			}

td.hi 		{
			background-color: #ccff00 !important;
			}
				
td.leftcol	{
			font-weight: bold;
			text-align: center;
			background: #669966 !important;
			color: #ffffff;
			border: 1px solid #000000 !important;
			padding: 0px;
			}

table.highlightTable tr.highlightOffOdd td 		{
			background: #ffffcc;
			}

table.highlightTable tr.highlightOffEven td		{
			background: #cccc66;
			}

table.highlightTable tr.highlightOn td		{
			color: black;
			background: #ffff66;
			}
			
ol			{	
			background-color: #ccffcc;
			}
			
ul			{
			list-style-image: url(/Art/ball.gif);	
			background-color: #ccffcc;
			}
		
img			{
			border: transparent;
			}
		
img.photo	{
			margin-top: 8px;
			margin-left: 8px;
			border: groove 5px #666666;
			}
			
a:hover 	{
			background-color:#ccff99;
			}
			
p.link:hover {
			color:#cc0000;
			}
			
#keylink	{
			border-bottom: 1px solid #093; 
			padding-bottom: 2px;
			}