/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-simple > li > a { ... } instead of .sm-simple a { ... }
---------------------------------------------------------------*/
/* Toggle Menu
===================*/
#menu-button {
  background-color: #eeeeee;
    border-radius: 5px;
    color: #000000;
    display: inline-block;
	font-family: 'Cabin Condensed', sans-serif;
    font-weight: bold;
    padding: 8px 22px;
    font-size: 1.2em;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
	width: 90%;
}
#menu-button:before {
  content: 'Menu -';
}
#menu-button.collapsed:before {
  content: 'Menu +';
}
#main-menu.collapsed {
  display: none;
}
@media (min-width: 1220px) {
  /* hide the button in desktop view */
  #menu-button {
    display: none;
  }
  /* always show the menu in desktop view */
  #main-menu.collapsed {
    display: block;
  }
}



/* Menu box
===================*/

	.sm-simple {
		/*border-bottom:2px solid #0d4987;*/
		background:#fff;
		margin-bottom: 10px;
		
	}
	.sm-simple-vertical {
		border-right:4px solid #0d4987;
		border-bottom:0;
	}
	.sm-simple ul {
		padding:8px 0;
		background:#fff;
		-moz-border-radius:0 4px 4px 4px;
		-webkit-border-radius:0 4px 4px 4px;
		border-radius:0 4px 4px 4px;
		-moz-box-shadow:0 4px 3px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.25);
		box-shadow:0 4px 3px rgba(0,0,0,0.25);
	}
	.sm-simple-vertical ul,
	.sm-simple ul ul {
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}


/* Menu items
===================*/

	.sm-simple a {
		border-bottom:0px solid #fff; 
		padding:15px 10px 15px 10px;
		color:#000;
		font-size:1.2em;
		line-height:17px;
		font-family: 'Cabin Condensed', sans-serif;
		text-decoration:none;
		
	}
	.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
		border-bottom-color:#fff;
		background:#fff;
		color:#668cd9;
	}
	.sm-simple a.highlighted {
		/*border-bottom-color:#d1e6fc !important;
		background:#d1e6fc;
		color:#000;
		-moz-box-shadow:0 4px 3px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.25);
		box-shadow:0 4px 3px rgba(0,0,0,0.25); */
		border-bottom-color:#fff;
		background:#fff;
		color:#668cd9;
	}
	.sm-simple-vertical a {
		-moz-border-radius:4px 0 0 4px;
		-webkit-border-radius:4px 0 0 4px;
		border-radius:4px 0 0 4px;
	}
	.sm-simple-vertical a:hover, .sm-simple-vertical a:focus, .sm-simple-vertical a:active,
	.sm-simple-vertical a.highlighted {
		border-bottom-color:#0d4987 !important;
		background:#d1e6fc;
		color:#fff;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.sm-simple ul a {
		border-bottom:0;
		padding:10px 20px;
		font-size:14px;
		line-height:normal;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}
	.sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active,
	.sm-simple ul a.highlighted {
		background:#d1e6fc;
		color:#000;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active {
		border-bottom-color:#0d4987;
	}
	.sm-simple-vertical a.current, .sm-simple-vertical a.current:hover, .sm-simple-vertical a.current:focus, .sm-simple-vertical a.current:active {
		border-right:2px solid #0d4987;
		border-bottom-color:#fff;
	}
	.sm-simple ul a.current, .sm-simple ul a.current:hover, .sm-simple ul a.current:focus, .sm-simple ul a.current:active {
		border-right:0;
		border-bottom:0;
		font-weight:bold;
	}
	.sm-simple a.has-submenu {
		padding-right:32px;
	}


