body {
	background-image:url(bathstone.jpg);
}
.ttdark {
	background-color:#281020;
}
.title {
	font-family: 'Tangerine', cursive;
	color:black;
	font-size: 240%;
	margin: 0% 7% 0% 7%;
	float: left;
}
.page-title {
	font-family: 'Tangerine', cursive;
	color:black;
	font-size: 200%;
	margin-left: 3%;
}
footer {
	display:block;
	font-family: sans-serif;
	font-size:75%;
	line-height:1.0;
	color: #F0E8D3;
	background-color:#4f4746;
	margin:0px;
	padding: 16px 0px;
	width:100%;
}
footer p {
	text-align:center;
}
footer a, footer a:link, footer a:hover, footer a:visited {
	color:#F0E8D3;
}

#tt_nav  a {
	font-family: sans-serif;
	color: darkslategray;
	font-size: 75%;
	text-decoration: :none;

}
.links {
	font-family: sans-serif;
	color: darkslategray;
	font-size: 75%;
	text-decoration: :none;
	float:left;
}
main a, main a:link {
	color: darkslategray;
}
main a:visited {
	color:grey;
}
.carousel-caption {
	font-family:sans-serif;
	font-size:120%;
	color: white;
	background-color: darkslategrey;
	display: block;
	opacity: 0.75;
	bottom: 4px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 20px;
/*	width: 100%;*/
}

 <!-- VERTICAL MENU STARTS HERE by W3Schools -->	
		
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav .topnav a, .topnav a:link, .topnav a:visited {
  background: #281020;
  color: white;
  padding: 16px 12px;
  text-decoration: none;
  font-size: 17px;
  display: block;
	position:relative;
	width:40%;
}

/* Style the hamburger menu */
.topnav a.icon {
  color:white;
  background: #281020;
  display: block;
  position: absolute;
	width: 42px;
  left: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #303030;
  color: white;
}
		
<!-- VERTICAL MENU ENDS HERE -->