/* Punchline CSS */

body {
	margin: 0;
	font-family: sans-serif, geneva, verdana, tahoma, arial;
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
	color: #666666;
}

h2 {
	font-family: "Lucida bright", sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

a:link {
	color: #FF9900;
}

a:visited {
	color: #FF9900;
}

a:hover	{
	color: red;
	font-weight: bold;
}

a:active {
	color: #FF9900;
}

p,
p.indent {
	margin-left: 5px;
	margin-right: 5px;
}

p.indent {
	text-indent: 25px;
}

table.black{
	position: relative;
	margin: 5px auto;
	width: 80%;
	background: black;
	font-family: helvetica, sans-serif,verdana,arial;
	font-size: 14px;
	font-weight: bold;
	color: white;
	border: 3px ridge red;
}

col#name1 {
	width: 30%;
	text-align: right;
	font-weight: bold;
	color: white;
}

col#rank {
	width: 25%;
	font-weight: bold;
	color: red;
}

col#club {
	width: 40%;
	color: white;

}
	

table.promo {
	position: relative;
	margin: 5px auto;
	width: 80%;
	background: goldenrod;
	font-family: helvetica,sans-serif,verdana,arial;
	font-size: 14px;
	font-weight: bold;
	color: white;
	border-top: 2px ridge red;
	border-bottom: 1px solid red; 
}

col#name {
	width: 40%;
			
}

col#grade {
	width: 30%;
			
}

col#date {
	width: 30%;
		
}

.red {
	color:red;
	
}

.yellow {
	color: yellow;
	text-align: center;
}

.green {
	color: forestgreen;
	text-align: center;
	
}

.brown {
	color: saddlebrown;
	text-align: center;		
}

.white {
	color: white;
	text-align: center;
}


.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}