/* Sub menu indicators
===================*/

	.sm-simple a span.sub-arrow {
		position:absolute;
		right:17px;
		top:50%;
		margin-top:-3px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-top:6px solid #fff; /* tweak size of the arrow */
		border-left:4px dashed transparent;
		border-right:4px dashed transparent;
	}
	.sm-simple a:hover span.sub-arrow, .sm-simple a:focus span.sub-arrow, .sm-simple a:active span.sub-arrow {
		border-top-color:#d1e6fc;
	}
	.sm-simple a.highlighted span.sub-arrow {
		border-top-color:#0d4987;
	}
	.sm-simple-vertical a span.sub-arrow,
 	.sm-simple ul a span.sub-arrow {
		right:15px;
		margin-top:-4px;
		border-left:6px solid #fff; /* tweak size of the arrow */
		border-top:4px dashed transparent;
		border-bottom:4px dashed transparent;
	}
	.sm-simple-vertical a:hover span.sub-arrow, .sm-simple-vertical a:focus span.sub-arrow, .sm-simple-vertical a:active span.sub-arrow,
	.sm-simple-vertical a.highlighted span.sub-arrow,
 	.sm-simple ul a:hover span.sub-arrow, .sm-simple ul a:focus span.sub-arrow, .sm-simple ul a:active span.sub-arrow,
 	.sm-simple ul a.highlighted span.sub-arrow {
		border-left-color:#d1e6fc;
		border-top-color:transparent;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." in the default download package
===================*/

	.sm-simple span.scroll-up, .sm-simple span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#d1e6fc;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
		position:absolute;
		top:6px;
		left:50%;
		margin-left:-8px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-bottom:8px solid #0d4987; /* tweak size of the arrow */
		border-left:6px dashed transparent;
		border-right:6px dashed transparent;
	}
	.sm-simple span.scroll-down-arrow {
		border-top:8px solid #0d4987; /* tweak size of the arrow */
		border-bottom:0;
	}


/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 1221px) {
	.sm-simple:not(.sm-simple-vertical) > li > a {
		padding-left:12px;
		padding-right:12px;
	}
	.sm-simple:not(.sm-simple-vertical) > li > a.has-submenu {
		padding-right:24px;
	}
	.sm-simple:not(.sm-simple-vertical) a span.sub-arrow {
		right:9px;
	}
}
@media screen and (max-width: 720px) {
	.sm-simple:not(.sm-simple-vertical) > li > a {
		padding-left:6px;
		padding-right:6px;
	}
	.sm-simple:not(.sm-simple-vertical) > li > a.has-submenu {
		padding-right:18px;
	}
	.sm-simple:not(.sm-simple-vertical) a span.sub-arrow {
		right:3px;
	}
}

@media screen and (max-width: 640px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-simple{width:auto !important;}
	ul.sm-simple ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-simple>li{float:none;}
	ul.sm-simple>li>a,ul.sm-simple ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-simple iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-simple ul, .sm-simple span.sub-arrow, .sm-simple iframe {
		display:none !important;
	}*/


/* Menu box
===================*/

	.sm-simple {
		border-top:2px solid #0d4987;
		border-bottom:2px solid #0d4987;
		border-right:0;
	}
	.sm-simple ul {
		border:0;
		padding:0;
		/* darken the background of the sub menus */
		/* org background:rgba(141,184,99,0.2); */
		background:rgba(13,73,135,0.2);
		-moz-border-radius:0 !important;
		-webkit-border-radius:0 !important;
		border-radius:0 !important;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}


/* Menu items
===================*/

	.sm-simple a {
		border:0 !important;
		padding:13px 23px !important;
		background:transparent !important;
		color:#000 !important;
		-moz-border-radius:0 !important;
		-webkit-border-radius:0 !important;
		border-radius:0 !important;
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important;
		box-shadow:none !important;
	}
	.sm-simple a.current {
		font-weight:bold;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-simple ul a {
		border-left:8px solid transparent !important;
	}
	.sm-simple ul ul a {
		border-left:16px solid transparent !important;
	}
	.sm-simple ul ul ul a {
		border-left:24px solid transparent !important;
	}
	.sm-simple ul ul ul ul a {
		border-left:32px solid transparent !important;
	}
	.sm-simple ul ul ul ul ul a {
		border-left:40px solid transparent !important;
	}


/* Sub menu indicators
===================*/

	.sm-simple a span.sub-arrow {
		right:auto !important;
		margin-top:-7px !important;
		margin-left:-16px !important;
		border-left:9px solid #d1e6fc !important; /* tweak size of the arrow */
		border-top:6px dashed transparent !important;
		border-bottom:6px dashed transparent !important;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-simple a.highlighted span.sub-arrow {
		display:none !important;
	}

	.sm-simple ul a span.sub-arrow {
		top:50%;
		margin-top:-9px;
		right:auto;
		left:6px;
		margin-left:0;
		width:17px;
		height:17px;
		font:bold 16px/16px monospace !important;
		text-align:center;
		border:0;
		text-shadow:none;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:100px;
		-webkit-border-radius:100px;
		border-radius:100px;
	}
	



/* Items separators
===================*/

	.sm-simple li {
		border-top:1px solid rgba(141,184,99,0.2);
	}
	.sm-simple li:first-child {
		border-top:0;
	}