body {
    background-color: #003366;
}
body.directions li.directions { background-color: #C1E0FE; }
body.about li.about {    background-color: #C1E0FE; }
body.instructor li.instructor {    background-color: #C1E0FE; }
body.hoschton li.hoschton {    background-color: #C1E0FE; }
body.party li.party {    background-color: #C1E0FE; }
body.attire li.attire {    background-color: #C1E0FE; }
body.calendar li.calendar {    background-color: #C1E0FE; }
body.contact li.contact {    background-color: #C1E0FE; }

body.welcome li.welcome {
    background-color: #C1E0FE;
}
body.kennesaw li.kennesaw {
    background-color: #C1E0FE;
}
body.classes li.classes {
    background-color: #C1E0FE;
}
body.sjumc li.sjumc {
    background-color: #C1E0FE;
}
body.decatur li.decatur { 
    background-color: #C1E0FE; 
}
body.jonesboro li.jonesboro { 
    background-color: #C1E0FE; 
}
body.perimeter li.perimeter { 
    background-color: #C1E0FE; 
}
body.roswell li.roswell { 
    background-color: #C1E0FE; 
}
body.arc li.arc { 
    background-color: #C1E0FE; 
}
body.peach li.peach { 
    background-color: #C1E0FE; 
}
body.party li.party { 
    background-color: #C1E0FE; 
}

body > header {
    background-color: #C1E0FE;
    border-bottom: 15px solid #0099CC;
}
body > header div.banner1 {
    background-color: #0099CC;
    border-top: 20px solid #C1E0FE;
    font-size: .8rem;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #003366;
}
body > header div.banner2 {
    background-color: #003366;
    border-top: 2px solid #C1E0FE;
    border-bottom: 2px solid #C1E0FE;
    font-size: 1.5rem;
    text-align: right;
    margin-left: 150px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 100px;
    color: #0099CC; 
}
nav#sidenav {
    float: left;
    width: 150px;
}
nav#sidenav ul#leftNav {
    list-style-type: none;
    margin: 0;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    background-color: #0099CC;
    border-top: 30px solid  #003366;
    border-bottom: 100px solid #003366;
}
nav#sidenav ul#leftNav li {
    padding-left: 10px;
    border-bottom: 3px solid #003366;
    font-weight: bold;
    padding-top: 3px;
}
nav#sidenav ul#leftNav li a {
    text-decoration: none;
}
nav#sidenav ul#leftNav li:hover {
    background-color: #C1E0FE;
}

div.content {
    float: left;
    width: calc(100% - 180px);
    padding: 50px 10px 0 10px;
    border-left: 10px solid  #0099CC;
    background-color: #C1E0FE;
}
div.content header {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 30px;
}
div.content header p {
    margin-top: 0;
    margin-bottom: 0;
}
div.content header p.announcement {
    background-color: yellow;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 30px;
}
div.updates {
    padding: 10px;
}
div.updates h3  {
    margin-bottom: 0;
}
div.updates p  {
    margin-top: 0;
}
div.locations {
    padding: 10px;
}
div.locations h3  {
    margin-bottom: 0;
}
div.locations p  {
    margin-top: 0;
}
#bottomnav {
    background-color: #C1E0FE;
    padding-bottom: 100px;
    font-size: 12px; 
    padding-top: 20px;
    text-align: center;
}
/* 1-10-24 added buttonR for enroll now styling */
buttonR {  /* this didn't work */
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}
/* try again to style button */
input[type=button] {
  background-color: #FFFF00;
  border:2px solid #ccc;
  -webkit-border-radius: 5px;
  font-size: 20px;
  border-color:#333;
  color: black;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=button]:hover:hover {
background-color: #08f12b;
}
/* 1/14/24 from freshman.tech style for get quote */
.button:hover:hover { 
    background-color: #86440a;
}