/* NAVIGATION
=======================================================*/
#navigation {position: absolute; top: 18px; left: 200px;}
#navigation li {display: inline-block; float: left; margin: 0 2px 0 0;height:16px; position: relative}
#navigation a  { display: inline-block; padding: 3px 8px; font-size: 13px; height:16px;}
#navigation li.active a {background: #005596; -webkit-border-radius: 7px; border-radius: 7px; height: 16px; color: #fff; text-decoration: none;}
#navigation a:hover {background: #005596; -webkit-border-radius: 7px; border-radius: 7px; color: #fff; text-decoration: none; height: 16px;}
#navigation li.events {margin: 0 10px 0 10px;}
#navigation li.events a {background: #78a22f;-webkit-border-radius: 7px; border-radius: 7px; height: 16px; color: #fff;}
#navigation li.membership a {background: #9b1323;-webkit-border-radius: 7px; border-radius: 7px; height: 16px; color: #fff;}
#navigation li.events a:hover {background: #95af57;}
#navigation li.membership a:hover {background: #af2b3a;}
#navigation li.events.active a:hover {background: #78a22f;}
#navigation li.membership.active a:hover {background: #a43137;}

#navigation a {display: inline-block; font-size: 13px; height: 16px; padding: 3px 8px; text-decoration: none;}
#navigation .menu_panel {border-top: 5px solid white; display: none; position: absolute; z-index: 999; background-color: #005596; /*-moz-box-shadow:0px 5px 7px 1px rgba(119, 119, 119, 0.4); -webkit-box-shadow:0px 5px 7px 1px rgba(119, 119, 119, 0.4); box-shadow:0px 5px 7px 1px rgba(119, 119, 119, 0.4); -webkit-border-radius: 6px; border-radius: 6px; */-moz-box-shadow: 0px 5px 5px 0px #005596; -webkit-box-shadow: 0px 5px 5px 0px #005596; -o-box-shadow: 0px 5px 5px 0px #005596; box-shadow: 0px 5px 5px 0px #005596; filter:progid:DXImageTransform.Microsoft.Shadow(color=#005596, Direction=180, Strength=5); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#navigation li {display: inline-block; float: left; height: 16px; margin: 0 2px 0 0; position: relative;}
#navigation li:hover .menu_panel {display: block;}
#navigation .oneC .menu_panel {width: 170px; left: -40px;}
#navigation .oneC .menu_panel .menu_column {padding-top: 2px; padding-bottom: 4px;}
#navigation .twoC .menu_panel {width: 340px; left: -120px;}
#navigation .twoC .menu_panel .menu_column {padding: 2px 0 4px 10px;}
#navigation .fourC .menu_panel {width: 680px; left: -100px;}
#navigation .library .menu_panel {width: 680px; left: -300px;}
#navigation .library .menu_panel .one {clear: both;}
#navigation .events  .menu_panel {background-color: #78a22f; box-shadow: 0 5px 5px 0 #78a22f; width: 680px; left: -320px;}
#navigation .events  .menu_panel .menu_column li a {color: #81ff81;}
#navigation .membership .menu_panel {background-color: #9b1323; width: 340px; left: -120px; box-shadow: 0 5px 5px 0 #9b1323}
#navigation .membership .menu_panel .menu_column li a {color: #ffbbbf;}
#navigation .menu_panel .menu_column {width: 150px; float: left; padding : 8px;}
#navigation .menu_panel .menu_column li {float: none; display: block; height: auto;}
#navigation .menu_panel .menu_column li a {font-size: 12px; color: #79bde8; /*line-height: 10px; *//*display: block; */height: auto;}
#navigation .menu_panel .menu_column li a:hover {font-size: 12px; background: transparent;}
#navigation .menu_panel .menu_column h2 a {color: white; font-size: 14px; line-height: 15px; height: auto;}
#navigation .menu_panel .menu_column h2 a:hover {color: #79bde8; font-size: 14px; background: transparent; line-height: 15px;}
#navigation > ul > li > a > span,
#navigation > ul > li > a {font-weight: bold}

.events.twoC .menu_column.one {clear: left;} /* Force wrapping in events menu */

#navigation .membership .menu_panel         {width: 345px;}
#navigation .membership .menu_column.two {width: 165px;}