body {
    margin: 0px;
}

/* Banner ------------------------- */

#bannerLeft, #bannerRight {
    font-size: xx-large;
    font-weight: bold;
}
#bannerLeft img, #bannerRight img {
    margin: 0px;
}
.xleft, #bannerLeft img {
    float:left;
}
.xright, #bannerRight {
    float:right;
}
#banner {
    padding: 0px;
    margin-left: 0px;
    height: 150px;
    width: 100%;
    /*position: fixed;*/ /* Fixed (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    border-bottom: 1px solid #d5d5d5;
    background-image: linear-gradient(to right, #000000 , #A9A9A9);

}
#banner img {
    border: none;
}

/* Sidebar Menu ------------------------- */

.sidebar {
  width: 190px; /* 200 - padding */
  top: 150px; /* Stay under the banner */
  margin-left: 0px;
  left: 0px;
  float: left;
  background-color: #A9A9A9; /* Dark Gray */
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: auto;
}

.sidebar h2 {
  padding-top: 4px;
  padding-bottom: 1px;
  padding-left: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
}

.sidebar ul {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 20px;  /* indent of bullet */
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.sidebar li {
  font-size: 12px;
  padding-left: 0px;
}

/* The navigation menu links */
.sidebar a {
  /*padding: 0px 0px 0px 0px;*/
  text-decoration: none;
  /*font-size: 12px;*/
  /*color: #000000;*/
  /*display: block;*/
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #000000;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 15px;}
}

/* Main content ------------------------- */

a {
    /*text-decoration: none;*/
    /*color: #999;*/
}
a:hover {
    text-decoration: underline;
}

.container {
  /*margin-top: 150px;*/ /* Same as the height of the banner */
  /*padding-top: 150px;*/ /* Same as the height of the banner */
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 200px; /* Same as the width of the sidebar */
  top: 150px;       /* Stay under the banner */
}

.container h1, .container h2, .container h3, .container h4 {
    color: #003380;
}
p {
    font-size: 1.1em;
    line-height: 1.0em;
    color: #333;
}
footer {
    border-top: 1px solid #d5d5d5;
    padding-left: 10px;
    margin-left: 200px; /* Same as the width of the sidebar */
    margin-top: 8px;
    font-size: .8em;
}

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
    padding-top: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}

th {
    text-align: left;
    background-color: #A9A9A9;
    color: white;
}

tr:nth-child(even) {background-color: #f2f2f2;}

.section {
    padding: 8px;
    vertical-align: top;
}

.section h2 {
    padding-top: 4px;
    padding-bottom: 10px;
    margin: 0px;
}

.getitbutton {
    color:white;
    font-size:20pt;
    font-weight:bold;
    margin:auto;
    border:ridge gray;
    border-radius:25px;
    background-color:red;
    padding:20pt;
}
