/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for more information on using the CSS.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /* border-top: 1px solid #ccc; */
}

ul.nice-menu li {
  /* border: 1px solid #ccc; */
  border-top: 0;
  float: left; /* LTR */
  /* background-color: #eee; */
}

ul.nice-menu a {
  padding: 0.3em 5px 0.3em 5px;
}

ul.nice-menu ul {
  top: 3.8em;
  left: -1px; /* LTR */
  border: 0;
  /* border-top: 1px solid #ccc; */
  margin-right: 0; /* LTR */
}
body ul#nice-menu-2 ul {
  top: 2.5em;
}

ul.nice-menu ul li {
  width: 12.5em;
}

/******************************
 VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li {
  /* width: 12.5em; */
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right ul ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  /* background: #eee url(arrow-right.png) right center no-repeat; */
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
  /* background: #ccc url(arrow-right.png) right center no-repeat; */
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
  background: #eee;
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li ul li ul {
  background: #eee;
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  /* background: #eee url(arrow-left.png) left center no-repeat; */
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
  /* background: #ccc url(arrow-left.png) left center no-repeat; */
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
  padding-left: 14px;
}

/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  float: left; /* LTR */
  border: 0;
}

ul.nice-menu-down li {
  /* border-top: 1px solid #ccc; */
}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
  left: 0; /* LTR */
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul {
  left: 12.5em; /* LTR */
  top: -1px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 15px; /* LTR */
}

/*
ul.nice-menu-down li.menuparent {
  background: #eee url(arrow-down.png) right center no-repeat; /* LTR 
}

ul.nice-menu-down li.menuparent:hover {
  background: #ccc url(arrow-down.png) right center no-repeat; /* LTR 
}
*/

/******************************
 Garland-specific CSS
******************************/

/**
 * Global CSS for ALL menu types
 */
ul.nice-menu li {
  margin: 0;
  padding-left: 0; /* LTR */
  background-image: none;
}

#header-region ul.nice-menu li {
  margin: 0;
  /* Padding rules are needed to deal with Garland's header line-height. */
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background: #eee;
}

#header-region ul.nice-menu ul {
  top: 1.8em;
  left: -1px; /* LTR */
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0; /* LTR */
}

#header-region ul.nice-menu ul {
  top: 1.7em;
}

/**
 * HORIZONTAL (down) menus
 */
#header-region ul.nice-menu-down li ul li ul {
  left: 12.5em; /* LTR */
  top: -1px;
}

/*
#header-region ul.nice-menu-down li.menuparent {
  background: #eee url(arrow-down.png) right center no-repeat; 
}

#header-region ul.nice-menu-down li.menuparent:hover {
  background: #ccc url(arrow-down.png) right center no-repeat;
}
*/
#header-region ul.nice-menu-down li li.menuparent {
  background: #eee url(arrow-right.png) right center no-repeat; 
}

#header-region ul.nice-menu-down li li.menuparent:hover {
  background: #ccc url(arrow-right.png) right center no-repeat;
}



#block-nice-menus-1 h2, #block-nice-menus-2 h2 { 
	display: none; }
#block-nice-menus-1, #block-nice-menus-2 { 
	margin-bottom: 0; }
#navigation { 
	position: relative; }
/*
#block-nice-menus-1 { 
	display : inline-block;
	width : 1016px;
	margin-left : -8px;
	background:url(../images/bg_mainnav.gif) repeat-x;
	margin-bottom : -4px }
*/
#block-nice-menus-2 { 
	display: block;
	position: relative; 
	top: 0; 
	float: right;
	z-index: 10; }

#block-nice-menus-2 ul li  { 
	z-index: 11; }
	
ul.nice-menu a { font-family: 'StRydeRegular'; color: #4D6D41; font-size: 1.2em; }

/* TAKEN FROM MAIN.CSS */
div#header ul#nice-menu-1 {
	display : inline-block;
	max-width : 1016px;
	margin-left : -8px;
	margin-bottom : 0;
	position: relative;
	width: 102%;
	float: left;
	}	
div#header ul#nice-menu-1 > li{	
	background:url(../images/bg_mainnav.gif) repeat-x;
}
div#header ul li{
	float : left;
	/*display: table;*/
	}	
	
