body{
  background-color:white;
}


.greenPicture{

}

.hole-left{
  float:left;
  width: 50%;
}


.hole-right{
  float:right;
  width: 50%;
}

.holeNumber{
  color: blue;
  font-size: xx-large;
}

.holeText{
  color:black;
  font-size:medium;
  font-weight: bold;
}

.yardageHandicap{
  /*border: 1px red solid;*/
  width: 10%;
  margin-top:2%;
}

.greenPicture img{
  
}

.greenPicture-Right {
  float:right;
  width:40%;
}

.greenDescription-left{
  float:left;
  width:40%;
  margin-top:10%;
 margin-right:0%;
}

.holeNav{
  width:100%;
  text-align: center;
}

.holeNav a{
  text-decoration:none;
}

.notSelected a{
  font-size:medium;
  color:green;
  margin:0%;
}

.notSelected a:hover{
  font-size:x-large;
  color:blue;
}

.selected a{
  font-size:x-large;
  color:blue;
}