/* *******begin the styling for the buttons******* */

/* The padding can be changed to change the size of the button */
.dropbtn {
  background-color: #ccddff;
  /*next is the color of the text*/
  color: black;
  padding: 3px;
  font-size: 16px;
 /* border: none; */
  /*I added this to the original code */
  border-top-Right-radius: 10px;
  border-top-Left-radius: 10px; 
 

	border: solid;
	border-width: 2px;



}
/*next line is new*/
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}
/*next line is new*/
.dropdown:hover .dropdown-content {display: block;}
/*next line is new*/
.dropdown:hover .dropbtn {background-color: #3e8e41;}

/*next line is new*/
.show {display: block;}

/* *******end the styling for the navButtons********** */



/* *******begin styling for memories****** */
#titleOfTheStory {
	font-family: Verdana, Arial, "Lucida Sans", sans-serif;
	font-weight: bold;
	text-align: center;
	/*
	position:absolute;
	*/
	top:-5px;
	left:18px;
	width:100%;
	/*
	height:150px;
	*/
	border:0;
}
body {
	font-family: "Comic Sans MS", Verdana, Arial, "MS Sans Serif", sans-serif;
}

p {
	text-align: left;
}
td {
	font-family: "Comic Sans MS", Verdana, Arial, "MS Sans Serif", sans-serif;
	text-align: center;
}
.photoBy	{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	align:left;
	}




/* *********end styling for memories******* */