.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.user {
max-width:880px;
}

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: white;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Centered text */
.centered-left {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-300%, -50%);
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top left text */
.middle-left {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0,-50%);
}

.mypic {
  width: 100%;
  height: auto;
  margin-right : auto;
  margin-left : auto;
  min-width : 80px;
  max-width : 80px;
}

.style4 {
	color: #009900;
	font-size: 9pt;
}
.style5 {color: #FFFFFF}
.style11 {font-size: 9pt; }
.style12 {
	font-size: 24px;
	color: #000099;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style13 {
	font-size: 18px;
	color: #006666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style15 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.style14 {
	font-size: 18px;
	color: #000099;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style18 {color: #CC9900}
.style22 {color: #347887}
.style23 {
	font-size: 14px;
	color: #333333;
}
.style29 {font-family: Arial, Helvetica, sans-serif}
.style30 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.style34 {
	font-size: 36px;
	color: #000066;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style36 {
	font-family: "Script MT Bold";
	font-size: 16px;
	font-weight: bold;
	color: #0000CC;
}

.style37 {
	font-size: 16px;
	font-weight: bold;
}
.style39 {
	font-size: 16px;
	color: #006666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style43 {
	font-size: 16px;
	color: blue;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style44 {
	font-size: 16px;
	color: red;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style50 {
	font-size: 35px;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
}

.Selected:link {color:#347887;text-decoration:none;}
.Selected:visited {color:#347887;text-decoration:none;}
.Selected:hover {color:#347887;text-decoration:underline;}

.UnSelected:link {color:#FFFFFF;text-decoration:none;}
.UnSelected:visited {color:#FFFFFF;text-decoration:none;}
.UnSelected:hover {color:#FFFFFF;text-decoration:underline;}