BODY	{
	background-image: url(../../images/original/vs_balerno18.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:fixed;
	}
BODY	{margin-top: 0}
BODY	{margin-left: 0}
BODY	{margin-bottom: 0}
BODY	{margin-right: 0}
A:visited { color: #000000; text-decoration: underline; cursor: hand}
A:link  { color: #000000; text-decoration: underline; cursor: hand}
A:active { color: #000000; text-decoration: underline; cursor: hand}
.content A:hover  { color: #DD0000; text-decoration: underline; cursor: hand}

.content 	{
	font: 10pt verdana, arial, helvetica, sans-serif; 
	color: #000000; 
	}
.verticaltext {
	writing-mode: tb-rl;
	filter: flipv fliph;
	font: 8pt verdana, arial, helvetica, sans-serif; 
	color: #000000; 
}

.strong		{
	font-weight: bold;
	}
.note	{
	font: 8pt arial, verdana, helvetica, sans-serif;
	font-style: italic;
	}
.regplayer	{
	font: 8pt arial, verdana, helvetica, sans-serif;
	}
.regnote 	{
	font: 7pt verdana, arial, helvetica, sans-serif; 
	color: #333333; 
	}
	.regnote a:link { color: #0000FF; text-decoration: none; cursor: hand}
	.regnote a:visited { color: #0000FF; text-decoration: none; cursor: hand}
	.regnote a:active { color: #DD0000; text-decoration: none; cursor: hand}
	.regnote a:hover { color: #DD0000; text-decoration: none; cursor: hand}
.row1 {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF; 
	font: 8pt verdana, arial, helvetica, sans-serif; 
	color: #FFFFFF;
	}
	.row1 a:link { color: #FFFFFF; text-decoration: none; cursor: hand}
	.row1 a:visited { color: #FFFFFF; text-decoration: none; cursor: hand}
	.row1 a:active { color: #DD0000; text-decoration: none; cursor: hand}
	.row1 a:hover { color: #DD0000; text-decoration: none; cursor: hand}
.boxhead1	{
	background-color: #990000;
	font: 8pt arial, verdana, helvetica, sans-serif;
	color: #FFFFFF;
	}
.reg	{
	font: 10pt arial, verdana, helvetica, sans-serif;
	font-style: bold;
	color: #FFFFFF;
	}	
	.reg a:link { color: #000000; text-decoration: none; cursor: hand}
	.reg a:visited { color: #000000; text-decoration: none; cursor: hand}
	.reg a:active { color: #000000; text-decoration: none; cursor: hand}
	.reg a:hover { color: #000DDD; text-decoration: none; cursor: hand}	
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000000;
    text-decoration:none}

a.info:hover{z-index:25; text-decoration: none}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #DD0000;
    background-color:#FFFFFF; color:#000000;
    text-align: center}

.title1		{
	background-image: url(images/tile_back.gif);
	background-repeat: repeat;
	border: 1px solid #000000;
	color	: #FFFFFF;
	font: 9pt arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none
	}
.foot		{
	color	: #FFFFFF;
	font: 9pt verdana, arial, helvetica, sans-serif;
}
	.foot a:link { color: #FFFFFF; text-decoration: none; cursor: hand}
	.foot a:visited { color: #FFFFFF; text-decoration: none; cursor: hand}
	.foot a:active { color: #FFFFFF; text-decoration: none; cursor: hand}
	.foot a:hover { color: #DD0000; text-decoration: none; cursor: hand}
.top	{
	color   : #000000;
	background-image: url(images/header_tile.gif);
	background-repeat: repeat;
	font: 9pt arial, verdana, helvetica, sans-serif;
	}
.footnote	{
	color   : #FFFFFF;
	font: 7pt arial, verdana, helvetica, sans-serif;
	}
	.footnote a:link { color: #FFFFFF; text-decoration: none; cursor: hand}
	.footnote a:visited { color: #FFFFFF; text-decoration: none; cursor: hand}
	.footnote a:active { color: #DD0000; text-decoration: none; cursor: hand}
	.footnote a:hover { color: #DD0000; text-decoration: none; cursor: hand}
.menu		{
	background-image: url(images/menu.gif);
	background-repeat: repeat;
	color   : #404040;
	font: 9pt arial, verdana, helvetica, sans-serif;
	}
	.menu a:link { color: #404040; text-decoration: none; cursor: hand}
	.menu a:visited { color: #404040; text-decoration: none; cursor: hand}
	.menu a:active { color: #000000; text-decoration: none; cursor: hand}
	.menu a:hover { color: #000000; text-decoration: none; cursor: hand}
.selected		{
	background-image: url(images/select_menu.gif);
	background-repeat: repeat;
	color   : #FFFFFF;
	font: 9pt arial, verdana, helvetica, sans-serif;
	}
	.selected a:link { color: #FFFFFF; text-decoration: none; cursor: hand}
	.selected a:visited { color: #FFFFFF; text-decoration: none; cursor: hand}
	.selected a:active { color: #FFFFFF; text-decoration: none; cursor: hand}
	.selected a:hover { color: #FFFFFF; text-decoration: none; cursor: hand}
.submenu		{
	background-image: url(images/submenu.gif);
	background-repeat: repeat;
	color   : #404040;
	font: 9pt arial, verdana, helvetica, sans-serif;
	}
	.submenu a:link { color: #404040; text-decoration: none; cursor: hand}
	.submenu a:visited { color: #404040; text-decoration: none; cursor: hand}
	.submenu a:active { color: #000000; text-decoration: none; cursor: hand}
	.submenu a:hover { color: #000000; text-decoration: none; cursor: hand}
.subselected		{
	background-image: url(images/submenu_selected.gif);
	background-repeat: repeat;
	color   : #404040;
	font: 9pt arial, verdana, helvetica, sans-serif;
	}
	.subselected a:link { color: #404040; text-decoration: none; cursor: hand}
	.subselected a:visited { color: #404040; text-decoration: none; cursor: hand}
	.subselected a:active { color: #000000; text-decoration: none; cursor: hand}
	.subselected a:hover { color: #000000; text-decoration: none; cursor: hand}
	
/*Colour for table cells*/
.cell1	{background-color: #000000;}/*black*/
.cell2	{background-color: #DDDDDD;}/*light gray*/
.cell3	{background-color: #EEEEEE;}/*light light gray*/
.cell5	{background-color: #0000FF; color: #FFFFFF}/*Blue*/
.headbar		{
	background-image: url(images/headbar.gif);
	background-repeat: repeat;
	color   : #FFFFFF;
	font: 10pt arial, verdana, helvetica, sans-serif;
	}
.footbar		{
	background-image: url(images/footbar.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 10pt arial, verdana, helvetica, sans-serif;
	}
.midbar {
	background-image: url(images/midbar.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 8pt arial, verdana, helvetica, sans-serif;
}
	.midbar a:link { color: #00000; text-decoration: none; cursor: hand}
	.midbar a:visited { color: #00000; text-decoration: none; cursor: hand}
	.midbar a:active { color: #000000; text-decoration: none; cursor: hand}
	.midbar a:hover { color: #000000; text-decoration: none; cursor: hand}
	
.league {
	border-bottom: 1pt solid #990000;
	border-left: 1pt solid #990000;
	border-right: 1pt solid #990000;
	color   : #000000;
	font: 10pt arial, verdana, helvetica, sans-serif;
}
	.league a:link { color: #00000; text-decoration: none; cursor: hand}
	.league a:visited { color: #00000; text-decoration: none; cursor: hand}
	.league a:active { color: #000000; text-decoration: none; cursor: hand}
	.league a:hover { color: #000000; text-decoration: none; cursor: hand}
.minileague {
	border-bottom: 1pt solid #990000;
	border-left: 1pt solid #990000;
	background-color: #FFFFFF;
	border-right: 1pt solid #990000;
	color   : #000000;
	font: 8pt arial, verdana, helvetica, sans-serif;
}
	.league a:link { color: #00000; text-decoration: none; cursor: hand}
	.league a:visited { color: #00000; text-decoration: none; cursor: hand}
	.league a:active { color: #000000; text-decoration: none; cursor: hand}
	.league a:hover { color: #000000; text-decoration: none; cursor: hand}
.markers {
	border-bottom: dashed #990000 1pt;	
}
.session		{
	color   : #FFFFFF;
	font: 10pt arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	}
	.session a:link { color: #FFFFFF; text-decoration: none; cursor: hand}
	.session a:visited { color: #FFFFFF; text-decoration: none; cursor: hand}
	.session a:active { color: #FFFFFF; text-decoration: none; cursor: hand}
	.session a:hover { color: #FFFF99; text-decoration: none; cursor: hand}
.actsession		{
	color   : #FFFFFF;
	font: 10pt arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	}
	.actsession a:link { color: FFFFFF; text-decoration: none; cursor: hand}
	.actsession a:visited { color: FFFFFF; text-decoration: none; cursor: hand}
	.actsession a:active { color: FFFFFF; text-decoration: none; cursor: hand}
	.actsession a:hover { color: #FFFFFF; text-decoration: none; cursor: hand}
	
.member1	{
	color   : #000000; }
.member2	{
	color   : #009933; }
.member3	{
	color   : #0000FF; }
.member4	{
	color   : #FF0000; }
.yellowhead		{
	background-image: url(images/yellowhead.gif);
	background-repeat: repeat;
	color   : #000000;
	font: 10pt arial, verdana, helvetica, sans-serif;
	}
	.yellowhead a:link { color: #000000; text-decoration: none; cursor: hand}
	.yellowhead a:visited { color: #000000; text-decoration: none; cursor: hand}
	.yellowhead a:active { color: #000000; text-decoration: none; cursor: hand}
	.yellowhead a:hover { color: #000000; text-decoration: none; cursor: hand}
.yellowmid {
	background-image: url(images/yellowmid.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 8pt arial, verdana, helvetica, sans-serif;
}
	.yellowmid a:link { color: #00000; text-decoration: none; cursor: hand}
	.yellowmid a:visited { color: #00000; text-decoration: none; cursor: hand}
	.yellowmid a:active { color: #000000; text-decoration: none; cursor: hand}
	.yellowmid a:hover { color: #000000; text-decoration: none; cursor: hand}
.yellowfoot {
	background-image: url(images/yellowfoot.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 8pt arial, verdana, helvetica, sans-serif;
}
.news {
	background-image: url(images/tab.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 16pt arial, verdana, helvetica, sans-serif;
}
.newsmain {
	background-image: url(images/tab_border.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
	color: #000000;
	font: 10pt arial, verdana, helvetica, sans-serif;
}
p.margin {
margin-top:0px;
margin-bottom:0px;
margin-right:25px;
margin-left:50px;
}
.newsfoot {
	background-image: url(images/tab_foot.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 8pt arial, verdana, helvetica, sans-serif;
}
.pageheader {
	background-image: url(images/header1.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 16pt arial, verdana, helvetica, sans-serif;
}
.pageheader_small {
	background-image: url(images/header2.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 12pt arial, verdana, helvetica, sans-serif;
}
.pagecon {
	background-image: url(images/header1tab.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 16pt arial, verdana, helvetica, sans-serif;
}
.pagecon_small {
	background-image: url(images/header2tab.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
	color   : #000000;
	font: 12pt arial, verdana, helvetica, sans-serif;
}
.background {
	background-color: #FFFFFF;
}
.tophat {
	background-image: url(images/tophat.jpg);
	background-repeat: no-repeat;
}