/* Add a black background color to the top navigation */
body {
	margin:0px; 
	font-family:Verdana, Geneva, sans-serif;
}
a {text-decoration:underline; color:#903;}
a:hover {text-decoration:none; color:#C36;}

h1 {margin:0px; padding:6px 0; font-size:18px;}
h2 {margin:0px; padding:6px 0; font-size:16px;}
h3 {margin:0px; padding:6px 0; font-size:14px;}
.divcol {background-color:#FC0;}
.divwidth {max-width:980px; margin:auto;}

.logo1 {color:#F90; font-size:32px;}
.logo2 {font-size:14px; position:absolute; top:20px;}
.topnav {
    background-color: #FC0;
    overflow: hidden;
}
.tableline td {
	border-bottom:1px solid #FC0;
	border-right:1px dotted #CCC;
	font-size:13px;
	padding-left:2px;
}
.active {
	background-color:#FD6;
}
.button a {
	background-color:#EEE; display:inline-block; margin:6px; padding:4px; border:1px solid #CCC; border-radius:4px; text-decoration:none;
}
.button a:hover {
	background-color:#FC0;
}
.numbutton {
	font-size:24px; padding:0 10px; cursor:pointer; margin-right:10px;
}
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #222;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

.col_66 {
  width:64%;
  min-width:300px;
  margin:0 2% 0 0;
  float:left;
}
.col_33 {
  width:31%;
  min-width:300px;
  margin:0;
  float:left;
}
.col_50 {
  width:48%;
  min-width:300px;
  margin:0;
  float:left;
}

.footer {
	background-color:#FC0; border-top:2px solid #C30; border-bottom:1px solid #FC6; padding:5px 0;	
}
.position {
	 background-color:#EEE;
	 border-bottom:1px solid #C30;
	 font-size:12px;
	 padding:2px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
	background-color:#EEE;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0 2px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -80px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

	.col_66, .col_33, .col_50 {
	  width:98%;
	}

  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}