@charset "utf-8";
/* CSS Document */

/* ID Styles */

#navigation td {
	border-bottom: 0px solid #97C1CF;
	border-top: 0px solid #97C1CF;
	border-left: 0px solid #97C1CF;
	border-right: 0px solid #97C1CF;
	}
	
#navigation td2 {
	border-bottom: 0px solid #97C1CF;
	border-top: 0px solid #97C1CF;
	border-left: 0px solid #97C1CF;
	border-right: 0px solid #97C1CF;
	}
	
  #navigation a {
    font-family: 'swis721_blkcn_btblack';
	font-size: 16px;
	line-height:22px;
	color: #333333;
	text-decoration: none;
	display:block;
	padding:8px 8px 8px 8px;
	}
	
#navigation a:hover {
    background: #468499;
    color: #97C1CF;
	}

/* Navigation */
nav{
    border-bottom: 0px solid #97C1CF;
    border-top: 0px solid #97C1CF;
    border-left: 0px solid #97C1CF;
    border-right: 0px solid #97C1CF;
    padding:8px 8px 8px 8px;
    width:auto;
    text-align: left;
}

#nav a{
    text-decoration:none;
    color:#333333;
}

div.navItem
{

    list-style:none;
    padding:8px 8px 8px 8px;
    display:inline;
    background-color:#468499;
    border:0px solid #468499;
    padding:8px 8px 8px 8px;
    border-radius:0px;
}
.navItem div{

    -moz-transition: height 1s ease; /* Firefox 4 */
    -webkit-transition: height 1s ease; /* Safari and Chrome */
    -o-transition: height 1s ease; /* Opera */
    -ms-transition: height 1s ease; /* IE9 (maybe) */
    transition:height 1s ease;

}

.navItem:hover div
{
    height:500px;
}

/* Container must be relative so the popup positions correctly */
.menu-container {
  position: relative;
  display: inline-block;
}

/* Completely hide the checkbox from view */
.menu-checkbox {
  display: none;
}

/* Style the clickable trigger button */
.menu-button {
  background-color: #97C1CF;
  color: #333333;
  padding: 10px 5px;
  cursor: pointer;
  border-radius: 4px;
  user-select: none;
}

/* Hide the menu content by default and position it */
.menu-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #97C1CF;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  z-index: 10;
  margin-top: 5px;
}

/* Style individual menu links */
.menu-content a {
  color: #333;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

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

/* The Magic: When checkbox is checked, show the menu content */
.menu-checkbox:checked ~ .menu-content {
  display: block;
  text-align: left;
}