﻿/* ocean  */
.body {
    background-color:lavender;
}

.siteHeader {
    background-color:#3d7065;
    color:white;
    padding-left:20px;
    padding-top:0.2em
}


.siteSubHeader {
    font-size: medium;
    padding-left: 20px;
    padding-top: 0.4em
}


.navbar {
	font-size:medium;
    background-color:#ded9e0;   /* navbar background color */
    margin-left:-20px;
    margin-right:18px;
}
.navbar .navbar-brand {
  color: darkgreen;            /* navbar brand color */
  font-weight:bold;
  font-size:larger;
}

.navbar .navbar-text {
  color: yellow;
}
.navbar .navbar-brand:hover,      
.navbar .navbar-brand:focus {
  color:white;		 /* navbar brand hover, focus color */
}

.navbar .navbar-nav .nav-link {
  color: black; /* navbar link (menu text) color */
  border-radius: .25rem;
  margin: 0 0.25em;
}
/* pulldown menus*/
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus
{
  color: black;
  background-color: white;
}

.navigation {
    font-size:medium;
    background-color:#5b8fab;
    color:white;
    padding-top:2px;
    padding-bottom:2px;
}

.pageHeader {
    font-size:larger;
	font-weight:600;
    font-variant: small-caps;
    background-color:#7dadad;
    color:black;
    padding-left: 10px;
    padding-top:2px;
    padding-bottom:2px;
}

.mainContent {
    background-color: #F6F6FF;
    padding-left:0.5em;
    padding-right:0.5em;
    padding-top:0.25em;
}

    .mainContent .bottom {
    font-size:medium;
	font-family:'Arial';
    background-color:white;
    color:darkslategray;
    padding-left: 6px;
    padding-right: 6px;
    padding-top:3px;
    padding-bottom:0px;
}
      

.bottom {
    font-size: medium;
    background-color: #F2FEFB;
    color: darkslategray;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;

}

.footer {
    background-color:#e6efe2;
    color:black;
}

table { background-color:white; padding:3px; }
th { background-color:lavender; border:1px solid black; font-weight:700;  padding:3px; }
b { font-weight:600; }

.assumptions {
    border-color: darkolivegreen;
    border-style: solid;
    border-width: 1px;
    background-color: white;
}

.shadow {
    box-shadow: 4px 4px 4px #ccc;
}