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

body {margin:0; }

.mobile_mega { display:none; height:0; }
#menu_container { 
width:90%;
height:auto;border-top: #758B9F 2px solid;	border-bottom: #758B9F 2px solid;clear:both;text-align:center justify; width:100%; background-color:#c7daec;
}

/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #c5d9ec ;
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight:normal;
  line-height: 120%;
  margin:0;
}

.navbar a { }

/* Links inside the navbar */
.navbar .menuitem a {
  font-size: 24px;
  color: #000;
  text-align: center;
  padding: 5px 20px;
  text-decoration: none;
  display: inline-block;
}

.menuitem { display:inline-block; vertical-align: top;   }


/* The dropdown container */
.dropdown {
  overflow: hidden;
  display:inline-block;
  color: #000;
  text-align: center;
}

.row { width:100%;background-color: #EEEEEE; }

arrow {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
	margin-bottom: 3px;
}
.down {
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #000;
  padding: 5px 20px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a 758b9f background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #758b9f; color:#fff;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #c5d9ec;
  /*for partial width menu
  width: 80%;
  left: 10%;*/
  left:0;
  width:100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-top:2px solid #758b9f;
  text-align: center;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  /*background: 758b9f;*/
  padding:10px;
  color: #000;
}

.dropdown-content .header h2 { margin:0; padding:0; color:#000; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  width: 30%;
  padding: 10px;
  background-color: none;
  /*height: 250px;*/
  height:auto;
  text-align: left;
  margin:0;
  vertical-align: top;
/*  border-right:1px solid #999;*/
  display:inline-block;
}

/* Style links inside the columns */
.column a {
  float: none;
  /*color: black;*/
  padding: 5px 3px;
  text-decoration: none;
  display: block;
  text-align: left;
  width:100%;
  font-size:18px;
  
}

/* Add a background color on hover */
.column a:hover {
  background-color: #ddd;
}

.column ul { list-style:none; margin:0; padding:0;}
.column ul li { margin:2px 0px; padding:0; }
.column ul li a { text-decoration:none; color:#000; /*font-weight:bold;*/ }
.column ul li a:hover { color:#000; }

.column ul li img {  width:auto; height:auto; /*width:90%;*/ max-width:300px; }

.column h3 { color:black; padding:5px 3px; margin:0;}




.image_column { 
 width: 230px;
  padding: 10px;
  background-color: none;
  /*height: 250px;*/
  height:auto;
  text-align: left;
  margin:0;
  vertical-align: top;
/*  border-right:1px solid #999;*/
  display:inline-block;
}
.image_column a { 
float: none;
  color: black;
  padding: 5px 3px;
  text-decoration: none;
  display: block;
  text-align: left;
  width:auto;
  font-size:18px;
}
.image_column a:hover { background-color: #EEEEEE; color:#000; }

.image_column_link { background-image:url("gifs/AHU-menu-bg.jpg"); background-size:cover; padding:10px; width:85%; display:block; text-align: center; vertical-align: top; margin:0;}
.image_column img { max-width:auto; max-height:130px; }



.tall a {  font-size:110%; padding-bottom:15px; padding-top:15px; text-align:center; }
.tall img { width:auto; height:auto; max-width:90%; }
.left a { text-align:left;}
.small_txt { font-size:14px; margin:0; line-height: 80%; }
.green a { background-color:green; color:#fff; /*padding-top:15px;*/ }
.green a:hover { background-color:green; }
.nohover a:hover { background-color: #EEEEEE; }
.width_lmt img { max-width:50px; }
.siteworkslogo img { max-height:28px; }

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}