A:hover { font-weight: bold; color: #FFF8DC; text-decoration: none; } A { font-weight: bold; color: #FFD700; text-decoration: none; } /* CSS layout */ html{} body {margin: 0; padding: 20px 20px 20px 20px;; border: 0; background-color:#FF9900;} ul {list-style-type: none; margin: 0; padding: 0;} ul li { display:inline; font-size: 18px;} h1 { font-size: 40px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; h2 { font-size: 30px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; h3 { font-size: 20px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; h4 { font-size: 10px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; h5 { font-size: 40px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; h6 { font-size: 40px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; /* Containers .box { display:flex; justify-content: space-between; padding:-left:20px; }*/ #banner { width:100%;background-color:#fff;padding:10px 0px px 0px; } #banner p { text-align:center; font-size:11px; } #banner h1 { text-align:center; font-size:40px;} #banner h2 { text-align:center; font-size:30px;} #banner h3 { text-align:center; font-size:20px;} #banner a:link { color:#000080; } #banner a:visited { color:#000080; } #banner a:active { color:#000080; } #banner a:hover { color:#FFF; background-color:#000080;padding:10 10 10 10;} #banner a:focus { color:#000; } #content #content { width:100%;background-color:#fff;padding:10px 0px px 0px; } #content p { text-align:center; font-size:11px; } #content h1 { text-align:center; font-size:40px;} #content h2 { text-align:center; font-size:30px;} #content h3 { text-align:center; font-size:20px;} #content a:link { color:#000080; } #content a:visited { color:#000080; } #content a:active { color:#000080; } #content a:hover { color:#FFF; background-color:#000080;padding:10 10 10 10;} #content a:focus { color:#000; } #line {width:100%; padding:0px 0px px 0px;background-color:#ffffff;border-bottom:10px black solid;} p.small {line-height: 0.7} .left {text-align:left} .center {text-align:center;} .box {width:100%;font-size:20px;font-weight:bold;display:flex;margin:0 50px 0 0 justify-content space-around;} .box > div1 {width:20%; text-align:left; font-size:20px;font-weight:bold;:20px 0 0 0;} .box > div2 {width:15%; text-align:left; font-size:20px;font-weight:bold;:20px 0 0 0; } .box > div3 {width:auto;text-align:left; font-size:20px;font-weight:bold;:20px 0 0 0; } .box > div4 {width:50%; text-align:left; font-size:20px;font-weight:bold;:20px 0 0 0; }.center { text-align:center;} .box > div5 {width:30%; text-align:left; font-size:20px;font-weight:bold;:20px 0 0 0; } .box > div6 {width:30%; text-align:left; font-size:20px;font-weight:bold;:20px 0 0 0; } .box > div7 {width:30%; text-align:left; font-size:20px;font-weight:bold;:20px 0 0 0; } .yellow {text-align:left; font-size:18px; font-weight:bold; background-color:#ffff99; } /*yellow*/ .green {text-align:left; font-size:18px; font-weight:bold; background-color:#99cc99; } /* green*/ .tan {text-align:left; font-size:18px; font-weight:bold; background-color:#ffe4b2; } /* tan*/ .orange {text-align:left; font-size:18px; font-weight:bold; background-color:#ffc966; } /* orange*/ .purple {text-align:left; font-size:18px; font-weight:bold; background-color:#df95df; } /* purple*/ .y { font-size:18px; font-weight:bold; background-color:#ffff99; } /*yellow*/ .g { font-size:18px; font-weight:bold; background-color:#99cc99;} /* green*/ .t { font-size:18px; font-weight:bold; background-color:#ffe4b2; } /* tan*/ .o { font-size:18px; font-weight:bold; background-color:#ffc966; } /*orange*/ .p { font-size:18px; font-weight:bold; background-color:#df95df; } /*purple*/ .navbar {overflow: hidden; background-color: #800000; font-family: Arial, Helvetica, sans-serif;} .navbar a {float: left;font-size: 16px;color: white;text-align: center;padding: 14px 16px;text-decoration: none;} .dropdown {float: left;overflow: hidden;} .dropdown .dropbtn {font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0;} .navbar a:hover, .dropdown:hover .dropbtn {background-color: #000080;} .dropdown-content {display: none; position: absolute; background-color: blue; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} .dropdown-content a {float: none;color: white; padding: 12px 16px; text-decoration: none; display: block; text-align: left;} .dropdown-content a:hover {background-color: red;} .dropdown:hover .dropdown-content {display: block;} #includedContent {} #topnav { background-color:#800000; clear:both; padding:0 0 0 0;margin: 0px 0px 0px 0px; } /* white/red */ #topnav ul { text-align:center; Padding: 20px 0 20px 0; margin: 0px; background-color:#800000;} /*border-bottom:10px black solid; }*/ #topnav ul li { display:inline; font-size: 25px;} #topnav ul li a { padding:10px 10px; margin: 0px 0 0 0} #topnav a:link { color:#ffffff; } #topnav a:visited { color:#ffffff; } #topnav a:active { color:#ffffff; } #topnav a:hover { color:#ffffff; background-color:#000080;} #topnav a:focus { color:#ffffff; } #midnav { background-color:#800000; clear:both; padding:0px 0px 0px 0px;margin: -20px 0px 0px 0px; } /* white/red */ #midnav ul { text-align:center; Padding: 20px 0 20px 0; margin: 0px; background-color:#800000;border-bottom:10px black solid; } #midnav ul li { display:inline; font-size: 25px;} #midnav ul li a { padding::20px 20px 0 0; margin: 0px 0 0 0} #midnav a:link { color:#ffffff; } #midnav a:visited { color:#ffffff; } #midnav a:active { color:#ffffff; } #midnav a:hover { color:#ffffff; background-color:blue;} #midnav a:focus { color:#ffffff; } #midspace { width:100%; margin:0px 0px 20px 0px; background-color:#fff;padding:0px,0,20px,20px; text-align:center } /*black/white*/ #midspace p { font-size:18px; font-weight:bold } #midspace h1 { text-align:center; font-size:30px; margin:0;} #midspace h2 { text-align:left; font-size:20px; margin:20px;;padding:0px 0 20px 0;} #midspace h3 { text-align:left; font-size:15px; margin:0;;padding:0px 0 0px 0;} #midspace h4 { text-align:center; font-size:20px; margin:0;} #midspace h5 { text-align:center; font-size:20px; margin:0;} #midspace .h1 { text-align:left;} #midspace a:link { color:#000080; } #midspace a:visited { color:#000080; } #midspace a:active { color:#000080; } #midspace a:hover { color:#FFF; background-color:#000080;padding:10 10 10 10;} #midspace a:focus { color:#000; } #text {text-align:left;font-family:Calibri;font-size:18px;font-weight:bold; width:100%; margin::0,20px,0,0 auto;color:black; background-color:#fff;padding:5px 20px 0px 20px; } #text p {text-align:left; font-family:Calibri;font-size:18px; } #text h2 {text-align:left; font-family:Calibri;font-size:22px; font-weight:bold; background-color:#fff;} #text h3 {text-align:left; font-family:Calibri;font-size:18px; font-weight:bold; background-color:#fff } #text h4 {text-align:center; font-family:Calibri;font-size:18px; font-weight:bold; background-color:#fff } #text a:link { color:blue; } #text a:visited { color:#000000; } #text a:active { color:#000000; } #text a:hover { color:#000080; background-color:white;padding:10 10 10 10;} #text a:focus { color:#000; } /* starts table*/ #terms { width: 100%; border-collapse: collapse;font-weight:bold ;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} #terms td, #terms th { border: 1px solid #ddd; padding: 8px;} #terms tr:nth-child(even) {background-color: #f2f2f2;} #terms tr:hover {background-color: #ddd;} #terms th {padding-top: 12px; padding-bottom: 12px; text-align: left;background-color: #4caf50; color: white; } /*D2B48C*/