/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);*/
/* 2f4b87 */
/* 2f4b87 */
/* #1f325d */
/* Menu CSS */
#cssmenu { width: auto;display: table;width:100%;position:fixed;top:0px;left:0px;z-index:9999;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {padding: 0;margin: 0;line-height: 1;font-family: "Helvetica Neue","Segoe UI",Segoe,Helvetica,Arial,"Lucida Grande",sans-serif;font-weight: 400;font-size: 14px;color: #ffffff; background-color: #006699;}
/*Removed this from css above so the menu's didn't pop up again becasue they didn't fade out all the way*/
/*-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;-ms-transition: all ease .3s;transition: all ease .3s;*/

#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {content: '';display: table;}

#cssmenu:after,
#cssmenu > ul:after {clear: both;}

#cssmenu a {text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
#cssmenu ul {background-color: #069;
  /*border-radius: 3px;*/
  border: 1px solid #2b4479;
  border: 1px solid #2d4373;
  -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}
#cssmenu ul > li {float: left;list-style: none;}
#cssmenu ul > li > a {display: block;text-decoration: none;padding: 5px 24px;position: relative;}
#cssmenu ul > li > a:hover {background: #2d4373;-webkit-box-shadow: inset 0 0 1px #1e2e4f;-o-box-shadow: inset 0 0 1px #1e2e4f;-moz-box-shadow: inset 0 0 1px #1e2e4f;-ms-box-shadow: inset 0 0 1px #1e2e4f;box-shadow: inset 0 0 1px #1e2e4f;}
/*Removed this from css above so the menu's didn't pop up again becasue they didn't fade out all the way*/
/*-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;-ms-transition: all ease .3s;transition: all ease .3s;*/

#cssmenu ul > li > a:hover:before { content: '';z-index: 2;position: absolute;border: 1px solid white;border-top: 0;border-bottom: 0;border-right: 0;width: 100%;height: 100%;top: 0;left: -1px;opacity: .2;}
#cssmenu ul > li > a:hover:after {content: '';z-index: 2;position: absolute;border: 1px solid white;border-top: 0;border-bottom: 0;border-left: 0;width: 100%;height: 100%;top: 0;right: -1px;opacity: .2;}
#cssmenu > ul > li > ul {opacity: 0;visibility: hidden;position: absolute;}
#cssmenu > ul > li:hover > ul {opacity: 1;visibility: visible;position: absolute;border-radius: 0 0 3px 3px;-webkit-box-shadow: none;-o-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;  box-shadow: none;}
#cssmenu > ul > li > ul {width: 200px;position: absolute;}
#cssmenu > ul > li > ul > li {float: none;position: relative;}
#cssmenu > ul > li > ul > li > ul {opacity: 0;visibility: hidden;position: absolute;}
#cssmenu > ul > li > ul > li:hover > ul {opacity: 1;visibility: visible;position: absolute;}
#cssmenu > ul > li > ul > li > ul {left: 200px;top: 1px;width: 200px;}
#cssmenu > ul > li > ul > li > ul > li {float: none;}

/*Placeholder to push down content after nav bar*/
#aftercssmenu {height:24px;}

/*To Make the Button Highlight when clicked*/
    #cssmenu ul > li > a:active {background-color:#ff6a00;}
/*Draws a small left arrow to indicate there is a sub dropdown*/
#cssmenu .has-sub {background-image:url(../images/arr_white.gif);background-position:190px 10px;background-repeat:no-repeat;}
#cssmenu .has-sub:hover {background-image:url(../images/arr_white.gif);background-position:190px 10px;background-repeat:no-repeat;}


/*To handle skinny screens: Note, this is custom for member area:*/
/*@media only screen and (min-width: 441px) and (max-width: 750px) {
   #aftercssmenu {height:48px;}

}
@media only screen and (min-width: 351px) and (max-width: 440px) {
   #aftercssmenu {height:73px;}

}
*/
@media only screen and (max-width: 668px) {
   #aftercssmenu {height:48px;}

}