﻿
#divCourseOverview
{
	margin: 10px 0 0 10px;
}

#divCourseHoles
{
	width: 145px;
	background-color: transparent;
	float: left;
	padding: 0; margin: 0 12px 0 0;
	text-align: left;
	border: solid 1px #D9D9D9;
}

#divCourseHoles ul 
{ 
	float: left;
	list-style: none;
	font-size: 70%;
	margin: 0 0 10px 0;	
}

#divCourseHoles li 
{ 
	background-image: url(../../images/blacknest/bulletpoint.gif);
	background-repeat: no-repeat;	
	line-height: 18px;
	background-position: 0px 3px; 
	padding: 0px 0px 0px 18px; 			
}

#divCourseHoles li a:hover{color: #ff0000;}

#divCoursePlan
{
	width: 560px;
	height: 402px;
	background-image:url(../../images/blacknest/course-plan.gif);
	float: left;
	border: solid 1px #D9D9D9;
}

#divCoursePlan a 
{
  position: absolute;
  height: 24px;
  width: 24px;
  text-decoration: none;
}

#divCoursePlan a i { visibility: hidden; }

/* HOLE 1 */
#divCoursePlan a#h1{top: 99px; left: 514px; background-color: transparent;}
#divCoursePlan a#h1:hover{background-image: url(../../images/Blacknest/hole1.gif);background-repeat: no-repeat;}

/* HOLE 2 */
#divCoursePlan a#h2{top: 137px; left: 483px; background-color: transparent;}
#divCoursePlan a#h2:hover{background-image: url(../../images/Blacknest/hole2.gif);background-repeat: no-repeat;}

/* HOLE 3 */
#divCoursePlan a#h3{top: 133px; left: 381px; background-color: transparent;}
#divCoursePlan a#h3:hover{background-image: url(../../images/Blacknest/hole3.gif);background-repeat: no-repeat;}

/* HOLE 4 */
#divCoursePlan a#h4{top: 152px; left: 301px; background-color: transparent;}
#divCoursePlan a#h4:hover{background-image: url(../../images/Blacknest/hole4.gif);background-repeat: no-repeat;}

/* HOLE 5 */
#divCoursePlan a#h5{top: 178px; left: 254px; background-color: transparent;}
#divCoursePlan a#h5:hover{background-image: url(../../images/Blacknest/hole5.gif);background-repeat: no-repeat;}

/* HOLE 6 */
#divCoursePlan a#h6{top: 188px; left: 441px; background-color: transparent;}
#divCoursePlan a#h6:hover{background-image: url(../../images/Blacknest/hole6.gif);background-repeat: no-repeat;}

/* HOLE 7 */
#divCoursePlan a#h7{top: 193px; left: 525px; background-color: transparent;}
#divCoursePlan a#h7:hover{background-image: url(../../images/Blacknest/hole7.gif);background-repeat: no-repeat;}

/* HOLE 8 */
#divCoursePlan a#h8{top: 202px; left: 372px; background-color: transparent;}
#divCoursePlan a#h8:hover{background-image: url(../../images/Blacknest/hole8.gif);background-repeat: no-repeat;}

/* HOLE 9 */
#divCoursePlan a#h9{top: 246px; left: 382px; background-color: transparent;}
#divCoursePlan a#h9:hover{background-image: url(../../images/Blacknest/hole9.gif);background-repeat: no-repeat;}

/* HOLE 10 */
#divCoursePlan a#h10{top: 255px; left: 327px; background-color: transparent;}
#divCoursePlan a#h10:hover{background-image: url(../../images/Blacknest/hole10.gif);background-repeat: no-repeat;}

/* HOLE 11 */
#divCoursePlan a#h11{top: 340px; left: 362px; background-color: transparent;}
#divCoursePlan a#h11:hover{background-image: url(../../images/Blacknest/hole11.gif);background-repeat: no-repeat;}

/* HOLE 12 */
#divCoursePlan a#h12{top: 326px; left: 449px; background-color: transparent;}
#divCoursePlan a#h12:hover{background-image: url(../../images/Blacknest/hole12.gif);background-repeat: no-repeat;}

/* HOLE 13 */
#divCoursePlan a#h13{top: 378px; left: 576px; background-color: transparent;}
#divCoursePlan a#h13:hover{background-image: url(../../images/Blacknest/hole13.gif);background-repeat: no-repeat;}

/* HOLE 14 */
#divCoursePlan a#h14{top: 350px; left: 625px; background-color: transparent;}
#divCoursePlan a#h14:hover{background-image: url(../../images/Blacknest/hole14.gif);background-repeat: no-repeat;}

/* HOLE 15 */
#divCoursePlan a#h15{top: 242px; left: 650px; background-color: transparent;}
#divCoursePlan a#h15:hover{background-image: url(../../images/Blacknest/hole15.gif);background-repeat: no-repeat;}

/* HOLE 16 */
#divCoursePlan a#h16{top: 187px; left: 604px; background-color: transparent;}
#divCoursePlan a#h16:hover{background-image: url(../../images/Blacknest/hole16.gif);background-repeat: no-repeat;}

/* HOLE 17 */
#divCoursePlan a#h17{top: 295px; left: 601px; background-color: transparent;}
#divCoursePlan a#h17:hover{background-image: url(../../images/Blacknest/hole17.gif);background-repeat: no-repeat;}

/* HOLE 18 */
#divCoursePlan a#h18{top: 235px; left: 562px; background-color: transparent;}
#divCoursePlan a#h18:hover{background-image: url(../../images/Blacknest/hole18.gif);background-repeat: no-repeat;}






#divCoursePlan a:hover{ border: none; } 

/* HOLE OVERVIEW PAGE */

#divCourseHoleInfo
{
	width: 145px;
	background-color: transparent;
	float: left;
	padding: 0; margin: 10px 12px 0 0;
	text-align: left;
	border: solid 1px #D9D9D9;
}

#divCourseHoleInfo table
{
	width: 135px;
	font-size: 70%;
	text-align: center;	
	margin: 0 0 10px 5px;
}

#divCourseHoleInfo table td
{
	padding: 2px;
}

.YellowBox
{
	background-color: #F3F537;
	border: solid 1px #D4D4D4;	
}

.WhiteBox
{
	border-left: solid 1px #D4D4D4;
	border-right: solid 1px #D4D4D4;
	border-bottom: solid 1px #D4D4D4;
}

.RedBox
{
	background-color: #F64444;
	border: solid 1px #D4D4D4;	
	color: #ffffff;
}

#divCourseHolePlan
{
	float: left;
	width: 398px;
	height: 376px;
	padding: 0; margin: 10px 12px 0 0;
	background-color: transparent;
	border: solid 1px #D9D9D9;
}

#divCourseHoleOtherHoles
{
	width: 145px;
	background-color: transparent;
	float: left;
	padding: 0; margin: 10px 12px 0 0;
	text-align: left;
	border: solid 1px #D9D9D9;
}

#divCourseHoleOtherHoles ul 
{ 
	float: left;
	list-style: none;
	font-size: 70%;
	margin: 0 0 10px 0;	
}

#divCourseHoleOtherHoles li 
{ 
	background-image: url(../../images/blacknest/bulletpoint.gif);
	background-repeat: no-repeat;	
	line-height: 18px;
	background-position: 0px 3px; 
	padding: 0px 0px 0px 18px; 			
}

#divCourseHoleOtherHoles li a:hover{color: #ff0000;}

#backlink{color: #555930;font-size:70%;}
#backlink:hover{color: #ff0000;}