/*Formatting the overall look of the page*/
html            {
                margin: 0;
                padding: 0;
                background-color: forestgreen
                
                }
/*Formatting the body of the html*/
body            {        
                font-family: leelawadee, Helvetica, serif;
                background: white;
                margin: 1.2em ;
                padding: 10px;
                width: 96%;
                border: 2px;
                   
                } 
/*Formatting the logo as a background image using its ID across pages*/
#logo           {
                background-image: url(images/Logo.jpg);
                background-position: top right;
                background-repeat: no-repeat;
                }

/*Formatting the links to be with no underline*/
a:link          {    
                text-decoration:none;
                }

/*Formatting the color while you hover over the link to be white*/
a:hover         {    
                color:white;

                }
/*Formatting the navigation bar*/
nav             {
                font-family: elephant, serif;
                font-size: 1.4em;
                background-color: forestgreen;
                color: white;
                display: block;
    
                }

ul              {
                list-style-type: none;
                margin: 0;
                padding: 0;
        
                }

li              {    
                display: inline-block;
                color:bisque;
      
                }

li a            {
                display: inline-block;
                color: bisque;
                padding: 20px;
                }

li a:hover:not( .active) {    
                background-color: limegreen
        
                }

.active         {    
                background-color: #4CAF50;
                }

.payroll        {
                list-style-type: square;
                color: black;
    
                }

.dropdown       {
                position: relative;
                display: inline-block;
    
                }

.dropdown-content {
                display: none;
                position: absolute;
                background-color: forestgreen;
                min-width: 200px;
                padding: 12px 16px;
    
                }

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

/*Formatting the images to change when the browsewr size changes*/
img             {    
                max-width: 100%;
                height: auto;
    
                }

div.frontimage {    
                float:left;
                align-content: 100%;
                height: auto;
   
}
/*Formatting the various text throughout the site*/
h1              {
                font-size: 4.5em;
                color:black;
                text-align: left;
                padding-top: 150px;
    
}
h2              {
                font-family: leelawadee, "Times New Roman";
                font-size: 2em;
                color: darkgreen;

                }

p               {
                font-size: 1.3em;
                color: darkblue;
    
                }
/*Formatting the footer*/
footer          {
                background-color: darkseagreen;
                font-size: 2em;
                color: green;
                height: 50px;
                margin: 0;
                text-align: right;
                clear:left
            
}