body{
	margin: 0px;
}
h1{
	font-family: Arial, sans-serif;
	color: #000080;
	text-align: center;
	font-size: 30px;
	margin: 1%;
	padding: 0;
}
.top{
	grid-area: header;
	background-image: url("200131, Pima Canyon (6).jpg");
	background-size: cover;
	margin: 0px;
}
.rest{
	grid-area: main;
	background-image: url("https://lh3.googleusercontent.com/uZNEhPGZjfLFyHCdTR3ML3TPvDQn1hkE08RjDt6dI3RaNcXLLl2jEEoGGyERDHuywzrJErYA13aC2VPUempjcyZgPUWaTmIhTh2q7c7RNT5yGT2z9wpIH5igrj_sxra8lEUU2y_hyA=w3264");
	background-size: cover;
	margin: 0px;
}
.grid-container{
	display: grid;
	grid-template-areas:
	'header'
	'main';
	grid-gap: 0px;
}
.navbar{
	overflow: hidden;
	background-color: #0047ab;
}
.button{
	background-color: #0047ab;
	border: none;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 20px;
	padding: 5px;
	margin: 0px;
	float: left;
}
.navbar a:hover, .button:hover {
	background-color: red;
}
.dropdown-content{
	display: none;
	background-color: blue;
	position: fixed;
		margin-top: 5px;
		margin-left: -5px;
}
.dropdown-content a{
	display: block;
	color: white;
	padding: 5px;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-size: 20px;
	text-decoration: none;
	text-align: left;
}
.button:hover .dropdown-content {
	display: block;
}
.vertical-nav {
    list-style:none;
    margin: 0;
    padding: 0;
    position: fixed;
    margin-top: 5px;
    margin-left: -5px;
}
.vertical-nav li {
    height: 25px;
/*    margin-top: 0px;*/
    padding: 5px;
    background-color: blue;
    border: none;
    text-align: left;
/*    display: none;*/
    float: left;
    clear:both;
    width: 235px; /*Sets the column display width. May need changing depending on column content.*/
}
.vertical-nav li:hover {
    background-color:red;
}
.vertical-nav li a {
    font-family: Arial, sans-serif;
    font-size: 20px;
	margin: 0px;
    color:#ffffff;
    text-decoration:none;
}
.vertical-nav li ul {
    display: none;
/*    margin-top: 10px;*/
    padding: 0px;
	margin: -5px;
}
.vertical-nav li:hover ul {
    display: block;
}
.vertical-nav li:hover .sub-menu {
    position: relative;   
    margin-top: -27.5px;
}
.sub-menu li {
    position: relative;
/*    display: block;*/
    top: 0;
    left: 100%;
/*    width: 100%;*/
/*    min-width: 180px;*/
/*    white-space: nowrap;*/
/*    z-index:1;*/	
}
.button .vertical-nav li{
    display: none;
}
.button:hover .vertical-nav li{
    display: block;
}