div#header ul#nice-menu-1 > li > a {
	color: #333333;
	/*display:block;
	 padding: 0px 16px 0px 8px;
	 display: table-cell;
  vertical-align: middle;
  height : 42px;*/
	font-size : 1.4em;
	text-align:center;
	float: left;
	text-decoration: none;
	/*font-family: 'StRydeRegular';*/
	background:url(../images/bg_mainnav-divider.gif) right no-repeat;
	padding: 14px 4%;
	width: 92%;
	line-height: 1;
	}
div#header ul#nice-menu-1 > li.last > a {
	/*padding: 0px 16px 0px 16px;*/ 
	/*display:block;*/
	font-size : 1.4em;
	text-align:center;
	font-family: 'StRydeRegular';
	background:none;
	}

/*div#header ul#nice-menu-1 > li.active-trail > a{
	background:url(../images/bg_mainnav-active.gif) top left repeat-x;
	color : #fff;	}
div#header ul#nice-menu-1 > li > a:hover, div#header ul#nice-menu-1 > li > a.active {
	background:url(../images/bg_mainnav-active.gif) top left repeat-x;
	color : #fff; }*/

ul#nice-menu-2 {
	margin-right: 2px;
	float: right;
	z-index: 80;
	display: block;
    float: right;
    position: relative;
    top: 0;
    z-index: 10;
	}

ul#nice-menu-2 li {
	float: left;
	margin-right: 1px; }	
ul#nice-menu-2 li a {
	background: #85a678 url(../images/bg_top-nav_OLD.png) repeat-x bottom left;
	color: #fff; 
	font-style: italic;
	font-weight: bold;
	font-family: arial, sans-serif;
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0; 
	background: #2d8e5a;
  background: -moz-linear-gradient(top, #2d8e5a 0%, #26784c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d8e5a), color-stop(100%,#26784c));
  background: -webkit-linear-gradient(top, #2d8e5a 0%,#26784c 100%);
  background: -o-linear-gradient(top, #2d8e5a 0%,#26784c 100%);
  background: -ms-linear-gradient(top, #2d8e5a 0%,#26784c 100%);
  background: linear-gradient(to bottom, #2d8e5a 0%,#26784c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8e5a', endColorstr='#26784c',GradientType=0 );
}
ul#nice-menu-2 li a:hover {
	background: #4e6b43;
}
ul#nice-menu-2 li ul li a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-style: normal; }



/*ul#nice-menu-1 li ul, */ul#nice-menu-2 li ul {
	background: #bfd364 url(../images/bg_subnav.png) repeat-x;
	border-radius: 6px;
	border: 1px solid #bab9ae;
	width: 200px;
	z-index: 80;
	top: 3em;
}
ul#nice-menu-1 li ul li img.arrow {
	
}

/*ul#nice-menu-1 li ul li a,*/ ul#nice-menu-2 li ul li a {
	background: none;
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	width: 170px;
	color: #333;
	font-family: arial, sans-serif;
	border-bottom: 1px solid #d4e295;
}
ul#nice-menu-1 li ul li.last a, ul#nice-menu-2 li ul li.last a {
	border-bottom: none;
}


ul#nice-menu-2 li ul li a:hover {
	background: #6d8e61 url(../images/bg-nav-hover.png) repeat-x;
	color: #fff;
}

/*ul#nice-menu-1 li ul li.first a:hover,*/ ul#nice-menu-2 li ul li.first a:hover {
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
/*ul#nice-menu-1 li ul li.last a:hover,*/ ul#nice-menu-2 li ul li.last a:hover {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

ul.nice-menu li li { 
	background: none; }
	
#sidebar-first h2 { background: #4d6d41 url(../images/side-nav-head.jpg) repeat-x; color: #fff; font-size: 14px; padding: 7px 10px; }
#sidebar-first ul.menu { background: #ebf0e8; padding: 8px }
#sidebar-first ul.menu ul.menu { background: #ebf0e8; padding: 0 0 0 10px; font-size: 0.9em; }
#sidebar-first ul.menu li.leaf { background: none; list-style-type: none; list-style-image: none; }
#sidebar-first ul.menu li { font-size: 14px; }
#sidebar-first ul.menu li li { font-size: 13px; }

