/* Navigation Bar */
@media screen and (max-width: 600px) {
  #menu {
    display: none;
  }
}

/* MAIN MENU */
#menu {
  list-style: none;
  width: 100%;
  margin: 0 auto; /* FIXED */
  height: 50px;
  padding: 0px 20px;

  border-radius: 0px;

  background: #014464;
  background: linear-gradient(to bottom, #0272a7, #013953);

  border: 1px solid #002232;
  box-shadow: inset 0px 0px 1px #edf9ff;
}

/* MENU ITEMS */
#menu li {
  float: left;
  text-align: center;
  position: relative;
  margin-right: 25px;
  line-height: 50px; /* FIXED vertical alignment */
}

/* HOVER FIX (no jump) */
#menu li:hover {
  background: #ffffff;
  border-radius: 5px 5px 0px 0px;
}

/* LINKS */
#menu li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #EEEEEE;
  display: block;
  text-decoration: none;
  padding: 0 10px;
  text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
  color: #161616;
  text-shadow: 1px 1px 1px #FFFFFF;
}

/* DROPDOWN ICON */
#menu li .drop {
  padding-right: 14px;
  background: url("img/drop.png") no-repeat right center;
}

/* DROPDOWN */
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
  position: absolute;
  left: -9999px;
  top: 50px;
  padding: 10px 5px;
  border: 1px solid #777777;
  border-top: none;

  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff, #ffffff);

  border-radius: 0px 5px 5px 5px;
  z-index: 999;
}

/* WIDTHS */
.dropdown_1column {width: 160px;}
.dropdown_2columns {width: 300px;}
.dropdown_3columns {width: 440px;}
.dropdown_4columns {width: 580px;}
.dropdown_5columns {width: 715px;}

/* SHOW DROPDOWN */
#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
  left: 0;
}

/* COLUMNS */
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
  float: left;
  margin: 5px;
  text-align: center;
}

.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

/* IMAGE CENTER */
.col_1 img {
  display: block;
  margin: 0 auto 5px;
}
/* TEXT */
.col_1 a {
  line-height: 16px;
  padding: 0;
}

/* REMOVE EXTRA GAP */
.col_1 a br {
  display: none;
}

/* RIGHT ALIGN */
#menu .menu_right {
  float: right;
}

#menu li .align_right {
  border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
  right: 0;
  left: auto;
}

/* TEXT STYLES */
#menu p, #menu h2, #menu h3, #menu ul li {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 21px;
  font-size: 12px;
  text-align: left;
  text-shadow: 1px 1px 1px #FFFFFF;
}

#menu h2 {
  font-size: 21px;
  margin: 7px 0 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #666;
}

#menu h3 {
  font-size: 14px;
  margin: 7px 0 14px;
  padding-bottom: 7px;
  border-bottom: 1px solid #888;
}

#menu p {
  margin-bottom: 10px;
}

/* DROPDOWN LINKS */
#menu li:hover div a {
  font-size: 12px;
  color: #015b86;
}

#menu li:hover div a:hover {
  color: #029feb;
}

/* EXTRA STYLES */
.strong {font-weight: bold;}
.italic {font-style: italic;}

.imgshadow {
  background: #FFFFFF;
  padding: 4px;
  border: 1px solid #777;
  margin-top: 5px;
  box-shadow: 0px 0px 5px #666;
}

.img_left {
  float: left;
  margin: 5px 15px 5px 5px;
}

#menu li .black_box {
  background-color: #333;
  color: #eee;
  padding: 4px 6px;
  border-radius: 5px;
  box-shadow: inset 0 0 3px #000;
}

#menu li ul {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
}

#menu li ul li {
  line-height: 24px;
  width: 130px;
}

#menu li .greybox li {
  background: #F4F4F4;
  border: 1px solid #bbb;
  margin-bottom: 4px;
  padding: 4px 6px;
  width: 116px;
  border-radius: 5px;
}

#menu li .greybox li:hover {
  background: #fff;
  border: 1px solid #aaa;
}

/* CLEAR FIX */
#menu::after {
  content: "";
  display: block;
  clear: both;
}