@charset "utf-8";
@media only screen and (min-width: 320px) {
.menu-toggle{
	display:block;
	padding:10px;
	margin:20px 0 0;
	background: #F00;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
}
.menu-toggle.toggled-on{
	background:#0062bd;
}
.top-menu{
	display:none;
}	
.top-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
}

.top-menu{
	clear:both;
	margin-bottom:60px;
	
}
.top-menu li a {
	background:#dadada;
	display:block;
	margin:1px 0; 
	padding:10px;
	text-decoration:none;
}
.top-menu li a:hover{
	background:#0062bd;
	color:#fff;
}
.top-menu li li a {
	background:#e8e8e8;
	padding-left:40px;
}
.top-menu li li li a {
	background:#efefef;
	padding-left:80px;
}
}
/*LARGER MOBILE DEVICES
*/
@media only screen and (min-width: 481px) {
.menu-toggle{
	margin-top:0;
	float:left;
}
}
@media only screen and (max-width: 1100px) {
.menu-toggle{
	width:100%;
	text-align:center;
	font-weight:bold;
	display:block;
	padding:8px;
	margin:0 0 0;
	background: #ff8261;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
	box-shadow:0 5px 5px 0 rgba(0,0,0,0.4);
	border-bottom:5px solid #0062bd;
}
.menu-toggle.toggled-on{
	background:#0062bd;
}
.menu-toggle:hover{
	background: #0062bd;
}
.top-menu{
	display:none;
}	
.top-menu.toggled-on{
	display:block;
	position:relative;
}

.top-menu{
	clear:both;
	margin-bottom:1em;
	
}
.top-menu li a {
	background:#ff8261;
	display:block;
	margin:1px 0; 
	padding:10px;
	text-decoration:none;
}
.top-menu li a:hover{
	background:#ff8261;
	color:#fff;
}
.top-menu li li a {
	background:#e8e8e8;
	padding-left:40px;
	box-shadow:0 5px 5px 0 rgba(0,0,0,0.4)
}
.top-menu li li li a {
	background:#efefef;
	padding-left:80px;
}
}
/*
TABLET & SMALLER LAPTOPS

*/

}
@media only screen and (min-width: 1024px) {
.menu-toggle{
	display:block;
	padding:10px;
	margin:20px 0 0;
	background:#ff8261;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:1.5em;
	width:100%;
	box-shadow:0 5px 5px 0 rgba(0,0,0,0.4)
}
.menu-toggle.toggled-on{
	background:#0062bd;
}
.top-menu{
	display:none;
}	
.top-menu.toggled-on{
	display:block;
	position:relative;
	box-shadow:0 5px 5px 0 rgba(0,0,0,0.4);
	z-index:10;
}

.top-menu{
	clear:both;
	margin-bottom:1em;
	
}
.top-menu li a {
	background:#dadada;
	display:block;
	margin:1px 0; 
	padding:10px;
	text-decoration:none;
}
.top-menu li a:hover{
	background:#0062bd;
	color:#fff;
}
.top-menu li li a {
	background:#e8e8e8;
	padding-left:40px;
}
.top-menu li li li a {
	background:#efefef;
	padding-left:80px;
}
}
@media only screen and (min-width: 1100px) {
/*** MAIN MENU - ESSENTIAL STYLES ***/
.menu-toggle{display:none;}
#menu-main-navigation{display:block;}

.top-menu, .top-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.top-menu ul {
	position:		absolute;
	display:none;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.top-menu ul li {
	width:			100%;
}
.top-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.top-menu li {
	float:			left;
	position:		relative;
	margin-left:1px;
}
.top-menu li li {
	margin-left:0px;
}
.top-menu a {
	display:		block;
	position:		relative;
}
.top-menu li:hover ul,
.top-menu li.sfHover ul {
	display:block;
	left:			0;
	bottom:			40px; /* match top ul list item height */
	z-index:		99;
	-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
    box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}
ul.top-menu li:hover li ul,
ul.top-menu li.sfHover li ul {
	top:			-999em;
}
ul.top-menu li li:hover ul,
ul.top-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.top-menu li li:hover li ul,
ul.top-menu li li.sfHover li ul {
	top:			-999em;
}
ul.top-menu li li li:hover ul,
ul.top-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

#topnav, .top-menu {
	display:block;
	float:left;
	position:relative;
	z-index:1;
	width:100%;
}
.top-menu-bg {
	width:100%;
	height:42px;
	background:#0062bd;
	border-top:1px dotted #ccc;
	border-bottom:1px solid #ff8261;
    box-shadow:0 5px 5px 0 rgba(0,0,0,0.4)}
.top-menu a {
	text-decoration:none;
	border-right:1px dotted #ccc;
}
.top-menu li a {
	background:#0062bd;
	margin:0; 
	padding:8px 20px;
	height:40px;
}
.top-menu a, .top-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff;	
}
.top-menu li li a {
	    border-left:1px solid rgba(0,0,0,.2);
		border-right:1px solid rgba(0,0,0,.2);
		border-bottom:1px solid rgba(255,255,255,.2);
		background: #333; /*fallback for old IE*/
		background:#333;
		color:	#fff;
		padding-left:10px;
		height:auto;
		font-size:.9em
}
.top-menu li li a:visited{color:#f00;}
.top-menu li li li a,
.top-menu li.current * li a{
	padding-left:10px;
	background: #333
}

.top-menu li:hover > a,
.top-menu li.current a{ 
	color:#ffe13e;
	background:#09F;
}
.top-menu li li:hover > a{
	color:#ffe13e;
	background: #09F;
}
}

