a, a:visited, a:active { 
color: #189CCE; 
font-weight: bold; 
text-decoration: none; 
}

a:hover { 
color: #427A75; 
font-weight: bold; 
text-decoration: none; 
}

body {
margin: 0px 0px 0px 0px; 
background: #FFFFFF;
background-image: url(images/v8bkg.gif);
background-repeat: repeat;
background-attachment: fixed; 
font-family: verdana; 
font-size: 12pt;
color: #000000; 
width: 100%;
height: 100%;
overflow-y: scroll;
    text-align: center;
    justify-content: center;
}

table { 
font-family: verdana, arial, sans-serif; 
font-size: 12pt; 
color: #000000;
margin: auto;
width: 70%;
}

td { 
font-family: verdana, arial, sans-serif; 
font-size: 12pt; 
color: #000000;
padding: 3px;
width: 50%;  
text-align: left;
}

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

ul {
    text-align: left;
    list-style-position: inside;
    padding: 15px;
}

li {
  text-align: left;
}

.clist ul {
    text-align: center;
    list-style-position: inside;
padding: 15px;
    width: 70%;
    margin: auto;
}

.clist li {
  text-align: center;
  }


#header2 { 
position: absolute; 
width: 100%; 
background-image: url(images/topbkg.gif);
background-repeat: repeat;
height: 200px;
overflow: hidden;
}


#main { 
position: absolute; 
top: 180px;
bottom: 66px;
left: 10%;
right: 10%;
margin: 0 auto;
padding: 5%;
width: 75%; 
background: #FFFFFF;
text-align: center;
overflow: auto;
}

#footer { 
position: absolute;
  left: 0;
  bottom: 0;
width: 100%; 
	background: transparent; 
	background-image: url(images/bottombkg.png);
	background-repeat: repeat;
min-height: 86px;
overflow: hidden;
}

.otherheader2 { 
padding-bottom: 2px; 
background: #189CCE; 
border-bottom: 1px solid #000000;  
font-family: verdana, arial, sans-serif; 
color: #FFFFFF; 
font-size: 8pt; 
font-weight: bold; 
text-transform: uppercase; 
letter-spacing: 2px; 
text-align: center; 
width: 60%; 
margin: auto;
}


/* menu */

.header {
  position: fixed;
  width: 100%;
  z-index: 3;
      text-align: center;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
  background: #FFFFFF;
      text-align: center;
  }

.header li a {
  display: block;
  padding: 5px 5px;
  text-decoration: none;
      text-align: center;
}

.header li a:hover,
.header .menu-btn:hover {
}

.header .logo {
  display: block;
  float: left;
  font-size: 1.5em;
  padding: 1px 1px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 30px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #189CCE;
  display: block;
  height: 5px;
  position: relative;
  transition: background .2s ease-out;
  width: 30px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #189CCE;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 10px;
}

.header .menu-icon .navicon:after {
  top: -10px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 300px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}


/* @media adjustments */
/* 48em = 768px */
/* 65em = 1040px */

@media (min-width: 65em) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 10px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
  .header ul {
    background: transparent;
  }
   #main { 
      font-size: 10pt; 
      width: 68%;
      padding: 2%;
      left: 15%;
      right: 15%;
   }
  td{ 
font-size: 10pt; 
}
}