/* New megamenu.css
 * Richard Morello
 * Copied from http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/ */

#menu {
  list-style:none;
  width:997px;
  position: relative;
  padding: 0;
/*  top: -15px;
  left: -44px;
  padding:0px 20px;
*/

  /* Rounded Corners */
  
  /* -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; */

  /* Background color and gradients */
  
  /*background: #014464;
  background: -moz-linear-gradient(top, #0272a7, #013953);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));*/
  
  /* Borders */
  
  /* border: 1px solid #002232; */

  /*-moz-box-shadow:inset 0px 0px 1px #edf9ff;
  -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
  box-shadow:inset 0px 0px 1px #edf9ff;*/
}

#menu li {
/*  float:left; */
  display:block;
  text-align:center;
  position:relative;
  border:none;
  margin: 0;
}

#menu li.drop_it {
  /* border: 1px solid #777777; */
  /* padding: 4px 9px 4px 9px; */
  
  /* Background color and gradients */
  
  /*background: #F4F4F4;
  background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*/
  
  /* Rounded corners */
  
  /* -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px; */
}

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

#menu li.drop_it a {
  color:#161616;
  /* text-shadow: 1px 1px 1px #ffffff; */
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns,
.dropdown_6columns,
.dropdown_7columns,
.dropdown_8columns {
  /* margin:4px auto; */
  float:left;
  position:absolute;
  left:-999em; /* Hides the drop down */
  text-align:left;
  padding:10px 5px 0;
  /* border:1px solid #777777; */
  border-top:none;
  
  /* Gradient background */
  background:#F4F4F4;
  background: -moz-linear-gradient(top, #bbb, #eee);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#eee));

  /* Rounded Corners */
  /* -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px; */
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420x;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}
.dropdown_6columns {width: 840px;}
.dropdown_7columns {width: 980px;}
.dropdown_8columns {width: 987px;}

#menu li.drop_it .dropdown_1column,
#menu li.drop_it .dropdown_2columns,
#menu li.drop_it .dropdown_3columns,
#menu li.drop_it .dropdown_4columns,
#menu li.drop_it .dropdown_5columns,
#menu li.drop_it .dropdown_6columns,
#menu li.drop_it .dropdown_7columns,
#menu li.drop_it .dropdown_8columns {
  left: 0px;
  top: 30px;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}
.col_1 {width:90px;}
.col_2 {width:220px;}
.col_3 {width:360px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
.col_6 {width:750px;}
.col_7 {width:850px;}
.col_8 {width:917px;}


/*#col_1_read {margin-left: 80px;}
#col_1_view {margin-left: -9px;}
#col_1_send_condolences {margin-left: -23px; width:150px;}
#col_1_share {margin-left: 42px;}
#col_1_set_notices {margin-left: -9px;}
#col_1_print {margin-left: 36px;}
#col_1_audio {margin-left: -20px;}
#col_1_translate {margin-left: -12px;}*/
#col_1_read {margin-left: 36px;}
#col_1_view {margin-left: -15px;}
#col_1_send_condolences {margin-left: 2px; width: 111px;}
#col_1_share {margin-left: 90px;}
#col_1_set_notices {margin-left: 4px; width: 120px;}
#col_1_print {margin-left: 20px;}
#col_1_audio {margin-left: -7px;}
#col_1_translate {margin-left: -2px;}

#btn_megamenu_right_close {
	position: absolute;
	bottom: 1px;
	right: 5px;
	opacity: 0.50;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	-moz-opacity: 0.50;
}
#btn_megamenu_left_close {
	position: absolute;
	bottom: 1px;
	left: 5px;
	opacity: 0.50;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	-moz-opacity: 0.50;
}

#menu .menu_right {
  float:right;
  margin-right:0px;
}
#menu li .align_right {
  /* Rounded Corners */
  /* -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px; */
}

#menu li.drop_it .align_right {
  left:auto;
  right:-1px;
  top:auto;
}

#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 2px #e5e5e5;
}
#menu h2 {
  font-size:21px;
  font-weight:400;
  letter-spacing:-1px;
  margin:7px 0 14px 0;
  padding-bottom:14px;
  border-bottom:1px solid #666666;
}
#menu h3 {
  font-size:14px;
  margin:7px 0 14px 0;
  padding-bottom:7px;
  border-bottom:1px solid #888888;
}
#menu p {
  /*line-height:18px;*/
  margin:0 0 4px 0;
}

#menu li.drop_it div a {
  font-size:13.5px;
  /*color:#015b86;*/
  color: #1e63a1;
  line-height: 1.5em;
}
#menu li.drop_it div a:hover {
  /*color:#029feb;*/
  color: #309fff;
}


.strong {
  font-weight:bold;
}
.italic {
  font-style:italic;
}

.imgshadow { /* Better style on light background */
  background:#FFFFFF;
  padding:4px;
  border:1px solid #777777;
  margin-top:5px;
  -moz-box-shadow:0px 0px 5px #666666;
  -webkit-box-shadow:0px 0px 5px #666666;
  box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
  width:auto;
  float:left;
  margin:5px 15px 5px 5px;
}

#menu li .black_box {
  background-color:#333333;
  color: #eeeeee;
  text-shadow: 1px 1px 1px #000;
  padding:4px 6px 4px 6px;

  /* Rounded Corners */
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

  /* Shadow */
  -webkit-box-shadow:inset 0 0 3px #000000;
  -moz-box-shadow:inset 0 0 3px #000000;
  box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
  list-style:none;
  padding:0;
  margin:0 0 12px 0;
}
#menu li ul li {
  font-size:12px;
  line-height:24px;
  position:relative;
  text-shadow: 1px 1px 1px #ffffff;
  padding:0;
  margin:0;
  float:none;
  text-align:left;
  width:130px;
}
#menu li ul li.drop_it {
  background:none;
  border:none;
  padding:0;
  margin:50
}

#menu li .greybox li {
  background:#F4F4F4;
  border:1px solid #bbbbbb;
  margin:0px 0px 4px 0px;
  padding:4px 6px 4px 6px;
  width:116px;

  /* Rounded Corners */
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li.drop_it {
  background:#ffffff;
  border:1px solid #aaaaaa;
  padding:4px 6px 4px 6px;
  margin:0px 0px 4px 0px;
}
div#google_translate_element .goog-te-gadget-simple {width: 136px;}
div#google_translate_element img {float: left;}