/**
 * @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. */
}

#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 */
}

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  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 {
}

/*
 * Nice menus
 */
#block-sharedblocks-lacma-shared-menu,
#block-nice-menus-1 {
	overflow:visible;
  position: relative;
  top: 7px;
  margin-left: 7px;
  float: left;
  line-height: 150%;
}

#block-sharedblocks-lacma-shared-menu .block-title,
#block-nice-menus-1 .block-title {
  display: none;
}

#block-sharedblocks-lacma-shared-menu > ul,
#block-nice-menus-1 > ul {
	margin-left:7px;
	width: 535px;
}

/*#block-nice_menus-1 > .inner > .content {*/
/*	width:600px;*/
/*}*/

ul#nice-menu-1 {
	border-top:none;
	margin-left:0px;
}


ul#nice-menu-1 li {
	background-color:transparent;
	border:none;
	font-size:12px;
	font-weight: bold;
}

ul#nice-menu-1 > li {
	font-size:16px;
	padding-right:0px;
	padding-left:0px;
	background:url('../images/nav-divider.png') no-repeat right 7px;
}

#block-sharedblocks-lacma-shared-menu ul.nice-menu-down > li.menuparent > ul,
#block-nice-menus-1 ul.nice-menu-down > li.menuparent > ul {
	border:none;
	background-color: #E81A2E;
	margin-top:11px;
	padding-top:6px;
	padding-bottom:6px;
}

#block-sharedblocks-lacma-shared-menu ul.nice-menu-down > li.menuparent > ul > li,
#block-nice-menus-1 ul.nice-menu-down > li.menuparent > ul > li {
	line-height: 100%;
}


ul#nice-menu-1 {
	border-top:none;
	margin-left:0px;
}


ul#nice-menu-1 li {
	background-color:transparent;
	border:none;
	font-size:12px;
	font-weight: bold;
}

ul#nice-menu-1 > li {
	font-size:16px;
	padding-right:0px;
	padding-left:0px;
	background:url('../images/nav-divider.png') no-repeat right 7px;
}

#block-sharedblocks-lacma-shared-menu ul.nice-menu-down > li.menuparent > ul,
#block-nice-menus-1 ul.nice-menu-down > li.menuparent > ul {
	border:none;
	background-color: #E81A2E;
	margin-top: 7px;
	padding-top:6px;
	padding-bottom:6px;
}

#block-sharedblocks-lacma-shared-menu ul.nice-menu-down > li.menuparent > ul > li,
#block-nice-menus-1 ul.nice-menu-down > li.menuparent > ul > li {
	line-height: 100%;
}

/* Primary menu items are dark red, with white as the hover state. */
ul#nice-menu-1 li a {
	color:#6b030d;
	padding-left:16px;
}

ul#nice-menu-1 li a:hover {
	color:#ffffff;
	text-decoration: none;
	background:url('../images/nav-hover.png') no-repeat 5px 4px;
}

/* But top level menu items are the reverse - normally white, with dark red as the hover state. */
ul#nice-menu-1 > li > a {
	color:#ffffff;
	padding-right:17px;
	margin-left:-9px;
}

ul#nice-menu-1 > li.first > a {
	margin-left:0px;
}

ul#nice-menu-1 > li > a:hover {
	color:#6b030d;
	background: none;
}

/* Main nav Styles */

#block-sharedblocks-lacma-main-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
}

#block-lacma_blocks-main_nav {
  overflow:visible;
  position:absolute;
  top:106px;
  z-index: 5;
}

#block-lacma_blocks-main_nav .inner {
  margin-left:25px;
  width:600px;
}

ul#main-nav {
  border-top:none;
  margin-left:0px;
  list-style: none;
  position: relative;
  color: #cac6c6;
  padding: 0;
  margin: 10px 0 0 25px;
}

ul#main-nav > li {
  display: inline-block;
  margin: 0;
  font-size:14px;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
  height: 35px;
}

ul#main-nav > li > a {
  font-family: Bau, arial, sans-serif;
  font-weight: 500;
  color: #ffffff;
  padding-left: 0;
  margin: 0px;
}

ul#main-nav > li > a:hover {
  color: #000000;
  background: none;
  text-decoration: none;
}


ul#main-nav .divider {
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}

ul#main-nav ul.second-level {
  border:none;
  background-color: #E81A2E;
  position: absolute;
  top: 30px;
  left: -25px;
  width: 960px;
  height: 133px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  -webkit-box-shadow: 0 3px 2px rgba(128, 128, 128, 0.4);
  box-shadow: 0 3px 2px rgba(128, 128, 128, 0.4);
  z-index: 100;
}

ul#main-nav ul.second-level li {
  font-size: 10px;
  font-family: Bau, arial, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #dad9d9;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 100%;
}

ul#main-nav ul.second-level li a {
  color: #dad9d9;
  font-weight: normal;
  font-weight: 500;
}

ul#main-nav ul.second-level li a:hover {
  color: #000000;
  text-decoration: none;
}

ul#main-nav li:hover ul.second-level,
ul#main-nav li ul.second-level:hover {
  display: block;
}

ul#main-nav .column {
  float: left;
  margin: 0;
  padding: 15px 0px 0px 20px;
  width: 217px;
}

ul#main-nav .column.first {
  padding-left: 25px;
}

ul#main-nav ul.second-level .column.last {
  float: right;
  width: 140px;
  padding-right: 20px;
}

ul#main-nav ul.second-level .column.last li {
  border-bottom: 1px solid #000000;
}

ul#main-nav ul.second-level .column.last li.spacer {
  height: 10px;
  border-bottom: none;
}

ul#main-nav ul.second-level .column.last li a {
  color: #000000;
  text-transform: none;
}

/*
 *Search block Styles
 */

#block-search-form {
  position:absolute;
  top: 9px;
  left: 615px;
  z-index: 2;
}

#block-search-form #edit-search-block-form--2,
#block-search-form #edit-search-block-form--1 {
  width:176px;
  height:14px;
  color: #ffffff;
  border: 1px solid #ffffff;
  font-family: Bau, arial, sans-serif;
  font-size: 10px;
  background-color: #E81A2E;
  text-transform: uppercase;
  padding: 2px;
}

#block-search-form #edit-submit,
#block-search-form #edit-submit--1,
#block-search-form #edit-submit--2,
#block-search-form #edit-submit--3 {
  border: none;
  color: #E81A2E;
  background-color: #ffffff;
  font-family: Bau, arial, sans-serif;
  font-size:10px;
  font-weight: normal;
  text-transform: uppercase;
  height:20px;
  width:25px;
  padding:2px;
  position:relative;
  left: -5px;
  margin: 0;
  border-radius: 0;
}

#block-search-form #edit-submit:hover,
#block-search-form #edit-submit--1:hover,
#block-search-form #edit-submit--2:hover,
#block-search-form #edit-submit--3:hover {

}
