.size { position:relative;  }
.size .field {
	width:25px;
	height:22px;
	background-image:url("http://sugarloafwebworks.com.au/images/menuburger1.png");
	padding:5px; border:none; cursor:pointer;
	font-family:'lucida sans unicode',sans-serif;  color:rgb(255,255,255); font-size:0px;
	
	
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.size .field:hover {

	
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list { display:none;
	position:absolute; left:30px; top:-30px; z-index:999;
	width:300px;
	margin:0; padding:10px; list-style:none;
	background:rgb(220,220,220); color:rgb(0,0,0);
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}
.size>ul.list li {
	padding:10px;
	border-bottom: solid 1px #ccc;
	
}
.size>ul.list li:hover {
	background:rgb(200,200,255); color:rgb(255,255,255);
}

.size>ul.list li:hover  ul li:hover{
	background:rgb(150,150,255); color:rgb(0,0,0);
}



.size>ul.list li:last-child { border:none }


body
{
background-color:rgb(255,255,255);
}
td
{
FONT-WEIGHT: normal; 
FONT-SIZE: 1.1em; 
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
div
{
margin-left:auto;
margin-right:auto;
width:90%;
max-width:1600px;
FONT-WEIGHT: Normal; 
FONT-SIZE: 1.1em; 
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
div.left
{
margin-left:0%;
FONT-WEIGHT: normal; 
FONT-SIZE: 1.1em; 
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}

div.chart_div
{


}

table
{
margin-left:auto;
margin-right:auto;

}

h1
{
FONT-WEIGHT: bold; 
FONT-SIZE: 30px; 
COLOR: rgb(0,0,0) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none;

}

select
{
FONT-WEIGHT: normal; 
FONT-SIZE: 20px; 
background-color:rgb(255,255,255);
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}

input
{
FONT-WEIGHT: normal; 
FONT-SIZE: 20px; 
background-color:rgb(255,255,255);
COLOR: rgb(80,80,80) ; 
FONT-FAMILY: arial,verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}

a.menu:link 
{
FONT-WEIGHT: bold; 
FONT-SIZE: 20px; 
COLOR: rgb(0,0,0) ; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
a.menu:active 
{
FONT-WEIGHT: bold;
FONT-SIZE: 20px;
COLOR: rgb(0,0,0) ;
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
a.menu:visited 
{
FONT-WEIGHT: bold;
FONT-SIZE: 20px;
COLOR: rgb(0,0,0) ;
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
a.menu:hover 
{
FONT-WEIGHT: bold;
FONT-SIZE: 20px;
COLOR: rgb(0,0,0) ;
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}



a.w:link 
{
FONT-WEIGHT: normal; 
FONT-SIZE: 20px; 
COLOR: rgb(255,255,255);
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
a.w:active 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: rgb(255,255,255);
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
a.w:visited 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: rgb(255,255,255);
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
a.w:hover 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: rgb(255,255,255);
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}

A.champ:link 
{
FONT-WEIGHT: normal; 
FONT-SIZE: 20px; 
COLOR: rgb(0,0,0); 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none;
}
A.champ:active 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: rgb(0,0,0); 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
A.champ:visited 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: rgb(0,0,0); 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
A.champ:hover 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: rgb(0,0,0); 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
A.seriesh:link 
{
FONT-WEIGHT: normal; 
FONT-SIZE: 20px; 
COLOR: #cc0000; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
A.seriesh:active 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: #cc0000; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
A.seriesh:visited 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: #cc0000; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
A.seriesh:hover 
{
FONT-WEIGHT: normal;
FONT-SIZE: 20px;
COLOR: #cc0000; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}




#slideshow { 
  
    position: relative; 
    width: 1000px; 
    height: 500px; 
    padding: 0px;
margin-left:auto;
margin-right:auto;
    
}

#slideshow  div { 
    position: absolute; 
    top: 0px; 
    left:0px;
    right:0px;
    bottom: 0px; 
    opacity: 1;
}

a.hoverbox {
  position: relative;
  cursor: help;
  }
  
  a.hoverbox:hover {
  display: inline;

  }

a.hoverbox span {
  display: block;
  position: fixed;
  
  color: #333333;
  font-size: 15px;
  background: rgba(250, 256, 256, .9 );
  
  top: 25%;
  left: 55%;
  width: 400px;
  padding: 5px;
   
  opacity: 0; visibility: hidden; 
  -webkit-transition: visibility 1.0s linear, opacity 1.0s ease ; 
  -moz-transition: visibility 1.0s linear, opacity 1.0s ease;
  -o-transition: visibility 1.0s linear, opacity 1.0s ease;
  -ms-transition: visibility 1.0s linear, opacity 1.0s ease; 
  transition: all 1.0s ease;
  }


a.hoverbox:hover span {

  display: block;
 
  color: #333333;
  font-size: 15px;
  background: rgba(256, 256, 256, 1 );
  
visibility: visible; 
opacity: 0.9;

   z-index: 1000;}
   
     
   
#stage{width: 656px; /*1232px; /* CAMBIA (slide-w * num-slide-visibili) + ((padding-l + padding-r) * num-slide-visibili) + (margin-right * (num-slide-visibili - 1) ) */
			 overflow: auto;overflow-x:hidden; overflow-y:hidden; 
			 height:480px;  /* CAMBIA */
			 margin:0 auto;
			 background-color:#ffffff;}
#slider-buttons{width:656px;  /* CAMBIA come sopra */
								margin:0 auto;}
	#myList{width:12000px; border:0; margin:0; padding:0; left:400px} /* BOH */
	#myList li{
		list-style:none; 
		margin:5px; 
		padding:0; 
		border:0px; 
		margin-right:0px;
		padding:0px; 
		background:#ffffff;
		float:left;
		width:640px;
		height:480px;
		text-align: center;
		}
	
	#myList li img{border:0px solid white;}
	
	
	td.honourside
{
width: 40px;
background-image: url(../images/walnutlineleft.jpg)
}
table.honour
{
BORDER-LEFT: 7px solid #996600;
BORDER-TOP: 7px solid #cc9933;
BORDER-BOTTOM: 7px solid #330000;
BORDER-RIGHT: 7px solid #330000;
background-color:brown;
}
td.honourhead
{
FONT-WEIGHT: normal;
FONT-SIZE: 2.5em;
FONT-FAMILY: serif;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: CENTER;
COLOR: #ffd700;
background-image: url(../images/walnut1_small.jpg);
BORDER-RIGHT: 7px solid #663000;
text-shadow: 2px 2px #000000;
}
td.honoursub
{
FONT-WEIGHT: normal;
FONT-SIZE: 14pt;
FONT-FAMILY: serif;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: CENTER;
COLOR: #ffd700;
background-image: url(../images/walnut1_small.jpg)
}
td.honour
{
FONT-WEIGHT: normal;
FONT-SIZE: 12pt;
FONT-FAMILY: Helvetica;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: CENTER;
COLOR: #ffd700;
background-image: url(../images/walnut1_small.jpg)
}
td.honourtopleft
{
width: 40px;
background-image: url(../images/walnuttopleft.jpg);
height: 40px;
}
td.honourtopright
{
width: 40px;
background-image: url(../images/walnuttopright.jpg);
height: 40px;
}
td.honourbottomleft
{
width: 40px;
background-image: url(../images/walnutbottomleft.jpg)
}
td.honourbottomright
{
width: 40px;
background-image: url(../images/walnutbottomright.jpg)
}
td.honourtop
{
height: 40px;
background-image: url(../images/walnutlinetop.jpg)
}

td.leaderhead
{
FONT-WEIGHT: normal;
FONT-SIZE: .9em;
FONT-FAMILY: serif;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: CENTER;
COLOR: #ffd700;
BACKGROUND-COLOR: #8b4513;
BORDER-LEFT: 0px solid #D2691E;
BORDER-TOP: 0px solid #D2691E;
BORDER-BOTTOM: 0px solid #8b4513;
BORDER-RIGHT: 0px solid #808080;
background-image: url(../images/walnut1_small.jpg);
padding: 0px;
} 
td.leader
{
FONT-WEIGHT: normal;
FONT-SIZE: .6em;
FONT-FAMILY: arial,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: #ffffff;
BACKGROUND-COLOR: #006400;
BORDER-LEFT: 1px solid #669966;
BORDER-TOP: 1px solid #669966;
BORDER-BOTTOM: 1px solid #000000;
BORDER-RIGHT:  1px solid #000000;
padding: 5px;
}

a.honboardlink:link 
{
FONT-WEIGHT: normal;
FONT-SIZE: 1em;
FONT-FAMILY: serif;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: CENTER;
COLOR: #ffd700;
}
a.honboardlink:active 
{
FONT-WEIGHT: normal;
FONT-SIZE: 1em;
FONT-FAMILY: serif;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: CENTER;
COLOR: #ffd700;
}
a.honboardlink:visited 
{
FONT-WEIGHT: normal;
FONT-SIZE: 1em;
FONT-FAMILY: serif;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: CENTER;
COLOR: #ffd700;
}
a.honboardlink:hover 
{
FONT-WEIGHT: normal;
FONT-SIZE: 1em;
FONT-FAMILY: serif;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: CENTER;
COLOR: yellow;
}
a.leaders:link {
COLOR: #ffffff; 
FONT-WEIGHT: normal;
FONT-SIZE: 7pt;
FONT-FAMILY: arial,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
TEXT-DECORATION: none
}
a.leaders:active 
{
COLOR: #ffffff; 
FONT-WEIGHT: normal;
FONT-SIZE: 7pt;
FONT-FAMILY: arial,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
TEXT-DECORATION: none	
}
a.leaders:visited {
COLOR: #ffffff; 
FONT-WEIGHT: normal;
FONT-SIZE: 7pt;
FONT-FAMILY: arial,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
TEXT-DECORATION: none	
}
a.leaders:hover 
{
COLOR: silver; 
FONT-WEIGHT: normal;
FONT-SIZE: 7pt;
FONT-FAMILY: arial,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
TEXT-DECORATION: none	
}

td.series
{
FONT-WEIGHT: normal;
FONT-FAMILY: VERDANA,sans-serif;
FONT-SIZE: .8em;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: #808080;
HEIGHT: 10px;
BACKGROUND-COLOR: #C0C0C0;
BORDER-LEFT: 2px solid #DADADA;
BORDER-TOP: 2px solid #DADADA;
BORDER-BOTTOM: 2px solid #808080;
BORDER-RIGHT: 2px solid #808080
}

td.serieshead
{
FONT-WEIGHT: normal;
FONT-SIZE: 1em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: #ffffff;
BACKGROUND-COLOR: navy;
BORDER-LEFT: 2px solid #808080;
BORDER-TOP: 2px solid #808080;
BORDER-BOTTOM: 2px solid #DADADA;
BORDER-RIGHT: 2px solid #DADADA
} 


td.seriesheadR
{
FONT-WEIGHT: normal;
FONT-SIZE: 0.85em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: #ffffff;
BACKGROUND-COLOR: navy;
BORDER-LEFT: 2px solid #808080;
BORDER-TOP: 2px solid #808080;
BORDER-BOTTOM: 2px solid #DADADA;
BORDER-RIGHT: 2px solid #DADADA
}



a.seriestop:link 
{
FONT-WEIGHT: normal; 
FONT-SIZE: 1em; 
COLOR: #ffffff; 
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif; 
TEXT-DECORATION: none
}
a.seriestop:active 
{
FONT-WEIGHT: normal;
FONT-SIZE: 1em;
COLOR: #ffffff;
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
a.seriestop:visited 
{
FONT-WEIGHT: normal;
FONT-SIZE: 1em;
COLOR: #ffffff;
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}
a.seriestop:hover 
{
FONT-WEIGHT: normal;
FONT-SIZE: 1em;
COLOR: silver;
FONT-FAMILY: verdana,tahoma,geneva,helvetica,arial,sans-serif;
TEXT-DECORATION: none
}

td.dater
{
FONT-WEIGHT: normal;
FONT-SIZE: .8em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: Red;
BACKGROUND-COLOR: #FFFFFF;
} 
td.dateR
{
FONT-WEIGHT: normal;
FONT-SIZE: .8em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: black;
BACKGROUND-COLOR: #FFFFFF;
}



td.dateg
{
FONT-WEIGHT: normal;
FONT-SIZE: .8em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: Green;
BACKGROUND-COLOR: #FFFFFF;
}

td.championship
{
FONT-WEIGHT: normal;
FONT-SIZE: .8em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: navy;
BACKGROUND-COLOR: silver;
BORDER-LEFT: 1px solid #DADADA;
BORDER-TOP: 1px solid #DADADA;
BORDER-BOTTOM: 1px solid black;
BORDER-RIGHT: 1px solid black;
} 
td.championshipd
{
FONT-WEIGHT: normal;
FONT-SIZE: .8em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: #777777;
BACKGROUND-COLOR: #dddddd;
BORDER-LEFT: 1px solid silver;
BORDER-TOP: 1px solid silver;
BORDER-BOTTOM: 1px solid silver;
BORDER-RIGHT: 1px solid silver;
}
td.champ
{
FONT-WEIGHT: normal;
FONT-SIZE: .8em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: #dddddd;
BACKGROUND-COLOR: #eeeeee;
BORDER-LEFT: 1px solid silver;
BORDER-TOP: 1px solid silver;
BORDER-BOTTOM: 1px solid silver;
BORDER-RIGHT: 1px solid silver;
}

td.seriesheadgreen
{
FONT-WEIGHT: normal;
FONT-SIZE: .8em;
FONT-FAMILY: VERDANA,sans-serif;
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: CENTER;
COLOR: #ffffff;
BACKGROUND-COLOR: rgb(000,101,000);
BORDER-LEFT: 2px solid #808080;
BORDER-TOP: 2px solid #808080;
BORDER-BOTTOM: 2px solid #DADADA;
BORDER-RIGHT: 2px solid #DADADA
}

.button {
  display: inline-block;
  padding: 7px 12px;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: rgb(0,0,170);
  border-width: 3px;
  border-radius: 15px;
  box-shadow: 4px 5px #999;
  -webkit-appearance: none;
}

.button:hover {background-color: rgb(0,0,80)}

.button:active {
  background-color: rgb(0,0,80);
  box-shadow: 0 3px #666;
  transform: translateY(4px);
}

.button1 {
  display: inline-block;
  padding: 3px 6px;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #000;
  background-color: rgb(49, 235, 62)
  border-width: 3px;
  border-radius: 7px;
  box-shadow: 2px 4px #999;
  -webkit-appearance: none;
}

.button1:hover {background-color: rgb(32, 161, 41)}

.button1:active {
  background-color: rgb(17, 89, 22);
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}