<!-- Title:      aviate2.css      -->

body {
   margin: 50;
   background-image: url("images/avmuseum.jpeg");
   background-size: cover;
   border-bottom: 2px #004d66;
}
.topnav {
   position: fixed;
   top: 0; left: 0; height: 45px; width: 100%;
   background-color: #006080;
   color: white;
   overflow: hidden;
}
.topnav a {
   float: left;
   padding: 14px 16px;
   text-decoration: none;
   color: white;
   font-weight: normal;
   font-family: Verdana, sans-serif;
}
.topnav a:hover {
	background-color: #ddd;
	color: black;
}

.topnav a.active {
	background-color: #9cc8e6;
	color: white;
}

.services {
   padding-top: 15px;
}

.title {
   color: white;
   font-size: 3.0em;
   font-weight: bold;
   padding-top: 20px;
}

.subtitle {
   color: #f0fcfc;
   font-size: 1.3em;
   font-style: italic;
   margin-left: 6;
}

.about {
   position: absolute;
   width: 520px;
   height: auto;
   margin: 50 50 0 0;
   background-color: white;
   padding: 14px;
   opacity: .90;
   border-left: solid 10px #0086b3;
   border-radius: 0px 12px 12px 0px;
   font-family: Verdana, Tahoma, sans-serif;
   color: #00ace6;
   font-size: 0.9em;
   line-height: 1.3;
}

.inset1 {
   position: fixed;
   right: 0; top: 70px;
   width: 300px; 
   min-height: 600px;
   border-left: solid 10px #0086b3;
   border-radius: 12px 0px 0px 12px;
   background-color: white;
   padding: 14px;
   opacity: .90;
   font-family: Verdana, Tahoma, sans-serif;
   color: #00ace6;
   line-height: 1.3;
}

.accordion {
 background-color: #eee;
 color: #444;
 cursor: pointer;
 padding: 14px;
 width: 100%;
 text-align: left;
 border: none;
 outline: none;
 transition: 0.4s;
 font-size: 0.9em;
}

.panel {
 padding: 0 18px;
 background-color: white;
 display: none;
 overflow: hidden;
 font: 12px/14px Arial, sans-serif;
 color: black;
}

.active, .accordion:hover {
 background-color: #ccc;
}

.pullout {
   font-size: 1.1em;
   font-weight: bold;
}

.table1 {
	border-collapse: collapse:
	width: 100%;
}