body,th {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height:1.5em;
}



td {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
text-align:center;
}


td.skin {
background-color:#FFFF00;

}

td.pin {
background-color:#0000FF;
color: white;
}


td.last3 {
background-color:#ADD8E6;

}

td.hcp{
background-color:#FF0000;
color: white;
}

td.loss {
background-color:#FF0000;
color: #FFFFFF

}

td.names {
background-color:#0066FF;
font-weight: bold

}

td.points {
background-color:#A3A3C2;


}

td.winner {
background-color:#00FF00;
color: #FFFFFF
font-weight: bold
}


th {
background-color:#000000;
text-align:center;
color: #FFFFFF;
}

body {
	background-color: #333333;
	/*background: url(images/img2.jpg);*/
}

table {

border: 4px;
background-color:#FFFFFF;
}
a {
	font-size: 14px;
	color: #03F;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #03F;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #03F;
}

#container{
box-sizing: border-box;
ms-box-sizing: border-box;
webkit-box-sizing: border-box;
moz-box-sizing: border-box;
width: 960px;
margin: 0 auto;
background: red;
}
#main-full {
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	background: #fff;
	
}
	#full-a{
		 box-sizing: border-box;
		 ms-box-sizing: border-box;
		 webkit-box-sizing: border-box;
		 moz-box-sizing: border-box;
		 float: left;	
		 width: 98%;
		 background: white; 
		 
		 margin: 0px 5px 5px 0px;	
		 border-radius: 10px
		 max-width: 960px;
		}

	#col-1{
	 box-sizing: border-box;
	 ms-box-sizing: border-box;
	 webkit-box-sizing: border-box;
	 moz-box-sizing: border-box;
	 float: left;
	 width: 33.333%;
	 /*background: red;*/
	}
		#col-1a{
		 box-sizing: border-box;
		 ms-box-sizing: border-box;
		 webkit-box-sizing: border-box;
		 moz-box-sizing: border-box;
		 float: left;	
		 width: 98%;
		 background: white; 
		 
		 margin: 0px 5px 5px 0px;	
		 border-radius: 10px
		}

	#col-2{
	 box-sizing: border-box;
	 ms-box-sizing: border-box;
	 webkit-box-sizing: border-box;
	 moz-box-sizing: border-box;
	 float: left;	
	 width: 33.333%;
	/*background: blue;*/
	}
		#col-2a{
		 box-sizing: border-box;
		 ms-box-sizing: border-box;
		 webkit-box-sizing: border-box;
		 moz-box-sizing: border-box;
		 float: left;	
		 width: 98%;
		 background: white; 
		 margin: 0px 5px 5px 0px;	
		 border-radius: 10px
		 }

	#col-3{
     box-sizing: border-box;
	 ms-box-sizing: border-box;
	 webkit-box-sizing: border-box;
	 moz-box-sizing: border-box;
	 float: right;	
	 width: 33.333%;
	 /*background: green;*/
	}
		#col-3a{
		 box-sizing: border-box;
		 ms-box-sizing: border-box;
		 webkit-box-sizing: border-box;
		 moz-box-sizing: border-box;
		 float: left;	
		 width: 98%;
		 background: white; 
		 margin: 0px 5px 5px 0px;
		border-radius: 10px		 
		 }
	#col-23{
     box-sizing: border-box;
	 ms-box-sizing: border-box;
	 webkit-box-sizing: border-box;
	 moz-box-sizing: border-box;
	 float: right;	
	 width: 66.666%;
	 /*background: green;*/
	}
		#col-23a{
		 box-sizing: border-box;
		 ms-box-sizing: border-box;
		 webkit-box-sizing: border-box;
		 moz-box-sizing: border-box;
		 float: left;	
		 width: 98%;
		 background: white; 
		 margin: 0px 5px 5px 0px;
		border-radius: 10px		 
		 }


#header { 
 float: left;
 /*width: 960px;
 height: 100px;
 margin: 10px 0px 5px 0px;
 */}
 
 #navigation{
	float: left;
	width: 960px;
	background: black;
	margin: 0px 0px 5px 0px;
}
	#navigation ul{
		margin: 0;
		padding: 0;
	}
	#navigation ul li{
		list-style-type: none;
		display: inline;
	}
	#navigation li a{
		display: block;
		float: left;
		padding: 5px 10px;
		color: #fff;
		text-decoration: none;
		border-right: 1px solid #fff;
	}
	#navigation li a:hover { 
	 background: #383; 
	 }
.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright
{    
    padding: 4px 4px 4px 4px;
    background:  green;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: white;
}
.gridheaderleft
{
    text-align: left;
}
.gridheaderright
{
    text-align: right;
}
.gridheaderbig
{    
    font-size: 135%;
}
 
#footer{
 float: left;
 width: 960px;
 height: 30px;
 margin: 0px 0px 0px 0px;
 background: #000000;
 }
 	#footer p{
		color: #fff;
}

p {
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}