body.two-sidebars #sidebar-first ul.menu {
  float: none;
}
ul li.expanded, ul li.collapsed {
    list-style-image: none;
    list-style-type: none;
}

#sidebar-first ul li a {
    color: #333;
    padding: 4px 10px;
    display: block;
    text-decoration: none;
}
#sidebar-first ul li a:hover  {
    color: #2d8e5a;
    text-decoration: none;
}
#sidebar-first ul li a.active-trail  {
    color: #2d8e5a;
    background: url(../images/nav-current.jpg) no-repeat 3px 5px;
    padding-left: 13px;
    text-decoration: none;
}

div#header ul#nice-menu-1 > li:hover > a,
div#header .select-menu ul#nice-menu-1 > li > span:hover,
div#header ul#nice-menu-1 > li > a.active{
  background: #2d8e5a;
  color: #fff;
}
.responsive-menu.hover-effect ul.toplevel > li a:hover{
  background: none;
  text-decoration: underline;
  color: white;
}
.responsive-menu ul.middlelevel{
  top: 39px;
  background: #2d8e5a;
  padding: 10px 0;
}
.responsive-menu ul.middlelevel li{
  background: none;
  font-weight: bold;
  width: 33%;
}
.responsive-menu ul.middlelevel li:nth-child(16n){
  clear: left;
}
.responsive-menu ul.middlelevel a{
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  font-family: arial, sans-serif;
  font-size: 1.4em;
}
/*.responsive-menu.hover-effect ul.middlelevel .dropdown-arrow{
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em 0 0.5em 1em;
  cursor: pointer;
  float: right;
}
.responsive-menu.hover-effect ul.middlelevel a{
  float: left;
  padding: 0.5em 0 0.5em 1em;
}
.responsive-menu ul.close{
  height: 0;
  padding: 0;
  overflow: hidden;
}*/
.responsive-menu ul.middlelevel li ul.bottomlevel > li{
  width: 100%;
}
.responsive-menu ul.bottomlevel > li a{
  color: #C0D660;
  font-size: 1.2em;
  display: block;
  font-weight: normal;
}

/*Select menu*/
.responsive-menu.select-menu ul.middlelevel{
  top: 0;
  padding: 0;
}
div#header .select-menu ul#nice-menu-1 > li > a{
  width: 100%;
  padding-right: 20%;
}
div#header .select-menu ul#nice-menu-1 > li.resp-dropdown > a{
  width: 80%;
  padding-right: 1em;
}
.responsive-menu.select-menu ul,
.responsive-menu.select-menu ul li{
  border-color: #C0D660;
}
.responsive-menu.select-menu h3.select-button{
  background: #2d8e5a;
}
.responsive-menu.select-menu ul.middlelevel li.resp-dropdown span{
  color: #C0D660;
}
.responsive-menu.select-menu ul.middlelevel li{
  border-bottom: 1px solid;
  border-color: #C0D660;
  position: relative !important;
  top: 0 !important;
}
.responsive-menu.select-menu ul.middlelevel li.resp-dropdown > a{
  border-right: 1px solid;
  border-color: #C0D660;
}
.responsive-menu.select-menu ul.bottomlevel li > a{
  padding-left: 1.5em;
}
.bottomlevel li {
  border-bottom: none !important;
  font-size: 12px;
}
.responsive-menu.select-menu .menuImage{
  display: none;
}
.menuImage{
  width: 25%;
  float: right;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.responsive-menu.select-menu h3.select-button{
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
/*Sidebar dropdown*/
#sidebar-first .block-menu-block h2{
  cursor: pointer;
}
#sidebar-first .block-menu-block h2 span{
  display: none;
}
#sidebar-first .block-menu-block h2.dropdown span{
  float: right;
  display: inline;
}
div.content.closed{
  max-height: 0;
  overflow: hidden;
}
div.masonryWrapper{
  width: 75%;
}
.responsive-menu.select-menu div.masonryWrapper{
  width: 100%;
}