/*
============================================
ILLUSTRATION styles
============================================
	Illustration classes. To change the illustration, make new classes based on these
	but pathed to the new images. Then simply change the ID name in the HTML divs
	to reflect the new name. NOTE: the top slice is controlled by an IMG tag in the HTML.
	
	Examples:

TD#top_slice_teal{ background:#FFFFFF url(../images/present_top_slice.jpg) top left no-repeat; }

TD#mid_slice_teal{ background:#FFFFFF url(../images/present_mid_slice.jpg) top left no-repeat; }

*/

TD#mid_slice_contest{ background:#FFFFFF url(../images/mid-slice-contest-index.jpg) top left no-repeat; }

table.contests { 
	width: 493px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px; 
}


td.separate { 
	background-image:url(../images/contests-dotted-line.gif);
	background-repeat: no-repeat;
	height: 23px;
}


td.column { 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing: 0em;
	line-height: 1.3em;
	color: #9cb37b;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px; 
}

td.contests_header { 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 0em;
	line-height: 1.3em;
	color: #9cb37b;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px; 
}

td.space { 
	height: 40px;
}

.bold-highlight {
	color: #ec7842;
	font-weight: bold;
}

#bulletlinks_grn a:link, #bulletlinks_grn a:visited, #bulletlinks_grn a:active, #bulletlinks_grn a:hover {
	color: #9cb37c;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0em;
	line-height: 1.3em;
	text-decoration: none;
	margin: 0px;
}

.caption_grn {
color: #9cb37c;
font-size: 11px;
}