body {
      margin: 10;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 12pt;
      background-color: #ffffff;
}

body.main {
      background-color: #eeeeff;
      margin: 10px;
      text: #000000;
}

div.containrow {
      width:100%; 
      float:left; 
      margin-left:10%; 
      margin-right:10%;
}
div.containrow900 {
     width:900px; 
     float:left; 
     margin-left:10%; 
     margin-right:10%;
}
div.containrow700Border {
     width:700px; 
     float:left; 
     margin-left:20%; 
     margin-right:20%;
     border-style:inset;
}
div.containrow700Last {
     width:700px; 
     float:left; 
     margin-left:20%; 
     margin-right:20%;
     border-style:groove;
}
div.containrowcenter {
     width:100%; 
     float:center; 
     margin-left:25%; 
     margin-right:25%;
}

div.containrowcenterwide {
     width:60%; 
     float:center; 
     margin-left:10%; 
     margin-right:10%;
}

div.fltcenter {
    float:center;
}
div.fltleft {
     float:left;
}
div.fltright {
     float:right;
}

div.biotitle {
    text-align:left;
    font-weight:bold; 
    font-size:14pt; 
}
div.bio1 {
     float:left;
     width:5%;
}
div.bio2 {
     float:left;
     width:25%;
     height:30px;
}
div.bio2a {
     float:left;
     width:35%;
     height:30px;
}
div.bio3 {
     float:left;
     width:15%;
}
div.bio4 {
     float:left;
     width:40%;
}
div.bio4a {
     float:left;
     width:30%;
}
div.bio5 {
     float:left;
     width:15%;
}

div.containwhite {
     width:900px;
     float:left; 
     margin-left:10%; 
     margin-right:10%;
}
div.containgray {
     width:900px;
     float:left; 
     margin-left:10%; 
     margin-right:10%;
     background-color:#f1f1f1;
}

div.col4across {
     float:left;
     width:22%;
}
div.col3across {
     float:left;
     width:30%;
}

div.width05 {
     width:5%;
}
div.width07 {
     width:7%;
}
div.width10 {
     width:10%;
}
div.width13 {
     width:13%;
}
div.width15 {
     width:15%;
}
div.width20 {
     width:20%;
}
div.width25 {
     width:25%;
}
div.width30 {
     width:30%;
}
div.width35 {
     width:35%;
}
div.width40 {
     width:40%;
}
div.width45 {
     width:45%;
}
div.width50 {
     width:50%;
}
div.width60 {
     width:60%;
}
div.width65 {
     width:65%;
}
div.width70 {
     width:70%;
}
div.width75 {
     width:75%;
}
div.width95 {
     width:95%;
}

ul.clearmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
}
li.menuselect {
  background: #f9f9f9;
  margin: 2px;
}
li.menuselect a:hover, .dropdown:hover .dropbtn {
    background-color: #cce5ff;
}
div.centered {
    text-align:center;
    margin-left:10%; 
    margin-right:10%;
}
div.headersmall {
    text-align:center; 
    font-size:14pt; 
    font-weight:bold;
    margin-left:10%; 
    margin-right:10%;
}

div.menu {
    text-align:left;
    margin-left:20%; 
    margin-right:20%;
}

div.header {
    text-align:center; 
    font-size:18pt; 
    font-weight:bold;
    margin-left:10%; 
    margin-right:10%;
}

div.subheader {
    text-align:center; 
    font-size:14pt; 
    font-weight:bold;
    margin-left:10%; 
    margin-right:10%;
}

div.subsubheader {
    text-align:center; 
    font-size:12pt; 
    margin-left:10%; 
    margin-right:10%;
}

div.textblock {
    text-align:left; 
    align-items:left;
}

div.centerblock {
    text-align:center; 
    align-items:center;
}

div.ml05 {
    margin-left:5%; 
}
div.mr05 {
    margin-right:5%; 
}
div.ml10 {
    margin-left:10%; 
}
div.mr10 {
    margin-right:10%; 
}
div.ml15 {
    margin-left:15%; 
}
div.mr15 {
    margin-right:15%; 
}
div.ml20 {
    margin-left:20%; 
}
div.mr20 {
    margin-right:20%; 
}
div.ml25 {
    margin-left:25%; 
}
div.mr25 {
    margin-right:25%; 
}
div.ml30 {
    margin-left:30%; 
}
div.mr30 {
    margin-right:30%; 
}
div.ml35 {
    margin-left:35%; 
}
div.mr35 {
    margin-right:35%; 
}

div.footer1 {
    text-align:center;
    font-style:italic; 
    margin-left:20%; 
    margin-right:20%;
}



ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f1f1f1;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 25px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #f9f9f9;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 10px 25px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}


#mainpage {
	text-align:center; 
	margin-left:15%; 
	margin-right:15%;
}
#heading {
	text-align:center; 
	font-family:verdana, arial, sans-serif; 
	font-size:16px;
	font-weight:bold;
}
#navbar {
	text-align:center; 
	margin-left:10%; 
	margin-right:10%;
}
#container {
	position:relative; 
	width:820px; 
	height:760px; 
	background:#aaa; 
	border:1px solid #000; 
	margin:10px auto; 
	font-family:verdana, arial, sans-serif; 
	font-size:12px;
}
#container a.pics {
	float:left; 
	padding:5px 21px; 
	display:inline; 
	color:#000; 
	text-decoration:none; 
	width:92px; 
	height:130px; 
	cursor:default;
}
#container a.pics img.thumb {
	display:block; 
	border:1px solid #000; 
	height:90px; 
	width:120px;
}
#container a.pics img.main {
	display:block; 
	border:1px solid #000; 
	height:600px; 
	width:800px;
}
#container a.pics span {
	display:none; 
	border:0; 
	width:800px;  
	text-align:center;
}
#container a.pics span img {
	margin:10px auto; 
	border:1px solid #000;
}
#container a.pics:click {
	white-space:normal; 
}
#container a.pics:hover img.thumb {
	border:1px solid #fff;
}
#container a.pics:active img.thumb {
	border:1px solid #fc0;
} 
#container a.pics:active span {
	display:block; 
	position:absolute; 
	left:9px; 
	top:96px; 
	z-index:5; 
	height:500px;
}
#container a.pics:focus {
	outline:0;
}
#container a.pics:focus img.thumb {
	border:1px solid #fc0
}
#container a.pics:focus span {
	display:block; 
	position:absolute; 
	left:9px; 
	top:96px; 
	z-index:5; 
	outline:0; 
	height:500px;
}