.dynonav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .dynonav_btn .dynonav_icon-bar + .dynonav_icon-bar {
    margin-top: 0.188em; }

.dynonav_menu {
  *zoom: 1; }
  .dynonav_menu .dynonav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .dynonav_menu .dynonav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .dynonav_menu .dynonav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .dynonav_menu .dynonav_no-text {
    margin: 0; }
  .dynonav_menu .dynonav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .dynonav_menu:before {
    content: " ";
    display: table; }
  .dynonav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.dynonav_nav {
  clear: both; }
  .dynonav_nav ul {
    display: block; }
  .dynonav_nav li {
    display: block; }
  .dynonav_nav .dynonav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .dynonav_nav .dynonav_item {
    cursor: pointer; }
    .dynonav_nav .dynonav_item a {
      display: inline; }
  .dynonav_nav .dynonav_row {
    display: block; }
  .dynonav_nav a {
    display: block; }
  .dynonav_nav .dynonav_parent-link a {
    display: inline; }

.dynonav_brand {
  float: left; }

.dynonav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #0062bd;
  padding: 5px; }
  .dynonav_menu * {
    box-sizing: border-box; }
  .dynonav_menu .dynonav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .dynonav_menu .dynonav_icon-bar {
    background-color: #fff; }

.dynonav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ff8261; }

.dynonav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
.dynonav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px;}
/*
.dynonav_nav .dynonav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
.dynonav_nav .dynonav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #222;
      color: #fff; }
*/
.dynonav_nav a {
    padding: 15px 10px;
    margin: 0 5px;
    text-decoration: none;
    color: #fff;
	border-top:1px solid #ccc}
.dynonav_nav a:current {
    padding: 15px 10px;
    margin: 0 5px;
    text-decoration: none;
    color: #fff;
	border-top:1px solid #ccc}
.dynonav_nav a:hover {
      background: #ff8261;
      color: #222;
	  text-decoration:none;}
.dynonav_nav .dynonav_txtnode {
    margin-left: 15px; }
.dynonav_nav .dynonav_item a {
    padding: 0;
    margin: 0; }
.dynonav_nav .dynonav_parent-link a {
    padding: 0;
    margin: 0; }

.dynonav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.dynonav_menu {
	display:none;
}

@media screen and (max-width: 1100px) {
	.js #topmenu {
		display: none;
	}
	
	.js .dynonav_menu {
		display:block;
	}
}
@media screen and (min-width: 1101px) {
	.js #topmenu {
		display:none;
	}
	
	.js .dynonav_menu {
		display: none;
	}
}