body {
   background-image: url("Pictures/redscratch.jpg");
   background-attachment: fixed;
}

h1 {
   color: black;
   text-align: center;
   font-family: verdana;
   font-size: 2em;
}

h2 {
   color: black;
   text-align: left;
   font-family: verdana;
   font-size: 1.5em;
}

h3 {
   color: black;
   text-align: left;
   font-family: verdana;
   font-size: 1.2em;
}

h4 {
   color: black;
   text-align: left;
   font-family: verdana;
   font-size: 1em;
}

p {
   color: black;
   text-align: justify;
   font-family: verdana;
   font-size: 1em;
}

.bubble {
   background-color: 777777;
   border: 1px;
   border-radius: 20px;
   margin-left: 10%;
   margin-right: 10%;
   padding-left: 5%;
   padding-right: 5%;
}

footer {
   color: white;
   text-align: center;
   font-family: verdana;
   font-size: 1em;
}

ul {
   list-style-type: none;
   margin-left: 10%;
   margin-right: 10%;
   padding: 0;
   overflow: hidden;
   background-color: 777777;
   font-family: verdana;
   font-size: 1em;
}

ol {
   font-family: verdana;
   font-size: 1em;
}

li {
   float: left;
   font-family: verdana;
   font-size: 1em;
}

ul.bubble {
   list-style-type: disc;
   margin-left: 70;
   margin-right: 0;
   padding: 0;
   overflow: visible;
   font-family: verdana;
   font-size: 1em;
}

li.bubble {
   float: none;
   margin-left: 0;
   margin-right: 0;
   padding: 0;
   font-family: verdana;
   font-size: 1em;
}

ol li {
   float: none;
   font-family: verdana;
   font-size: 1em;
}

#menu a{
   font-family: verdana;
   font-size: 1em;
   display: inline-block;
   text-decoration: none;
   padding-top: 1em;
   padding-bottom: 1em;
   padding-left: 1em;
   padding-right: 1em;
   text-align: center;
   color: white;
}

li.social {
   padding-top: 0px;
   padding-bottom: 0px;
}
img.social {
   height: 3.2em;
   width: 3.2em;
}

a {
   font-family: verdana;
   font-size: 1em;
   text-decoration: none;
   font-weight: bold;
}

#menu a:hover, a:hover, .dropdown:hover .dropdown-box{
   font-family: verdana;
   font-size: 1em;
   background-color: 555555;
   color: FF0000;
}

#active {
   font-family: verdana;
   font-size: 1em;
   background-color: FF0000;
   color: white;   
}

.performance-dropdown {
   display: none;
   position: absolute;
}

.performance-dropdown a {
   font-family: verdana;
   font-size: 1em;
   padding: 12px, 16px;
   display: block;
}

.maintenance-dropdown {
   display: none;
   position: absolute;
}

.maintenance-dropdown a {
   font-family: verdana;
   font-size: 1em;
   padding: 12px, 16px;
   display: block;
}

.diagnostic-dropdown {
   display: none;
   position: absolute;
}

#menu a {
   font-family: verdana;
   font-size: 1em;
   padding: 12px, 16px;
   display: block;
}

.dropdown:hover .performance-dropdown {
   font-family: verdana;
   font-size: 1em;
   display: block;
   background-color: 777777;
   border-width: 1px;
   border-color: black;
   border-left-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
}

.dropdown:hover .maintenance-dropdown {
   font-family: verdana;
   font-size: 1em;
   display: block;
   background-color: 777777;
   border-width: 1px;
   border-color: black;
   border-left-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
}

.dropdown:hover .diagnostic-dropdown {
   font-family: verdana;
   font-size: 1em;
   display: block;
   background-color: 777777;
   border-width: 1px;
   border-color: black;
   border-left-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
}