A:link {text-decoration:none
}

A:visited 
{
text-decoration:none
}

A:hover 
{
text-decoration: underline;
}

body {
 background-image: url("gifs/bg2.gif");
}

body {
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 10px;
}

html,body {
  font-size: 16px; color: #000000; font-family: HELVETICA,ARIAL,VERDANA; text-align: left;
}

h1 {
  font-size: 18px; font-weight: normal;
}

h2 {
  font-size: 18px; text-align: center; background-color: #FF9900;
}

h3 {
  font-size: 20px; background-color: #8B4513; color: #ffffff;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px; text-align: center; background-color: #E6E6E6;
}

h6 {
  font-size: 24px;
}

n6w {
  font-size: 6px; font-weight: normal; color: #ffffff;
}

n12 {
  font-size: 12px; font-weight: normal;
}

n14 {
  font-size: 14px; font-weight: normal;
}

n14w {
  font-size: 14px; font-weight: normal; color: #ffffff;
}

n18 {
  font-size: 18px; font-weight: normal; 
}

n18w {
  font-size: 18px; font-weight: normal; color: #ffffff;
}

n20 {
  font-size: 20px; font-weight: normal; 
}

n20w {
  font-size: 20px; font-weight: normal; color: #ffffff;
}

n20c {
  font-size: 20px; background-color: #FF9900; color: #000000;
}

n24 {
  font-size: 24px; font-weight: normal; 
}

b24 {
  font-size: 24px; font-weight: bold;
}

red {
  color: #DC143C;
}

red18 {
  color: #DC143C; font-size: 24px;
}

pr {
  text-align: center; color: #ffffff; font-size: 20px;
}
pr span {
  background-color: #8B4513;
}

.boxBorder {
     border: 3px solid #8B4513;
     padding: 3px;    
}

#bg {
  border: 3px solid #8B4513;
  padding: 15px;
  background: #FFE4C4;
  background-clip: padding-box;
}

#gov {
  border: 3px solid #656500;
  padding: 15px;
  background: #c0c0c0;
  background-clip: padding-box;
}

li {
  color: 8B4513; /* bullet color */
}
li span {
  color: black; /* text color */
}


.flex-container {
    display: flex;
}

.flex-child {
    flex: 1;
    border: 3px solid #FF9900;
    padding: 10px;
    margin: 3px;
}  

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 48%;
  padding: 20px;
  border: 3px solid #FF9900;
  margin: 5px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (orientation : portrait) {
  .column {
    width: 100%;
  }
}


** {
  box-sizing: border-box;
}

.col {
  float: left;
  width: 33.00%;
  padding: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (orientation : portrait) {
  .col {
    width: 100%;
    border: 3px solid #FF9900;
    margin: 3px;
  }
}