/* $Id: navigation.css,v 1.5 2009/11/04 19:42:41 johnalbin Exp $ */

/**
 * @file
 * Navigation Styling
 */


/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
#navigation {
	clear: both;
	margin-top: 47px;
	height: auto;
}
#navigation li {
}
#navigation a {
	color: #FFF;
	text-decoration: none;
	border: 1px solid #666666;
	display: block;
	
	background-color: rgba(0,0,0,0.5);
	padding: 12px 15px 8px 15px;
	font-weight: bold;
}
/*
#navigation a.active, #navigation a.active:hover, #navigation .active-trail a, #navigation .active-trail a:hover  {
	background-color: #FFF;
	border-bottom-color: #FFF;
	color: #121212
}
#navigation a:hover {
	background-color: rgba(0,0,0,0.6);
	border-color: #828282;
}
#navigation li.menu-5000 a.active,
#navigation li.menu-5000 a.active-trail,
#navigation li.menu-5001 a.active,
#navigation li.menu-5001 a.active-trail,
#navigation li.menu-4999 a.active,
#navigation li.menu-4999 a.active-trail {
	border-top-width: 5px;
	padding-top: 9px;
	padding-bottom: 7px;
}
#navigation li.menu-5000 a.active-trail,
#navigation li.menu-5000 a.active {
	border-top-color: #9E7FBA;
}
#navigation li.menu-5001 a.active-trail,
#navigation li.menu-5001 a.active {
	border-top-color: #FAA64C;
}
#navigation li.menu-4999 a.active-trail,
#navigation li.menu-4999 a.active {
	border-top-color: #70B177;
}*/

.region-navigation {
}

/*
 * Primary and Secondary menu links
 */
#main-menu {
}


#secondary-menu {
	float: left;
	margin-top: 15px;
}
#secondary-menu li {
	padding: 0;
	border-right: 1px solid #121212;
	margin-left: -2px;
}
#secondary-menu li.first {
	margin-left: 0;
}
#secondary-menu li.last {
	border: 0;
}
#secondary-menu a {
	color: #121212;
	text-decoration: none;
	margin: 0 9px 0 7px;
}
#secondary-menu li.last a {
	margin-right: 0;
}
#secondary-menu li.first a {
	margin-left: 0;
}
#secondary-menu li.active a {
	background-color: #DCF0FF;
}

#search-box {
	float: right;
	margin-top: 6px;
}
#search-box #search {
	border: 1px solid #c3c3c3;
}
#search-box .form-submit {
	background: #FFF url('/sites/all/themes/sanbi/images/icons/magnifier.png') 0px 6px no-repeat;
	border: none;
	width: 24px;
	height: 32px;
	margin: 0;
	margin-left: -5px;
	text-indent: -9999px; 
	/*
	border: none;
	width: 20px;
	height: 19px;
	margin: 5px 5px 0 -8px;
	padding: 0;*/
	
	cursor: pointer;
	text-transform: capitalize;
}
#search-box .form-text {
	border: none;
	width: 160px;
	height: 30px;
	padding: 0px 4px;
	margin: 0;
	font-size: 0.9em;
	
	height: 20px;
	padding-top: 2px;
	border-color: #FFF;
}
#search-box .form-text:focus {
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks. See http://drupal.org/project/menu_block
 */
.block-menu_block ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.block-menu_block li {
	list-style: none outside none;
}
.block-menu_block a {
	padding: 10px 0 10px 5px;
	display: block;
	text-decoration: none;
	color: #494949;
}

/* Link styles */
.region-sidebar-first .block-menu_block a {
	padding: 10px 0 10px 5px;
	display: block;
	text-decoration: none;
	color: #494949;
	border-bottom: 1px solid #c3c3c3;
}
.region-sidebar-first .block-menu_block .expanded a {
	border-bottom-width: 0;
}
.region-sidebar-first .block-menu_block h2 a {
	display: block;
	border-width: 5px;
	padding-top: 10px;
	margin-top: -10px;
	background-color: transparent;
}
.region-sidebar-first .block-menu_block h2 a.active:hover,
.region-sidebar-first .block-menu_block h2 a:hover {
	color: #5B5BFF
}
.region-sidebar-first .block-menu_block  li.expanded a {
	padding-bottom: 5px;
}
.region-sidebar-first .block-menu_block  li.expanded a.active,
.region-sidebar-first .block-menu_block  li.expanded li a.active {
	font-weight: bold;
	color: #000;
}
.region-sidebar-first .block-menu_block li.expanded li a {
	border-width: 0;
	font-style: italic;
	padding: 5px 0 5px 15px;
}
.region-sidebar-first .block-menu_block  li.expanded  ul {
	border-bottom: 1px solid #c3c3c3;
}
.region-sidebar-first .block-menu_block  li.expanded  li.last a {
	padding-bottom: 10px;
}
.region-sidebar-first .block-menu_block li.expanded li li a {
	padding: 0px 0 0px 25px;
	font-size: 10px;
	border-width: 0;
	font-style: italic;
}

