/**
 * @file
 * Navigation Styling
 */


/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}

/*
 * Navigation bar
 */

#navigation {
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
  max-height: 38px;
}

#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

/* A simple method to get navigation links to appear in one line (LTR). */
/*
#navigation ul.links li,
#navigation ul.menu li {
  float: left;
  padding: 0 10px 0 0;
  list-style-type: none;
  list-style-image: none;
}
*/
.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#main-menu {
}

#secondary-menu {
  float: right; /* LTR */
}

/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}







/*
* Main-menu
*/
/* 1st Level */
#header-menu ul.menu {
	display:block;
	padding:0;
	margin:0;
	position:relative;
	z-index:100;
}

#header-menu ul.menu li {
	display:inline-block;
	float:left;
	vertical-align: middle;
	padding:0;
	margin:0;
}

#header-menu ul.menu li a {
	outline:none;
	text-decoration: none;
	margin:0 25px 0 0;
	padding:10px 5px;
	font-size:14px;
	font-weight:300;
	text-align:center;
	text-transform:uppercase;
	font-family: Ubuntu, "Lucida Grande", "Lucida Sans Unicode", Segoe UI, Helvetica, Arial, sans-serif;
	display:block;
}

#header-menu ul.menu li.first a {
	padding-left:0;
}

#header-menu ul.menu li.last a {
	padding-right:0;
}

#header-menu ul.menu li a:hover,
#header-menu ul.menu li a.active {
	color:#1487d4;
}

#header-menu ul.menu li a:after {
	content: none;
}

#header-menu ul.menu li.expanded {
	position: relative;
}

#header-menu ul.menu li.expanded a {
	background:transparent url('../images/menu-expanded.png') no-repeat center right;
	padding:10px 15px 10px 10px;
}

/* 2nd Level */
#header-menu ul.menu li.expanded ul.menu {
	width: 230px;
	z-index:100;
	padding:0;
	display: none;
	position: absolute;
}

#header-menu ul.menu li.expanded:hover,
#header-menu ul.menu li.expanded:hover > ul.menu {
	display:block;
}

#header-menu ul.menu li.expanded ul.menu li a {
	padding:10px;
	margin:0;
	display:block;
	width:210px;
	text-align:left;
	line-height:130%;
	background:none;
	font-size:12px;
}

#header-menu ul.menu li.expanded ul.menu li.expanded {
	background:transparent url('../images/menu-collapsed.png') no-repeat center right;
}

#header-menu ul.menu li ul.menu li a:hover {
	background:#1b1b1b;
	color:#1487d4;
}

#header-menu ul.menu li.expanded ul.menu li.expanded a:hover {
	background:#1b1b1b url('../images/menu-collapsed.png') no-repeat center right;
}

#header-menu ul.menu li.expanded ul.menu li.leaf a:hover {
	background:#1b1b1b;
}

/* 3rd, 4th, 5th, (...) level  */
#header-menu ul.menu li.expanded ul ul {
	display: none;
	left: 230px;
	top:0;
	padding:0;
}

/*
* Superfish support
*/
/*
#navigation .block-superfish ul.sf-menu {
	margin:0;
	padding:0;
}
*/
#navigation .block-superfish ul.sf-menu li a {
	/*
	margin:0 25px 0 0;
	padding:10px;
	font-size:14px;
	font-weight:normal;
	*/
	font-size:1.1em;
	text-align:left;
	/*text-transform:uppercase;*/
	font-family: Ubuntu, "Lucida Grande", "Lucida Sans Unicode", Segoe UI, Helvetica, Arial, sans-serif;
	font-weight:300;
	text-decoration:none;
}
/*
#navigation .block-superfish ul.sf-menu li a.menuparent {
	padding:10px 30px 10px 10px;
}

#navigation .block-superfish ul.sf-menu li.first a {
	padding-left:0;
}

#navigation .block-superfish ul.sf-menu li.last a {
	margin-right:0;
}

#navigation .block-superfish ul.sf-menu li li a,
#navigation .block-superfish ul.sf-menu li li.first a,
#navigation .block-superfish ul.sf-menu li li.last a {
	margin:0;
	padding:10px;
	font-size:12px;
}
*/

#navigation .sf-accordion-toggle a {
    font-family: Ubuntu,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    text-align: left;
    text-decoration: none;
    color: #ffffff;
    padding: 0.75em 1em;
    text-transform: uppercase;
}

#navigation .block-superfish ul.sf-menu li:hover ul,
#navigation .block-superfish ul.sf-menu li.sfHover ul {
	top: 35px;
}

#navigation .block-superfish ul.sf-menu li:hover ul ul,
#navigation .block-superfish ul.sf-menu li.sfHover ul ul {
	top: 0;
}

#navigation .block-superfish select {
	width:100%;
	margin:10px 0;
	padding:5px;
}

/*
* Superfish support: Reset background/border
*/
/*
#navigation .block-superfish ul.sf-menu li,
#navigation .block-superfish ul.sf-menu li a,
#navigation .block-superfish ul.sf-menu li:hover,
#navigation .block-superfish ul.sf-menu li a:focus,
.block-superfish ul.sf-menu li a:hover,
#navigation .block-superfish ul.sf-menu li a:active {

	background:none;
	border:none;

}
*/

/*
* Footer menu
*/
#footer .block ul.menu {
	margin: 0;
	padding: 0;
}

#footer .block ul.menu ul.menu {
	margin: 0 0 0 15px;
}

#footer .block ul.menu li {
	list-style:none;
	margin:0;
	padding:0;
	list-style-image:none;
}

#footer .block ul.menu li a {
	display: block;
	padding:5px;
}

/*
* Footer-bottom menu
*/
ul.secondary-menu,
#footer-bottom ul.menu {
	padding:0;
	margin:0 0 10px 0;
	display:block;
	overflow:hidden;
}

ul.secondary-menu li,
#footer-bottom ul.menu li {
	display:block;
	float:left;
	list-style-type:none;
	overflow:hidden;
	padding:0 10px;
	margin:0;
}

ul.secondary-menu li.first,
#footer-bottom ul.menu li.first {
	padding:0 10px 0 0;
	margin:0;
}

ul.secondary-menu li.last,
#footer-bottom ul.menu li.last {
	border-right:none;
	margin:0;
}

#footer-bottom ul.menu ul.menu {
	display:none;
}
