body, html {height: 100%;  margin: 0;}
.leftcol { position: absolute;  top: 0px;  left: 16px;}
#wrapper {position: relative; width: 980px; margin: 0 auto; text-align: center; z-index: 10;}
.bgimg-1 {position: relative;  background-position: center;  background-repeat: no-repeat;  background-size: cover;
    background-image: url("images/coverblue.jpg");  height: 18%; }

* {box-sizing: border-box;}
body {height: 100%; margin: 0; font-family: Arial, Helvetica, sans-serif; }
.header {overflow: hidden;  background-color: #194687;  padding: 0px 15px;}
@media screen and (max-width: 500px) {.header a {float: none; display: block; text-align: left;}
.header-right {float: none;}}
.cbox {position:absolute; margin: 0 auto; top: 0px; left: 24%;}

ul {list-style-type: none;  margin: 0;  padding: 0;  overflow: hidden; }
li {float: left;}
li a, .dropbtn {display: inline-block;  color: darkblue; text-align: center; padding: 0px 20px; text-decoration: none;font-family: arial; font-size:16pt; font-weight:bold;}
li a:hover, .dropdown:hover .dropbtn {color: gold;  background-color: #194687;}
li.dropdown {display: inline-block;}
.dropdown-content {display: none;  position: absolute;  min-width: 207px; box-shadow: 1px 1px 0px 0px black; z-index: 1;}
.dropdown-content a {background-color: lightsteelblue; color: black;  padding: 3px 16px;  font-weight:normal; text-decoration: none;  display: block;  text-align: left;}
.dropdown-content a:hover {color: gold;}
.dropdown:hover .dropdown-content {display: block;}

p {font-family: tahoma, sans-serif; font-size: 14pt; text-align: left; padding-left: 15px; padding-right: 10px}
p.i30 {font-family: tahoma, sans-serif; font-size: 14pt; text-align: left; padding-left: 30px; padding-right: 10px}
p.c {font-family: tahoma, sans-serif; font-size: 12pt; text-align: center;}
p.c14 {font-family: tahoma, sans-serif; font-size: 14pt; text-align: center;}
p.cb {font-family: calibri, sans-serif; font-size: 14pt; text-align: center; font-weight: bold}
p.cb17 {font-family: calibri, sans-serif; font-size: 20pt; text-align: center; font-weight: bold}
p.b {font-family: tahoma, sans-serif; font-size: 12pt; text-align: left; font-weight: bold}
p.b20 {font-family: calibri, sans-serif; font-size: 20pt; text-align: left; font-weight: bold}
p.b20c {font-family: calibri, sans-serif; font-size: 20pt; text-align: center; font-weight: bold}
p.s {font-family: tahoma, sans-serif; font-size: 8pt; text-align: left; font-weight: normal}
p.v {font-family: tahoma, sans-serif; font-size: 14pt; text-align: left; font-weight: normal}
p.b16 {font-family: Tahoma, sans-serif; font-size: 16pt; text-align: center; font-weight: bold}

.container {position: relative;  text-align: center;  color: white;}
.centered {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
#prespic { float: left; font-size: 9pt;}

.calday {font-family: arial, sans-serif; font-size: 13pt; font-weight: bold; color: steelblue;}
.caldaym {font-family: arial, sans-serif; font-size: 13pt; font-weight: bold; color: #277857;}
.title {font-family: tahoma, sans-serif; font-size: 10pt; font-weight: bold; color: black; font-style: normal; }
.speak {font-family: tahoma, sans-serif; font-size: 11pt; font-weight: normal; color: black; font-style: normal}

.calwdy {font-family: arial, sans-serif; font-size: 10pt; color: white; font-weight: bold;}
.calmo {font-family: arial, sans-serif; font-size: 10pt; color: white; font-weight: bold; text-decoration: none;}

.topper {font-family: arial, sans-serif; font-size: 12pt; font-weight: normal; color: black; font-style: normal; line-height: 100%; padding: 5px;}

a.back:link {color: blue; text-decoration: none; font-family: calibri; font-size:9pt; font-weight:bold; }
a.back:visited {color: blue; text-decoration: none; }
a.back:hover {background-color: #000000; text-decoration: none; color: gold;}
a.lecback:active {text-decoration: none; }

a.bod4:link {color: lightskyblue; text-decoration: none; font-family: calibri; font-size:14pt; font-weight:normal; padding: 5px 17px;}
a.bod4:visited {color: lightskyblue; text-decoration: none; }
a.bod4:hover {background-color: #000000; text-decoration: none; color: gold; padding: 5px 17px;}
a.bod4:active {text-decoration: none; }

a.bio:link {color: lightskyblue; text-decoration: none; font-family: calibri; font-size:14pt; font-weight:normal; padding: 5px 17px;}
a.bio:visited {color: lightskyblue; text-decoration: none; }
a.bio:hover {background-color: #000000; text-decoration: none; color: gold; padding: 5px 17px;}
a.b1o:active {text-decoration: none; }

a.bod:link {color: lightskyblue; text-decoration: none; font-family: calibri; font-size:12pt; font-weight:normal; padding: 5px 17px;}
a.bod:visited {color: lightskyblue; text-decoration: none; }
a.bod:hover {background-color: #000000; text-decoration: none; color: gold; padding: 5px 17px;}
a.bod:active {text-decoration: none; }

a.bod2:link {color: lightskyblue; text-decoration: none; font-family: calibri; font-size:12pt; font-weight:normal;}
a.bod2:visited {color: lightskyblue; text-decoration: none; }
a.bod2:hover {background-color: #000000; text-decoration: none; color: gold;}
a.bod2:active {text-decoration: none; }

a.bod2b:link {color: black; text-decoration: none; font-family: calibri; font-size:12pt; font-weight:normal;}
a.bod2b:visited {color: lightskyblue; text-decoration: none; }
a.bod2b:hover {background-color: #000000; text-decoration: none; color: gold;}
a.bod2b:active {text-decoration: none; }

a.bodx:link {color: lightskyblue; text-decoration: none; font-family: calibri; font-size:16pt; font-weight:normal; padding: 5px 17px;}
a.bodx:visited {color: lightskyblue; text-decoration: none; }
a.bodx:hover {background-color: #000000; text-decoration: none; color: gold; padding: 5px 17px;}
a.bodx:active {text-decoration: none; }

a.board:link {color: black; text-decoration: none; font-family: calibri; font-size:10px; font-weight:bold; padding: 5px 17px;}
a.board:visited {color: black; text-decoration: none; }
a.board:hover {background-color: #000000; text-decoration: none; color: gold; padding: 5px 17px;}
a.board:active {text-decoration: none; }

a.cal:link {color: black; text-decoration: none; font-family: arial, sans-serif; font-size: 10pt; font-weight: bold; line-height: 100%;}
a.cal:visited {color: white; text-decoration: none;}
a.cal:hover { background-color: lightsteelblue; text-decoration: none; color: black;}
a.cal:active {text-decoration: none; }

a.lec:link {color: blue; text-decoration: none; font-family: tahoma; font-size:12pt; font-weight:bold; }
a.lec:visited {color: blue; text-decoration: none; }
a.lec:hover {background-color: #000000; text-decoration: none; color: gold;}
a.lec:active {text-decoration: none; }

a.lec2:link {color: blue; text-decoration: none; font-family: tahoma; font-size:14pt; font-weight:bold; }
a.lec2:visited {color: blue; text-decoration: none; }
a.lec2:hover {background-color: #000000; text-decoration: none; color: gold;}
a.lec2:active {text-decoration: none; }

a.lec3:link {color: blue; text-decoration: none; font-family: tahoma; font-size:14pt; font-weight:bold; }
a.lec3:visited {color: blue; text-decoration: none; }
a.lec3:hover {background-color: #000000; text-decoration: none; color: gold;}
a.lec3:active {text-decoration: none; }

a.lec4:link {color: maroon; text-decoration: none; font-family: tahoma; font-size:10pt; font-weight:bold; }
a.lec4:visited {color: blue; text-decoration: none; }
a.lec4:hover {background-color: #000000; text-decoration: none; color: gold;}
a.lec4:active {text-decoration: none; }

.button1 {background-color: green;padding: 10px 30px;}