.cpal1  { color:#206060;background-color:navajoWhite; }
.cpal1a { color:teal; }
.cpal1b { color:#28746b; }
.cpal1c { color:#506856; }
.cpal1d { color:#785c41; }
.cpal1e { color:sienna; }
.cpal2a { color:sienna; }  
.cpal2b { color:#b8754d; }
.cpal2c { color:#d0986d; }
.cpal2d { color:#e8bb8d; }
.cpal2e { color:navajoWhite; }
.cpal3a { color:burlywood; } //#deb887
.cpal3b { color:#c68a65; }
.cpal3c { color:#ae5c43; }
.cpal3d { color: background-color:burlywood;}
.cpal3e { color:maroon; background-color:navajoWhite; }

.smalltext { width:100px; }
.medtext   { width:200px; }
.longtext  { width:300px; }
.tabHdr    { font-weight:bold;font-family:Tahoma;font-size:10pt; color:teal;border:0px;margin:0px; }
.tabData   { font-weight:none; font-family:Tahoma; font-size:10pt;color:maroon;}

input[type="submit"]{
	padding: 5px;
	border: solid 1px maroon;
	border-radius:6px;
	transition: box-shadow 0.3s, border 0.3s;
	text-align: center;
	background-color: navajowhite ;
	color: maroon;
	font-weight: bold;
	margin:8px;
}
input[type="submit"]:hover {
  color: white;
  background-color: maroon ;
}

select,textarea,input[type="text"]{
   background-color:aliceblue;
   color:teal;
   border:1px solid gray;
   border-radius:4px;
   text-align:left;
   font-family:Tahoma;
   font-size:10pt;
   margin:2px;
}
select,input[type="text"]:hover {
   border:1px solid black;
}
p {
   color:maroon;
}

.h1text  
{  color:teal;
   font-size:18px;
   font-weight:bold;
   font-family:Helvetica;
   margin-top:8px;
   margin-bottom:2px;
   border-top:1px solid teal;
}

.h2text
{
   color:#22949B;
   font-size:14px;
   font-weight:600;
   font-family:Helvetica;
   margin-top:4px;
   margin-bottom:2px;
}

.h3text
{
   color:#44a8b6;
   font-size:12px;
   font-weight:600;
   font-family:Helvetica;
   margin-top:2px;
   margin-bottom:2px;
}

.h4text
{
   color:#66bcd1;
   font-size:12px;
   font-weight:400;
   font-family:Helvetica;
   margin-top:2px;
   margin-bottom:2px;
}


.navigation {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  border: none;
  list-style: none;
  margin: 0; 
  background: teal;
}

.navbtn
{
   color:white;
   background-color:teal;
   height:25px;
   border:1px solid white;
   padding:5px 10px;
   margin: 2px 2px;
   border-radius:6px;
}

.navbtn:hover {
  background-color: white;
  color:teal;
}