/* Remove expandedness unless we're in the active trail */
.region-sidebar-first .block-menu_block a {
	padding-left: 8px;
}
/*.region-sidebar-first .block-menu_block  li.expanded  {
	border-bottom: 1px solid #c3c3c3;	
}*/
.region-sidebar-first .block-menu_block  li.collapsed a {
	background: transparent url('/sites/all/themes/sanbi/images/arrow-small.png') 0px 16px no-repeat;
	padding-bottom: 10px;
}
.region-sidebar-first .block-menu_block  li.expanded a.active-trail {
	background: transparent url('/sites/all/themes/sanbi/images/arrow-small-sideways.png') 0px 16px no-repeat;
	padding-bottom: 5px;
}
.region-sidebar-first .block-menu_block  li.expanded li a.active-trail {
	background-image: none;
}
.region-sidebar-first .block-menu_block  li.collapsed a:hover {
	background-color: #DCF0FF;
}
.region-sidebar-first .block-menu_block  li.collapsed li a {
	background-image: none;
}
.region-sidebar-first .block-menu_block  li.collapsed  ul {
	display: none;
}
.region-sidebar-first .block-menu_block  li.active-trail  ul {
	display: block;
}



/* Colour coding */
.section-gardens .region-sidebar-first .block-menu_block  li.expanded,
.section-gardens .region-sidebar-first  .block-menu_block li.expanded ul,
.section-gardens .region-sidebar-first  .block-menu_block a {
	border-color: #70B177;
}
.section-human-capital-development .region-sidebar-first .block-menu_block  li.expanded,
.section-human-capital-development .region-sidebar-first  .block-menu_block  li.expanded ul,
.section-human-capital-development .region-sidebar-first .block-menu_block a {
	border-color: #FAA64C;
}
.section-biodiversity-science .region-sidebar-first .block-menu_block  li.expanded,
.section-biodiversity-science .region-sidebar-first  .block-menu_block  li.expanded ul,
.section-biodiversity-science .region-sidebar-first .block-menu_block a {
	border-color: #9E7FBA;
}
.section-programmes .region-sidebar-first .block-menu_block  li.expanded,
.section-programmes .region-sidebar-first  .block-menu_block  li.expanded ul,
.section-programmes .region-sidebar-first .block-menu_block a {
	border-color: #FAA64C;
}
.section-information .region-sidebar-first .block-menu_block  li.expanded,
.section-information .region-sidebar-first  .block-menu_block  li.expanded ul,
.section-information .region-sidebar-first .block-menu_block a {
	border-color: #9E7FBA;
}
.section-gardens .region-sidebar-first .block-menu_block li.active-trail a,
.section-gardens .region-sidebar-first .block-menu_block li a.active-trail,
.section-gardens  .region-sidebar-first.block-menu_block li a.active {
	background-color: #BBE0BF;
}
.section-human-capital-development .region-sidebar-first .block-menu_block li.active-trail a,
.section-human-capital-development .region-sidebar-first .block-menu_block li a.active-trail,
.section-human-capital-development .region-sidebar-first .block-menu_block li a.active {
	background-color: #ffe8d1;
}
/*.section-biodiversity-science .region-sidebar-first .block-menu_block li.active-trail a,
.section-biodiversity-science .region-sidebar-first .block-menu_block li a.active-trail,
.section-biodiversity-science .region-sidebar-first .block-menu_block li a.active {
	background-color: #ffe2b0;
}*/
.section-programmes .region-sidebar-first .block-menu_block li.active-trail a,
.section-programmes .region-sidebar-first .block-menu_block li a.active-trail,
.section-programmes .region-sidebar-first .block-menu_block li a.active {
	background-color: #ffe2b0;
}
.section-information .region-sidebar-first .block-menu_block li.active-trail a,
.section-information .region-sidebar-first .block-menu_block li a.active-trail,
.section-information .region-sidebar-first .block-menu_block li a.active {
	background-color: #E7DEEF;
}