/* Layout for all pages using a container */
#container {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	background-color:#cccccc
	border: 3px solid #666666;
	}


body  {
	background-color:#cccccc;
	color:#ffffff;
	}
	
	/* Header information  */
#header {
	overflow:hidden;
	font-family:Garamond, sans-serif;
	font-size: 420%;
	font-weight:bolder;
	color:#cccccc;
	text-align:center;
	background:transparent;	
	background-image: url("tartan-2.jpg");
	background-position:left bottom;
	background-size: auto auto;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

	.vertical-menu {
    width: 300px; /* Set a width if you like */
}

.vertical-menu a {
    background-color: #cccccc; /* black background color */
    color: #6600cc; /* purple text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
	font-size: 25px;
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}

	
	
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	font-size: 130%; 
	width: 100%; 
    overflow: hidden;
    background-color:#cc0000;
}

li {
    float: left;
	padding: 12px ;

}

li a, .dropbtn {
    display: inline-block;
    color: black;
	font-size: 130%; 
	width: 100%; 
    text-align: center;
    padding: 14px 16px;
	text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #ffffff;
}

.dropdown {
    display: inline-block;
	width: 30%;
}

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

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

.dropdown-content a:hover {background-color: #cc0000}

.dropdown:hover .dropdown-content {
    display: block;
}

/*   Headings   */
h1	{
	font-size:250%;
	font-family:Arial, Garamond, sans-serif;
	text-align:center;
	color:#000000;
	padding:1%;
	}

h2	{
	font-family:Arial, Garamond, sans-serif;
	font-size:130%;
	color:#000000;
	padding:1%;
	margin:1%;
	}
	
h3	{
	font-family:Arial, Garamond, sans-serif;
	font-size:110%;
	color:#000000;
	padding:1%;
	margin:1%;
	}
	
img.figure {
		float: left;
		padding: 10px;
}