/* HORIZONTAL RESPONSIVE DROP MENUS V1.0 2015 */


/* FULL - MENU OUTER BACKGROUND */

#cssmenu	{
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 1100;
		width: 100%;
		min-width: 640px;	/* INCREASE TO STOP DESKTOP MENUS WRAPPING */
		text-align: center;	/* CENTERS MENU */
		background-color: #004C76;
		border: 0px solid #000000; /* IF YOU ADD A BORDER MAKE WIDTH LESS THAN 100% ABOVE */
		vertical-align: bottom;
	/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		}




/* MENU DEFAULTS & FONT FACE (ALL LEVELS) */

#cssmenu ul,
#cssmenu li,
#cssmenu a	{
		margin: 0 auto;
		padding: 0;
		border: 0;
		list-style: none;
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
		text-decoration: none;
		text-align: left;
		vertical-align: bottom;
		position: relative;
		z-index: 1101;
		}

#cssmenu ul 	{
		margin: 0 auto;
		display: inline-block;
		zoom: 1;
		*display: inline;
		text-align: center;
		}




/* FULL - TOP LEVEL BUTTON BACKGROUND COLORS */

#cssmenu > ul	{
		background: transparent;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
		}




/* DEFAULTS - DO NOT EDIT! */

  #cssmenu > ul:after {
    clear: both;
    content: '';
    display: table;
  }




/* FULL - LEFT / RIGHT BORDER EACH BUTTON */

#cssmenu > ul > li 
		{
		float: left;
		border: solid #999999;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
		}

/* FULL - BORDER LAST BUTTON */

#cssmenu > ul > li:last-child { border-width: 0px 0px 0px 0px; }




/* DEFAULTS - DO NOT EDIT! */

  #cssmenu > ul > li.mobile {
    display: none;
  }
  #cssmenu > ul > li.active {
    background: #006699; /* UNUSED - SEE ACTIVE COLORS BELOW */
  }




/* FULL & MOBILE - TOP LEVEL HOVER BACKGROUND COLOR */

#cssmenu > ul > li:hover { background: #0079C0; }




/* LAST DROP MENU OPEN TO LEFT - UN-REMARK TO USE */

/* **** START REMARK OUT

#cssmenu > ul > li:last-child ul {
  left: auto;
  right: 0;
}

END REMARK OUT **** */




/* MOBILE DEFAULT - DO NOT EDIT! */

  #cssmenu > ul > li.mobile {
    border-right: 0 none;
  }




/* FULL & MOBILE - TOP LEVEL FONT COLOR & HEIGHT */

#cssmenu > ul > li > a 	{
			font-size: 13px;
			color: #FFFFFF;
			line-height: 40px; /* DEFINES TOP LEVEL MENU HEIGHT */
			margin: 0px 0px 0px 0px;
			padding: 0px 10px 0px 10px;
			display: block;
			}

/* FULL & MOBILE - TOP LEVEL HOVER FONT COLOR */

#cssmenu > ul > li > a:hover 	{
				color: #FFFFFF;
				text-decoration: none;
				}




/* FULL & MOBILE - ACTIVE COLORS */

#cssmenu > ul > li.active 	{
				background: #006699;
				border-bottom: none;
				}

#cssmenu > ul > li.active > a 	{ color: #FFFFFF; }




/* FULL - SUB MENU BACKGROUND, BORDER & OUTER PADDING */
/* (TOP LOCATION WORKS WITH TOP LEVEL line-height: ABOVE) */

#cssmenu ul ul 	{
		background: #FFFFFF;
		border: 1px solid #006699;
	/* CORNER ROUNDING - BOTTOM CORNERS */
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	/* DROP SHADOW */
		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);
		padding: 0px 0px 0px 0px;
		display: none;
		position: absolute;
		top: 40px;
		left: 0px;
		z-index: 1102;
		}




/* FULL - SUB MENU WIDTH */

#cssmenu ul ul { width: 200px; }




/* FULL & MOBILE - SUB MENU LINK COLORs & FONT & INNER PADDING & BORDER */

#cssmenu ul ul a	{
			font-size: 13px;
			line-height: normal;
			font-weight: 400;
			color: #000000;
			background: transparent;
			display: block;
			padding: 7px 5px 7px 5px;
			border: solid #FFFFFF;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
			}

/* FULL & MOBILE - SUB MENU HOVER COLORS */

#cssmenu ul ul a:hover	{
			color: #FFFFFF;
			background: #006699;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
			}




/* FULL & MOBILE - PADDING BETWEEN SUB MENUS */

#cssmenu ul ul li { padding: 0px 0px 0px 0px; }

#cssmenu ul ul li:first-child { padding: 5px 0px 0px 0px; }

#cssmenu ul ul li:last-child { padding: 0px 0px 5px 0px; }




/***************
START Media Queries - FOR THE MOBILE MENU - 482 IS THE WIDTH WHEN THE MOBILE MENU APPEARS
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{


#cssmenu	{ min-width: 200px; background-image: none; }

#cssmenu ul 	{ display: block; width: 100%; }




/* MOBILE - FIRST "Menu" TEXT & ICON FONT (edit text in "menu-script.js") */

#cssmenu > ul > li.mobile > a 
		{
		font-size: 15px;
		line-height: 25px; /* DEFINES HEIGHT FOR ICON */
		color: #FFFFFF;
		padding: 5px 6px 7px 6px;
		}




/* MOBILE RIGHT ICON */

  #cssmenu > ul > li.mobile i 
		{
		width: 30px;
		float: right;
		font-style: normal;
		background-image: url("picts/mobile-menu-icon.png");
		background-repeat: no-repeat;
		background-position: left top;
		}




/* MOBILE - 2nd LEVEL FONT SIZE & PADDING */

#cssmenu > ul > li > a	{
			font-size: 13px;
			line-height: 18px; /* DEFINES HEIGHT */
			color: #FFFFFF;
			padding: 6px 6px 5px 6px;
			}




/* MOBILE - MENU HEIGHT & ANIMATION SPEED */

/* HEIGHT WORKS WITH "FIRST Menu" ABOVE USING line-height & padding */

#cssmenu > ul	{
		max-height: 37px;
		overflow: hidden;
		-webkit-transition: max-height 0.5s;
		transition: max-height 0.5s ease;
		}




/* MOBILE - DEFAULT OVERALL MAXIMUM HEIGHT */

#cssmenu.expand ul { max-height: 900px; }




/* MOBILE - 3rd LEVEL FONT SIZE */

#cssmenu ul ul a	{ font-size: 12px; line-height: normal; }




/* MOBILE - DEFAULTS - DO NOT EDIT! */

  #cssmenu > ul > li {
    border-right: 0 none;
    border-left: 0 none;
    display: block;
    float: none;
  }

  #cssmenu > ul > li.mobile {
    display: block;
  }

  #cssmenu ul ul {
    width: 100%;
    position: relative;
    top: 0;
  }




	}
/***************
END Media Queries #3
***************/