/* style.css */
	<style>

			body {
			font: 400 15px/1.8 Lato, sans-serif;
			color: #777;
			}
	
			
			/* Begin carousel settings
			================================================== */
			
			.carousel-inner img {
			-webkit-filter: grayscale(35%);
			filter: grayscale(40%); /* make all photos black and white */ 
			width: 100%; /* Set width to 100% */
			margin-top: 45px; 
			
			}
			.carousel-caption h3 {
			color: #fff !important;
			}
			@media (max-width: 600px) {
			.carousel-caption {
			display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
			}
			} 	
			/* Begin Navbar settings
			================================================== */
			
			
			/* Submenu positioning for desktop */
			.dropdown-submenu {
			position: relative;
			}
			
			.dropdown-submenu > .dropdown-menu {
			top: 0;
			left: 100%;
			margin-top: -1px;
			display: none;
			position: absolute; /* Required for z-index to work */
			}
			
			/* Base Navbar Styling */
			.navbar-default {
			font-family: Garamond, serif;   
			margin-bottom: 10;
			border: 20; 
			font-size: 20px !important;
			letter-spacing: 2px;
			opacity: 0.95;
			background-color: white;
			border-color: black; 
			z-index: 999; /* Higher than most content */
			
			}
			
			/* text for navbar menu without hover */
			.navbar-default .navbar-nav > li > a {
			color: #6072FE;
			padding: 18px 18px;
			}
			
			.dropdown-submenu:hover > .dropdown-menu {
			display: block;
			width: 240px;
			font-size: 20px !important;
			
			}
			
			/* background color and text on hover */
			.navbar-default .navbar-nav > li > a:hover,
			.navbar-default .navbar-nav > li > a:focus {
			background-color: #9D7AC7;
			color: white;
			font-size: 20px !important;
			}
			
			
			/* Active page highlight */
			.navbar-default .navbar-nav > .active > a,
			.navbar-default .navbar-nav > .active > a:hover,
			.navbar-default .navbar-nav > .active > a:focus {
			background-color: #007bff;
			color: white;
			font-family: Garamond, serif;   
			font-size: 20px !important;
			}
			
			/* Toggler styling */
			.navbar-default .navbar-toggle {
			border-color: blue;
			}
			
			.navbar-default .navbar-toggle .icon-bar {
			background-color: blue;
			}
			
			/* Dropdown Menu - Level 1 */
			.navbar-default .navbar-nav > li > .dropdown-menu {
			background-color: #F1F4F7;
			border-color: blue;
			font-size: 20px !important;
			box-shadow: 0 1px 1px rgba(0,0,0,0.1);
			}
			
			.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
			color: #333;
			padding: 8px 8px;
			}
			
			/* Dropdown Menu - Level 1  */
			.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
			.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
			background-color: #9D7AC7;
			color: white;
			}
			
			/* Dropdown Menu - Level 2 */
			.dropdown-submenu > .dropdown-menu {
			background-color: #e6f2ff;
			border-color: blue;
			}
			
			.dropdown-submenu > .dropdown-menu > li > a {
			color: #003366;
			padding: 8px 8px;
			}
			
			.dropdown-submenu > .dropdown-menu > li > a:hover,
			.dropdown-submenu > .dropdown-menu > li > a:focus {
			font-family: Garamond, serif;   
			background-color: #9D7AC7;
			color: white;
			}
			
			/* Dropdown Menu - Level 3 (if needed) */
			.dropdown-submenu .dropdown-submenu > .dropdown-menu {
			background-color: #fff0e6;
			}
			
			.dropdown-submenu .dropdown-submenu > .dropdown-menu > li > a {
			color: #663300;
			}
			
			.dropdown-submenu .dropdown-submenu > .dropdown-menu > li > a:hover {
			background-color: #ffd9b3;
			color: #4d2600;
			}
			
			/* Divider Styling */
			.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
			background-color: #ccc;
			height: 1px;
			margin: 5px 0;
			}
			
			/* Mobile overrides */
			@media (max-width: 767px) {
			.dropdown-submenu > .dropdown-menu {
			position: relative;
			left: 0;
			top: 0;
			display: none;
			margin-left: 15px;
			
			}
			
			.dropdown-submenu.open > .dropdown-menu {
			display: block;
			}
			
			.navbar-default .navbar-nav .open .dropdown-menu > li > a {
			color: blue;
			background-color: #C3D1D9;
			font-size: 20px !important;
			}
			
			.navbar-default .navbar-nav .open .dropdown-menu > li.active > a {
			background-color: #8167a9;
			color: white;
			}
			
			.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
			.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
			background-color: #9D7AC7;
			color: white;
			}
			/* End Navbar settings
			================================================== */		
		</style>