
/* Settings for the header on all pages */
header {
  background-color: #023670; /* set color to same as logo background image */
  text-align: center;          /* center the text (and image) */
}

/* Settings for the footer on all pages */
footer {
  text-align: center;           /* center the text */
  background-color: #023670;  /* set color to same as logo background image */
  color: white;               /* set font color to white */
  padding: 10px 0px 10px 0px;   /* (top|right|bottom|left) ... leaves 10 pixes on top and bottom */
}

/* Navigation Menu Styling */
nav ul {
    list-style: none;             /* removes the default bullet */
    padding: 0;                   /* no spacing around each menu item */
    margin: 0;                    /* no spacing around nav bar */
    display: flex;                /* allow items to be laid out as needed */
    justify-content: center;      /* center the items */
    background-color: #003366;  /* have a slightly darker background color */
}

nav ul li {
    margin: 0 1em;  /* 0 margin top & bottom, 1 font size (i.e., em) spacing on left & right */
}

nav ul li a {
    color: white;           /* white lettering */
    text-decoration: none;    /* remove the underlines on the links */
    padding: 0.5em 1em;       /* slight spacing above items and a bit more on sides */
    display: inline-block;    /* in-line but behave like a block */
}

nav ul li a:hover,
nav ul li a.active {
    background-color: #0055cc;
    border-radius: 4px;
}
