/*----------------------------------------------------------------------------
++ Top Navigation - Superfish - Topfish 
++ These are the styles that form the suprfish layer
----------------------------------------------------------------------------*/

/* @group core superfish layer */

#topnav .menu ul{position:absolute;top:-999em;width:14em;/* left offset of submenus need to match (see below) */}
#topnav .menu ul li{width:100%;}
#topnav .menu li:hover{visibility:inherit;}
#topnav .menu li:hover ul,
#topnav .menu li.sfHover ul{left:2px;top:99.5%; /* match top ul list item height */ z-index:99;}
#topnav .menu li:hover li ul,
#topnav .menu li.sfHover li ul{top:-999em;}
#topnav .menu li li:hover ul,
#topnav .menu li li.sfHover ul{left:14em; /* match ul width */ top:0;}
#topnav .menu li li:hover li ul,
#topnav .menu li li.sfHover li ul{top:-999em;}
#topnav .menu li li li:hover ul,
#topnav .menu li li li.sfHover ul{left:14em;/* match ul width */top:0;}

/* @end */

/* @group topfish skin */

/* set font size for top level menu items */
/*#topnav .menu a.top-level {font-size:1em;}*/

#topnav .menu li.sfHover a.top-level {
	background:EBE5CF;
	border-color:#28842d;
	border-style:solid solid none;
	border-width:1px 1px 0;
	color:#666666;
	margin-bottom:-2px;
	margin-top:-4px;
	padding:1.2em 1em;
}

#topnav.subtext #nav ul li.sfHover a.top-level .submenu_item {
	color:  #A18A3C;
}

/* set sub ul borders */
#topnav .menu ul {border: 1px solid #28842d;}
/* remove border from each item in drop down (inherited from parent)*/
#topnav .menu ul a,
#topnav .menu ul li span.separator  {border: none;color: #28842d}
/* add border for sub level items */
#topnav .menu ul li {border-bottom: 1px solid #28842d;border-right: 1px solid #28842d;}
/* remove borders from last menu item in sub */
 #topnav .menu ul li.last {border-bottom: none;}
/* add border to 3rd level ul */
#topnav .menu ul ul {border: 1px solid #91761A;}
/* set backgrounds */
#topnav .menu li li,#topnav .menu li.active li, #topnav .menu li.active li a {background:-moz-linear-gradient(center top, #b3e35c 0%, #fff 100%) repeat scroll 0 0 #fff !important;}

 #topnav .menu li.active li a:hover{background:#b7ea33;}

#topnav .menu li li li{background:#b7ea33;}
#topnav .menu li:hover,
#topnav .menu li.sfHover,
#topnav .menu a:focus,
#topnav .menu a:hover,
#topnav .menu a:active{background-color: transparent ;outline:0; }
#topnav .menu ul li:hover,
#topnav .menu ul li.sfHover,
#topnav .menu ul a:focus,
#topnav .menu ul a:hover,#topnav .menu li.active li:hover{background:#b7ea33;}
#topnav .menu .parent ul a:active{background:#b7ea33;}



/* styles for drop down text */
#topnav .menu li ul li a,
#topnav .menu li ul li span.separator,
#topnav #topnav .menu li ul li a:link,
#topnav #topnav .menu li ul li a:visited{line-height:0.7em;padding:0.95em 1em;text-decoration:none;}

/* superfish subchild indicators */

#topnav .menu li.parent a span.sf-sub-indicator {
background:transparent url('../../../../morph_assets/themelets/rational-magic/images/arrows-ffffff.png') -10px -101px;
display:block;
height:8px;
right:43%;
position:absolute;
width:9px;
}

/* set the second level child item indicator */
#topnav .menu li li.parent a span.sf-sub-indicator,
#topnav .menu li li.parent span.separator{background:transparent url('../../../../morph_assets/themelets/rational-magic/images/arrows-ffffff.png') no-repeat 0 0;display:block;
height:10px;
right:5px;
position:absolute;
top:35%;
width:9px;}
/* remove it from descendant anchors */
#topnav .menu li li.parent li a span.sf-sub-indicator,
#topnav .menu li li.parent li span.separator{background:none;}
/* set the third level child item indicator */
#topnav .menu li li li.parent a span.sf-sub-indicator,
#topnav .menu li li li.parent span.separator{background:transparent url('../../../../morph_assets/themelets/rational-magic/images/arrows-ffffff.png') no-repeat 0 0;}
/* remove again from descendant anchors */
#topnav .menu li li li.parent li a,
#topnav .menu li li li.parent li span.separator{background:none;}


/* subtext layer */
#topnav.subtext .menu li li.parent a span.sf-sub-indicator,
#topnav.subtext .menu li li.parent span.separator {
	top: 42%;
}
/* re position sub items for subtext option */
#topnav.subtext #nav .menu li:hover ul ul,
#topnav.subtext #nav .menu li.sfHover ul ul {top:100; /* match top ul list item height */ z-index:99;}
/* add padding for items in drop downs with subtext */
#topnav.subtext #nav ul.menu li ul li a {padding:1em;
  background: #b7ea33; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZWEzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #b7ea33 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7ea33), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b7ea33 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #b7ea33 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #b7ea33 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(top,  #b7ea33 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7ea33', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#topnav.subtext #nav ul.menu li ul li a:hover {
  background: #b7ea33;
}
#topnav.subtext #nav ul.menu li ul li span.separator {padding:1em;}

#topnav.subtext #nav ul ul li .submenu_item {text-transform: uppercase;padding-top:.4em;font-weight:bold;}

/* @end */