div.content { background-color: white; color: black; font-family: arial; font-size: 14px; text-align: justify; max-width: 675px; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; margin: auto;}

a.one:link {color: white; text-decoration: none;} 
a.one:visited {color: white; text-decoration: none;}
a.one:active {color: white; text-decoration: none;}
a.one:hover {color: white; font-size: 100%; text-decoration: none;}

a.two:link {color: rgb(64,98,128);} 
a.two:visited {color: rgb(64,98,128);}
a.two:active {color: rgb(64,98,128);}
a.two:hover {color: black;}

a.three:link {color: rgb(64,98,128);} 
a.three:visited {color: rgb(64,98,128);}
a.three:active {color: rgb(64,98,128);}
a.three:hover {color: black;}


header {font-family: arial; max-width: 675px;}
div.top1 {font-family: arial; font-size: 18px; font-weight: bold; color: white; background-color: rgb(64,98,128); text-align: left; max-width: 675px; margin: 0px; padding: 12px;}
div.top2 {background-color: white; max-width: 675px; margin: 0px; padding: 2px;}

#banner {width: 100%; height: 100%; max-width: 675px;}

/* Style the navigation menu */
.topnav {overflow: hidden; background-color: rgb(88, 88, 88); position: relative;}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {display: none;}
/* Style navigation menu links */
.topnav a {color: white; padding: 4px 4px; text-decoration: none; font-size: 16px; display: block; text-align: center;}
/* Style the hamburger menu */
.topnav a.icon {background: black; display: block; position: absolute; right: 0; top: 0;}
/* Add a grey background color on mouse-over */
.topnav a:hover {background-color: rgb(64,98,128); color: white;}
/* Style the active link (or home/logo) */
.active {background-color: rgb(64,98,128);color: white;}


h1 { font-family: arial; font-size: 16px; color: black; text-align: center; text-decoration: underline;}
h2 { font-family: arial; font-size: 14px; color: black; text-align: center;}
h3 { font-family: arial; font-size: 14px; color: black; text-align: center; text-decoration: underline;}


p {width: 100%;}


ul.square {list-style: square; font-size: 14px; text-align: left;}


.table {font-family: arial; border-collapse: collapse; table-layout: auto; justify-content: center;}
td, th {text-align: justify; padding: 4px;}


div.container {text-align: center;}
.formsbutton {background-color: rgb(64,98,128); color: white; border: none; width: 240px; padding: 4px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;}
.formsbutton:active {color: rgb(64,98,128);}
.formsbutton:visited {color: rgb(64,98,128);}
.formsbutton:hover {background-color: rgb(88, 88, 88);}



footer {font-family: arial; text-align: center;}
    div.bottom1 {font-family: arial; font-size: 12px; color: black; background-color: white; font-weight: bold;}
    div.bottom2 {font-family: arial; font-size: 20px; color: white; background-color: rgb(64,98,128); max-width: 675px; margin: 2px; padding: 2px;}
    div.bottom3 {font-family: arial; font-size: 12px; color: black; background-color: white;}
    div.bottom4 {font-family: arial; font-size: 10px; color: black; background-color: white;}
    div.bottom5 {font-family: arial; font-size: 8px; color: black; background-color: white; font-weight: bold;}