<style>
/* Notes
- The order of this CSS file is required for proper inheritance of properties. 

- Positions (margin, padding, ol, border-color etc.): top right bottom left
- border: width style color

- Colors (main dark)\main light): navy\blue  
  Changes
  1. Do a string search and replace these (navy\blue) as desired.
  2. Adjust other color tags as desired. Common: h1-4, NavBar
  
  Default image by TheDigitalArtist
*/
body {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #008E97;
}   
hr {
    border: none;
    border-top: 1px solid #eeeeee; /* You can change the color and thickness as needed */
    margin: 0; /* Adjust margin if needed */
}
a         {color: #008E97;}
a:hover   {color: orange;}
a:visited {color: #008E97;}
a:active  {color: #008E97;}

.aqua:   {background-color: #008E97;}
aqua:   {background-color: #008E97;}
.orange: {background-color: #FC4C02;}
.white:  {background-color: #FFFFFF;}

   .sand { background-color: #F4A460; } /* Sandy Brown */
   .sea { background-color:  #008E97; } /* Dark Turquoise */
   .sky { background-color:  #87CEEB; } /* Sky Blue */
   .sun { background-color:  #FFD700; } /* Gold */
   .palm { background-color: #228B22; } /* Forest Green */


.scrollable {
            //width: 350px;
            width: 100%; /* Set the width to 100% of the parent container */
            height: 150px;
            overflow: auto;
            border: 1px solid #ccc;
            padding: 10px;
            text-align: left; /* Align text to the left */
        }
</style>