<!--
/* link styles */
	
	A:link { color:  #003366;  }
	A:visited { color: #990000;}
	A:hover { color: #339966; }


/* footer links */

 a.footerlink:link
	{ color:  #003366;
	font-weight: bold;
  	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	font-family:  Verdana,Arial,Helvetica,Sans-serif
	}
a.footerlink:visited
	{ color:  #990000;
	font-weight: bold;
  	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	font-family:  Verdana,Arial,Helvetica,Sans-serif
	}

a.footerlink:hover
	{ color: #3300FF;
	font-weight: bold;
  	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	font-family:  Verdana,Arial,Helvetica,Sans-serif
	}


a.footeractive:link
	{ color: #006633;
	font-weight: bold;
  	text-decoration: underline;
	font-size: 10px;
	text-transform: uppercase;
	font-family:  Verdana,Arial,Helvetica,Sans-serif
	}

a.footeractive:visited
	{ color: #006633;
	font-weight: bold;
  	text-decoration:  underline;
	font-size: 10px;
	text-transform: uppercase;
	font-family:  Verdana,Arial,Helvetica,Sans-serif
	}

a.footeractive:hover
	{ color: #3300FF;
	font-weight: bold;
  	text-decoration:  underline;
	font-size: 10px;
	text-transform: uppercase;
	font-family:  Verdana,Arial,Helvetica,Sans-serif
	}


/* Body Styles */

	Body    {
	        font-weight: bold;
                background-color: #FFFFCC;
		background-image: url(/images/background-y.jpg);
		color: #663300;
		font-size: small;	
		font-family: Verdana,Arial,Helvetica,Sans-serif;}

.tablebody	{
	         font-weight: bold;
		color: #663300;
		font-size: small;	
		font-family: Verdana,Arial,Helvetica,Sans-serif;
		}

*/header styles*/

H1 	{
 	FONT SIZE: 2em;
 	font-weight: bold; 
	}

H2 	{
 	FONT SIZE: 1.6em;
 	font-weight: bold; 
	}


/* left navigation bar styles */

div#leftbar {
	text-transform: uppercase;
	text-align: center; 
	font-size: 10px;
   	text-decoration: none;
	font-family:  Verdana,Arial,Helvetica,Sans-serif}


.leftbarsection
{
	width: 150px;
	padding: 5px 10px;
	background: #CCCC99;
	vertical-align: middle;
	text-align: left; 
	border-top: thin solid #006633;
  	border-bottom: thin outset #006633;
  	BORDER-RIGHT: THIN OUTSET #006633;
	BORDER-LEFT: THIN SOLID  #006633;
}

.leftbartitle {
	font-size: 12px;
	font-weight: bold;
	color: #990000; }

div#leftbar a {
	margin-left: 10px;
	width: 140px;
	display: block;
	padding: 5px 10px;
	border-width: 0;
	color: #003366; 
	background: #99CCFF;
   	text-decoration: none;
	vertical-align: middle;
	text-align: left; 
	border: thin outset #006633;
	}

div#leftbar a:hover {
	margin-left: 10px;
	width: 140px;
	color: #99CCFF; 
	background: #990033;
	text-align: left; 
	border-top: thin outset #006633;
  	border-bottom: thin outset #006633;
  	BORDER-RIGHT: THIN OUTSET #006633;
	BORDER-LEFT: THIN SOLID  #006633;
	}

div#leftbaractive {
	text-transform: uppercase;
	text-align: left; 
	font-size: 10px;
   	text-decoration: none;
	font-family:  Verdana,Arial,Helvetica,Sans-serif}

div#leftbaractive a {
	margin-left: 10px;
	width: 140px;
	display: block;
	padding: 5px 10px;
	border-width: 0;
	color: #99CCFF; 
	background: #003366;
   	text-decoration: none;
	vertical-align: middle;
	text-align: left; 
	border-top: thin outset #006633;
  	border-bottom: thin outset #006633;
  	BORDER-RIGHT: THIN OUTSET #006633;
	BORDER-LEFT: THIN SOLID  #006633;
	}

div#leftbaractive a:hover {
	margin-left: 10px;
	width: 140px;
	display: block;
	padding: 5px 10px;
	border-width: 0;
	color: #99CCFF; 
	background: #990000;
   	text-decoration: none;
	vertical-align: middle;
	text-align: left; 
	border-top: thin outset #006633;
  	border-bottom: thin outset #006633;
  	BORDER-RIGHT: THIN OUTSET #006633;
	BORDER-LEFT: THIN SOLID  #006633;
	}


div#leftbarpage a {
	margin-left: 20px;
	width: 130px;
	display: block;
	padding: 5px 10px;
	border-width: 0;
	color: #003366; 
	background: #99CCFF;
   	text-decoration: none;
	vertical-align: middle;
	text-align: left; 
	border: thin outset #006633;
	}

div#leftbarpage a:hover {
	margin-left: 20px;
	width: 130px;
	color: #99CCFF; 
	background: #990000;
	text-align: left; 
	border-top: thin outset #006633;
  	border-bottom: thin outset #006633;
  	BORDER-RIGHT: THIN OUTSET #006633;
	BORDER-LEFT: THIN SOLID  #006633;
	}

div#leftbaractivepage {
	text-transform: uppercase;
	text-align: left; 
	font-size: 10px;
   	text-decoration: none;
	font-family:  Verdana,Arial,Helvetica,Sans-serif}

div#leftbaractivepage a {
	margin-left: 20px;
	width: 130px;
	display: block;
	padding: 5px 10px;
	border-width: 0;
	color: #99CCFF; 
	background: #003366;
   	text-decoration: none;
	vertical-align: middle;
	text-align: left; 
	border-top: thin outset #006633;
  	border-bottom: thin outset #006633;
  	BORDER-RIGHT: THIN OUTSET #006633;
	BORDER-LEFT: THIN SOLID  #006633;
	}

div#leftbaractivepage a:hover {
	margin-left: 20px;
	width: 130px;
	display: block;
	padding: 5px 10px;
	border-width: 0;
	color: #99CCFF; 
	background: #006633;
   	text-decoration: none;
	vertical-align: middle;
	text-align: left; 
	border-top: thin outset #006633;
  	border-bottom: thin outset #006633;
  	BORDER-RIGHT: THIN OUTSET #006633;
	BORDER-LEFT: THIN SOLID  #006633;
	}


.topbar{
	padding: 5px 10px;
	background: #000066;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	border-top: thin outset #CC3300;
  	border-bottom: thin outset #CC3300;
  	BORDER-RIGHT: THIN OUTSET #CC3300;
	BORDER-LEFT: THIN SOLID  #CC3300;


DIV#footer	{ 
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 10px;
   	text-decoration: none;
	font-family:  Verdana,Arial,Helvetica,Sans-serif}
			
	}

.chronrow	{
  	border-bottom: thin solid #006633;
	}


/*TEXT STYLES */

.caption {
		font-size: x-small;	
	}

.white {
	color: #FFFFFF;}

.playname {font-weight:bold;
font-style:italic;

}
.playtitle {color:red;
font-weight:bold;
align:center;
color: #990000;}

	
      -->