@charset "UTF-8";
body{
	text-align:center;
	font-size:13px;
	color:#222;
	background:#fff;
}
td{
	text-align:center;
	font-size:13px;
	color:#222;background:#fff;
	font-family:Arial,Helvetica,sans-serif;
}
div#drawpage{
	margin:0 auto;
	text-align:left;
}
.heattbl{
	background:#d2d2d2;
	margin:10px;
	border:1px solid #222;
}
.table0{
	float:left;
	clear:left;
}
.table1{
	float:right;
}
.heattbl th{
	text-align:left;
	background-color:#222;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
.heattbl td{
	padding:2px;
	margin:2px;
}
.heat{width:20px;
	font-size:9px;
}
th.heat{
	text-align:center;
}
th.heat a{
	color:#fafafa;
	text-decoration:none;
}
.surfer{
	width:220px;
	min-width:220px;
	text-align:left;
	text-indent:5px;
}
.from{
	width:15px;
	text-align:center;
}
.points,.placing{
	text-align:center;
}
.points{
	width:35px;
}
.placing{
	width:15px;
	text-align:center;
}
.place1,.place2{
	font-weight:bold;
}
.Red{
	background-color:#ed1c24;
	color:#ed1c24;
}
.Yellow{
	background-color:#fff200;
	color:#fff200;
}
.White{
	background-color:#fff;
	color:#fff;
}
.zzz{
	border:1px dotted #ccc;
}
.Blue{
	background-color:#0077c0;
	color:#0077c0;
}
.Bluelight{
	background-color:#84b3c9;
	color:#84b3c9;
}
.Pink{
	background-color:#ff0066;
	color:#ff0066;
}
.Orange{
	background-color:#ff8d00;
	color:#ff8d00;
}
.Green{
	background-color:#00ff42;
	color:#00ff42;
}
.Black{
	background-color:#333333;
	color:#333333;
}



h2{
	color:#222;
	padding-top:8px;
	text-align:center;
	clear:both;
	margin-bottom:0;
}
h3{
	padding-top:10px;
	padding-left: 10px ; 
	clear:both;
	margin-bottom:0;
}
ul#drawnav{
	height:30px;
	margin-bottom:0;
	margin-top:0px;
	padding-left: 0px ; 
}
ul#drawnav li{
	float:left;
	list-style:none;
	margin-right:10px;
}
ul#drawnav li a{
	color:#222;
	text-decoration:none;
	text-transform:uppercase;
}
ul#drawnav li a:hover{
	border-bottom:1px dotted #333;
}