@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
}
.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;
	width: 100%;
}

.hole-number {
	position:absolute;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
}
@media (max-width: 640px) {
	.hole-number {
		width: 20px;
		height: 20px;
	}
}

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

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


#hole-1 {
  background-image:url("/SiteDesign/numbers/number-1.aspx");
  left:15%;
  top:45%;
  background-size: cover;
}

#hole-2 {
  background-image:url("/SiteDesign/numbers/number-2.aspx");
  left: 18%;
  top: 32%;
  background-size: cover;
}

#hole-3 {
  background-image:url("/SiteDesign/numbers/number-3.aspx");
  left:27%;
  top:20%;
  background-size: cover;
}

#hole-4 {
  background-image:url("/SiteDesign/numbers/number-4.aspx");
  left:20%;
  top:10%;
  background-size: cover;
}


#hole-5 {
  background-image:url("/SiteDesign/numbers/number-5.aspx");
  left: 35%;
  top: 10%;
  background-size: cover;
}

#hole-6 {
  background-image:url("/SiteDesign/numbers/number-6.aspx");
  left:40%;
  top:20%;
  background-size: cover;
}

#hole-7 {
  background-image:url("/SiteDesign/numbers/number-7.aspx");
left: 38%;
    top: 46%;
  background-size: cover;
}

#hole-8 {
  background-image:url("/SiteDesign/numbers/number-8.aspx");
  left:25%;
  top:57%;
  background-size: cover;
}

#hole-9 {
  background-image:url("/SiteDesign/numbers/number-9.aspx");
  left:40%;
  top:60%;
  background-size: cover;
}

#hole-10 {
  background-image:url("/SiteDesign/numbers/number-10.aspx");
left: 38%;
    top: 29%;
  background-size: cover;
}

#hole-11 {
  background-image:url("/SiteDesign/numbers/number-11.aspx");
    left: 60%;
    top: 50%;
  background-size: cover;
}

#hole-12 {
  background-image:url("/SiteDesign/numbers/number-12.aspx");
left: 73%;
    top: 69%;
  background-size: cover;
}

#hole-13 {
  background-image:url("/SiteDesign/numbers/number-13.aspx");
left: 85%;
    top: 90%;
  background-size: cover;
}

#hole-14 {
  background-image:url("/SiteDesign/numbers/number-14.aspx");
    left: 68%;
    top: 88%;
  background-size: cover;
}

#hole-15 {
  background-image:url("/SiteDesign/numbers/number-15.aspx");
    left: 53%;
    top: 87%;
  background-size: cover;
}

#hole-16 {
  background-image:url("/SiteDesign/numbers/number-16.aspx");
  left:45%;
  top:75%;
  background-size: cover;
}

#hole-17 {
  background-image:url("/SiteDesign/numbers/number-17.aspx");
left: 24%;
    top: 63%;
  background-size: cover;
}

#hole-18 {
  background-image:url("/SiteDesign/numbers/number-18.aspx");
 left: 12%;
    top: 57%;
  background-size: cover;
}


.hole-info {
  margin: 0 auto;
  width: 80%;
  text-align: center;
  padding: 20px 0;
  box-sizing: border-box;
}

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

.hole-info h4 {
  margin: 0;
	font-size: 120%;
}

.course-photo {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  margin: 0 auto;
  overflow-y: auto;
}

#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: 0px;
  height: 0px;
  margin: 0 auto;
  box-sizing: border-box;
}

.desc-div-open {
  background-color: rgba(0,0,0,0.7);
	padding: 10px;
}

.desc-link {
    font-size: 120%;
    color: #ffffff;
    cursor: pointer;
    background-color: rgba(0,0,0,.5);
    padding: 10px 20px;
    border-radius: 10px;
}

.desc-link:hover {
  background-color: rgba(0,0,0,.8);
}

.desc-inner-div {
  display:none;
  padding: 10px 0;
  color:#ffffff;
  line-height:1.5;
}

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