@charset "utf-8";
/* CSS Document */

.map-div {
	float:right;
	width: 425px;
	border: 1px solid #999;
	margin: 0 0 20px 20px;
	-moz-box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);
	height: 450px;
}
/* VIRTUAL COURSE TOUR */

.tour-map-div {
	background: transparent url(/SiteDesign/Images/black40percent.aspx);
	width: 825px;
	padding: 20px;
	margin: 0 auto;
	-moz-box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);	
}

.tour-map {
	position:relative;
	border: 1px solid #54bccb;
	width: 770px;
	height: 530px;
	background: transparent url(/SiteDesign/Images/aerial-overview.aspx) no-repeat top center;
	margin: 10px auto;
	-moz-box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 2px 1px  rgba(0, 0, 0, 0.4);
}

.hole-number {
	position:absolute;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
}

.hole-number a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;	
}

.hole-number p {
	text-indent: -9999px;	
}


#hole-1 {
  background-image:url("/SiteDesign/numbers/number-1.aspx");
  left:117px;
  top:212px;
}

#hole-2 {
  background-image:url("/SiteDesign/numbers/number-2.aspx");
  left:244px;
  top:344px;
}

#hole-3 {
  background-image:url("/SiteDesign/numbers/number-3.aspx");
  left:518px;
  top:461px;
}

#hole-4 {
  background-image:url("/SiteDesign/numbers/number-4.aspx");
  left:570px;
  top:312px;
}


#hole-5 {
  background-image:url("/SiteDesign/numbers/number-5.aspx");
  left:448px;
  top:193px;
}

#hole-6 {
  background-image:url("/SiteDesign/numbers/number-6.aspx");
  left:365px;
  top:116px;
}

#hole-7 {
  background-image:url("/SiteDesign/numbers/number-7.aspx");
  left:193px;
  top:15px;
}

#hole-8 {
  background-image:url("/SiteDesign/numbers/number-8.aspx");
  left:122px;
  top:48px;
}

#hole-9 {
  background-image:url("/SiteDesign/numbers/number-9.aspx");
  left:201px;
  top:72px;
}

#hole-10 {
  background-image:url("/SiteDesign/numbers/number-10.aspx");
  left:316px;
  top:56px;
}

#hole-11 {
  background-image:url("/SiteDesign/numbers/number-11.aspx");
  left:311px;
  top:118px;
}

#hole-12 {
  background-image:url("/SiteDesign/numbers/number-12.aspx");
  left:519px;
  top:316px;
}

#hole-13 {
  background-image:url("/SiteDesign/numbers/number-13.aspx");
  left:479px;
  top:342px;
}

#hole-14 {
  background-image:url("/SiteDesign/numbers/number-14.aspx");
  left:288px;
  top:305px;
}

#hole-15 {
  background-image:url("/SiteDesign/numbers/number-15.aspx");
  left:233px;
  top:267px;
}

#hole-16 {
  background-image:url("/SiteDesign/numbers/number-16.aspx");
  left:289px;
  top:183px;
}

#hole-17 {
  background-image:url("/SiteDesign/numbers/number-17.aspx");
  left:209px;
  top:195px;
}

#hole-18 {
  background-image:url("/SiteDesign/numbers/number-18.aspx");
  left:181px;
  top:155px;
}


.hole-info {
	margin: 10px auto;
	width: 80% !important;
	text-align: center;
	padding: 20px;
}

.hole-info h3 {
	font-size: 150%;	
}

.hole-info h4 {
	margin-bottom: 6px;	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	font-size: 120%;
}

.course-photo {
    min-width: 1024px !important;
    min-height: 800px !important;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    margin: 0 auto;
    background-position: center;
}

#photo-1 {
	background-image: url(/SiteDesign/course/photo-1.aspx);
}

#photo-2 {
	background-image: url(/SiteDesign/course/photo-2.aspx);
}

#photo-3 {
	background-image: url(/SiteDesign/course/photo-3.aspx);
}

#photo-4 {
	background-image: url(/SiteDesign/course/photo-4.aspx);
}

#photo-5 {
	background-image: url(/SiteDesign/course/photo-5.aspx);
}

#photo-6 {
	background-image: url(/SiteDesign/course/photo-6.aspx);
}

#photo-7 {
	background-image: url(/SiteDesign/course/photo-7.aspx);
}

#photo-8 {
	background-image: url(/SiteDesign/course/photo-8.aspx);
}

#photo-9 {
	background-image: url(/SiteDesign/course/photo-9.aspx);
}

#photo-10 {
	background-image: url(/SiteDesign/course/photo-10.aspx);
}

#photo-11 {
	background-image: url(/SiteDesign/course/photo-11.aspx);
}

#photo-12 {
	background-image: url(/SiteDesign/course/photo-12.aspx);
}

#photo-13 {
	background-image: url(/SiteDesign/course/photo-13.aspx);
}

#photo-14 {
	background-image: url(/SiteDesign/course/photo-14.aspx);
}

#photo-15 {
	background-image: url(/SiteDesign/course/photo-15.aspx);
}

#photo-16 {
	background-image: url(/SiteDesign/course/photo-16.aspx);
}

#photo-17 {
	background-image: url(/SiteDesign/course/photo-17.aspx);
}

#photo-18 {
	background-image: url(/SiteDesign/course/photo-18.aspx);
}

.desc-div {
	text-align: left;
	width: 100% !important;
	height: 0px;
	margin: 0 auto;
}

.desc-div-open {
	background-color: rgba(0,0,0,0.5);
	padding: 20px;
	display: block;
}

.desc-link {
		font-size: 120%;
		/*color: #013178*/
		color:#fff;
		font-weight:bold;
		cursor: pointer;
		text-decoration:none;
		transition: .3s;
}

.desc-link:hover {
	color:#3D5926;
	transition: .3s
}

.desc-inner-div {
	display:none;
	color:#ebebeb;
	line-height:2em;
	font-size: 100%;
	width:100% !important;
}

.desc-div desc-div-open {
	width:100% !important;
}

.close-link {
	cursor: pointer;
	font-size: 80%;
	text-align:right;
	margin-right:10px;
}
.ViewScorecard {
    background-color: #3e5b29;
    color: #ffffff;
    left: 31px;
    padding: 10px;
    position: absolute;
    top: 209px;
    border-radius: 5px;
}