/**
 * @file
 * Navigation Styling
 */


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

ul li.expanded {
}

ul li.collapsed {
}

ul li.leaf {
}

/*
 * 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);
}

#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 0 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

.region-navigation {
  position: relative;
}

/*
 * Main menu and Secondary menu links
 */

#main-menu {
  position: absolute;
  top: 0;
  left: 308px;
  width: 698px;
  height: 29px;
  text-transform: uppercase;
  color: #342D28;
  font: 12.5px/1 "open-sans", arial, sans-serif;
}

#main-menu ul li {
  display: block;
  height: 19px;
  float: left;
  color: #342D28;
  text-decoration: none;
  padding: 0;
  margin: 0 0 0 32px;
}

#main-menu ul li.first {
  margin: 0 0 0 25px;
}

#main-menu ul li a {
  display: block;
  height: 19px;
  color: #342D28;
  text-decoration: none;
  padding: 10px 10px 0 10px;
}

#main-menu ul li a.qtip-hover {
  z-index: 999999;
  position: relative;
  background: #fff;
}

#main-menu a:hover,
#main-menu a.active {
  color: #6d6555;
  text-decoration: none;
}


#secondary-menu {
  position: absolute;
  top: 29px;
  right: 92px;
  width: 350px;
  height: 25px;
  overflow: hidden;
  /* background: url(../images/bg/secondary-menu-bg.png) no-repeat; */
  color: white;
  font-family: "open-sans", arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  float: right;
   text-shadow: 2px 1px 2px #3d3d3d;
   filter: dropshadow(color=#3d3d3d, offx=2, offy=1);


}
#secondary-menu ul {
   margin: 0;
    padding: 0;
    position: absolute;
    right: 3px;
    top: 0;
    white-space: nowrap;
}
#secondary-menu li {
  margin: 0 0 0 1px;
  padding: 0;
   float: left;
  
}

#secondary-menu li.menu-0 {
	display: none;
}

#secondary-menu a {
  border: 1px solid #C4C0B0;
  background: transparent url(../images/bg/subMenuBackground.png?01) repeat top left;
  border-top: none;
color: white;
    float: left;
    padding: 6px 12px 7px;
  
}

#secondary-menu a:after { content: " \00bb" ; 
/* 0xC2 0xBB  */
 } 

#secondary-menu a:hover {
  /* color: #e2ded3; */
  background: #434343;
  text-decoration: none;
     text-shadow: none;
   filter: none;
}

/* hidding for admin / debuggin   */
body.front.admin-menu ul.tabs.primary { display: none; }


/*
 * Menu blocks
 */

.block-menu {
}

.sidebar .block-menu {
	width: auto;
}

.region-sidebar-first .block-menu {
  width: 160px;
}

.sidebar .block-menu ul.menu {
  background: transparent url(/sites/all/themes/aspeninstitute/images/links/dots.gif) repeat-x bottom left;
  padding-bottom: 1px;
  font-size: 14px;
}

.sidebar .block-menu h3.label {
  display: none;
}

.sidebar .block-menu ul.menu {
  background: transparent url(/sites/all/themes/aspeninstitute/images/links/dots.gif) repeat-x bottom left;
  padding-bottom: 1px;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.sidebar .block-menu ul.menu li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  background: green;
}

.sidebar .block-menu ul.menu a {
  display: block;
  width: 149px;
  padding: 10px 0px 10px 11px;
  zoom: 1;
  line-height: 1.15;
  position: relative;
  color: #005587;
}

.sidebar .block-menu ul.menu ul a {
  width: auto;
  padding: 0;
  line-height: 1.25;
  cursor: pointer;
  margin-left: 11px;
}

.sidebar .block-menu ul.menu ul ul a {
  margin-left: 0;
}

.sidebar .block-menu ul.menu a:hover {
  text-decoration: none;
}

.sidebar .block-menu ul.menu a span.la {
  color: #6d6555;
}

.sidebar .block-menu ul.menu a:hover span.lt {
  text-decoration: underline;
}

.sidebar .block-menu ul.menu li.leaf a:hover,
.sidebar .block-menu ul.menu li.collapsed a:hover {
  background-color: #e6f3fb;	
}

.sidebar .block-menu ul.menu li.expanded li.leaf a:hover,
.sidebar .block-menu ul.menu li.expanded li.collapsed a:hover {
  background-color: #F3F1EB;
}

.sidebar .block-menu ul.menu a.active {
  color: #6e6557;
}

.section-what-we-do .sidebar .block-menu ul.menu a.active {
  background: #edeae0;
}
        
.sidebar .block-menu ul.menu a.active:hover span.link-text {
  text-decoration: none;
}
        

.sidebar .block-menu ul.menu ul {
  padding-right: 10px;
  padding-bottom: 9px;
  padding-left: 10px;
  font-size: 12px;
}
        
.sidebar .block-menu ul.menu ul ul {
  margin-top: 7px;
  font-size: 10px;
  padding-bottom: 0;
}

.sidebar .block-menu ul.menu li {
  background: transparent url(/sites/all/themes/aspeninstitute/images/links/dots.gif) repeat-x top left;
  padding: 1px 0px 0px 0px;
  position: relative;
}

.sidebar .block-menu ul.menu li.expanded {
  background-color: #F3F1EB;
}

.sidebar .block-menu ul.menu ul li {
  background: none;
  padding: 6px 0;
  margin-bottom: 0px; 
  border-bottom: 1px solid #c5dae4;
}

.sidebar .block-menu ul.menu ul li.first {
  padding-top: 0; 
}


.sidebar .block-menu ul.menu ul li.last {
  border-bottom: none;
}

.sidebar .block-menu ul.menu ul ul li {
  padding: 0;
  margin-bottom: 7px;
  border-bottom: none;
}

.sidebar .block-menu ul.menu ul ul li.last {
  margin-bottom: 0;
}

.region-sidebar-second .block-menu {
	width: auto;
}

.region-sidebar-second .block-menu ul.menu li.expanded,
.region-sidebar-second .block-menu ul.menu li.leaf a:hover,
.region-sidebar-second .block-menu ul.menu li.collapsed a:hover,
.region-sidebar-second .block-menu ul.menu li.expanded li.leaf a:hover,
.region-sidebar-second .block-menu ul.menu li.expanded li.collapsed a:hover {
  background: none;
}

.region-sidebar-second .block-menu ul.menu ul
.region-sidebar-second .block-menu ul.menu ul ul {
  margin: 0;
  padding: 0;
}

.region-sidebar-second .block-menu ul.menu a {
  width: auto;
  padding: 10px 0px 10px 8px !important;
}

.region-sidebar-second .block-menu ul.menu ul a {
  width: auto;
  margin: 0 0 0 17px !important;
}

.region-sidebar-second .block-menu ul.menu,
.region-sidebar-second .block-menu ul.menu li,
.region-sidebar-second .block-menu ul.menu li.expanded {
  background: transparent url(../images/links/dots.gif) no-repeat top left !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.region-sidebar-second .block-menu ul.menu {
  background-position: bottom left;
}


.region-sidebar-second .block-menu ul.menu ul li.first {
  padding-top: 6px; 
}


#footer .block-menu {
  border-bottom: 1px solid #c7bfb7;
  margin: 33px 0 4px 0;
  padding: 0 0 5px 0;
  font-size: 11px;
  line-height: 100%;
}

#footer .block-menu a {
  color: #000;
  height: 13px;
  padding-top: 2px;
}

#footer .block-menu a#facebook {
  background: url(../images/logos/facebook.gif) no-repeat;
  padding-left: 21px;
}

#footer .block-menu a span.la {
  color: #005587;
}

#footer .block-menu a:hover span.lt {
  text-decoration: none;
  color: #005587;
  border: none;
}

#footer .copyright {
  color: #B1A9A0;
  line-height: 100%;
}

/*
 * "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 {
}

#site-map {
  margin: 0 1em 0 1em;
}

#site-map .description {
  margin-bottom: 0.5em;
}

#site-map .site-map-box {
  margin-bottom: 1em;
}

#site-map .site-map-box h2.title {
  display: none;
}

#site-map .site-map-menus .site-map-box {
  width: 49%;
  float: left;
}

#site-map .site-map-menus .site-map-box-menu-secondary-menu {
  float: right;
}

#site-map .site-map-box ul {
  padding-left: 1.5em;
  list-style: none;
}

#site-map .site-map-box ul li {
  list-style: none;
  position: relative;
}


#site-map .site-map-box ul li a {
  display: block;
  font-size: 15px;
  margin: 1em 0 0.75em 0;
  padding: 0.5em 0 0.5em 0.5em;
  color: #3C3521;
  background: #EDEAE1;
}

#site-map .site-map-box ul ul li a {
  font-size: 12px;
  margin: 0.3em 0 0.3em 0;
  padding: 0;
  background: none;
  color: #005587;
  font-weight: bold;
}

#site-map .site-map-box ul ul li a:visited {
 color: #6398b8;
}

#site-map .site-map-box ul ul ul li a {
  font-size: 12px;
  font-weight: normal;
}

#site-map .site-map-box ul ul {
  margin: 0;
}

/* Styles when RSS icons are displayed on the left. */
#site-map .site-map-rss-left ul {
  padding-left: 0;
}
#site-map .site-map-rss-left li {
  list-style-type: none;
  list-style-image: none;
  background-image: none;
  margin: 0;
  padding: 0;
}
#site-map .site-map-rss-left ul li li {
  padding-left: 1.5em;
}

.site-map-box-front {
  font-size: 14px;
  border: 1px solid #EDEAE1;
  padding: 3px 4px;
  width: 50%;
}

.navcollapser {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: url(../images/menu-collapsed.png) no-repeat 2px 2px;
  left: -18px;
  cursor: pointer;
}

#site-map .site-map-box ul li .navcollapser {
  top: 0.9em;
}

#site-map .site-map-box ul li li .navcollapser {
  top: 0.3em;
}

.navcollapser-expanded {
  background-image: url(../images/menu-expanded.png);
}

#mm-position {
  position: absolute;
  top: 22px;
  left: 301px;
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  background: url(../images/mm/bg.png) no-repeat left top;
}

.qtip-wrapper .panel-3col-33-stacked .panel-col,
.qtip-wrapper .panel-3col-33-stacked .panel-col-first, 
.qtip-wrapper .panel-3col-33-stacked .panel-col-last { 
  width: 217px;
}

.qtip-wrapper .panel-3col-33-stacked .panel-col .inside,
.qtip-wrapper .panel-3col-33-stacked .panel-col-first .inside {
  margin: 0 2px 1em 0;
}

.qtip-wrapper .panel-3col-33-stacked .panel-col-last .inside { 
  margin: 0 0 1em 0px;
}

.qtip-wrapper .panel-3col-33-stacked .panel-col-top .inside {
  margin-bottom: 5px;
}


.qtip-wrapper .menu-minipanels {
  width: 711px;
  height: 377px;
  background: url(../images/mm/bg.png) no-repeat left top;
}

.qtip-wrapper .panel-display {
  margin: 0 30px 0 30px;
  padding: 20px 0 15px 0;
  font-family: "open-sans", arial, sans-serif;
}

.qtip-wrapper h2.pane-title {
  margin: 0 0 1em 13px;
}

.qtip-wrapper ul.menu {
  list-style: none;
  margin: 0 0 0 13px;
  padding: 0;
}

.qtip-wrapper .mm-menu .menu {
  border-right: 2px solid #efebe4;
  height: 154px;
  overflow: visible;
}

.qtip-wrapper #mini-panel-what_we_do .mm-menu .menu {
  height: 245px;
}

.qtip-wrapper .panel-col-last .mm-menu .menu {
  border-right: none;
}

.qtip-wrapper ul.menu li {
  list-style: none;
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 1em 0;
  padding: 0;
}

.qtip-wrapper ul.menu li .la {
  display: none;
}

.qtip-wrapper ul.menu a:hover {
  text-decoration: none;
  /* color: todo */ 
}

.qtip-wrapper .mm-mission-statement {
  font: normal 600 12px/1 "open-sans", arial, sans-serif;
  color: #342d28;
  background: url(../images/mm/gradient.png) no-repeat -18px bottom;
  padding: 0 6px 10px 6px;
}

.qtip-wrapper .mm-mission-statement h3 {
  font: italic 800 13px/1 "open-sans", arial, sans-serif;
  text-transform: none;
  color: #342d28;
}

.qtip-wrapper .mm-box {
  width: 190px;
  height: 102px;
  background: url(../images/mm/box-bg.png) no-repeat top left;
  overflow: hidden;
  padding: 14px 9px 5px 12px;
  /*
  Alternative using no background image
  width: 188px;
  height: 100px;
  -moz-box-shadow:    inset 0 -50px 70px #ded5c8;
  -webkit-box-shadow: inset 0 -50px 70px #ded5c8; 
  box-shadow:         inset 0 -50px 70px #ded5c8;
  border: 1px solid #e8e2d9;
  */
}

.qtip-wrapper .mm-box img {
  display: block;
  float: left;
  width: 90px;
  height: 90px;
  box-shadow: 2px 2px 3px #999;
  -moz-box-shadow: 2px 2px 3px #999;
  -webkit-box-shadow: 2px 2px 3px #999; 
  margin: 0 10px 0 0;
}

.qtip-wrapper .mm-box p {
  font-size: 14px;
  font-weight: 600;
}

/* adjustment for engage block */

div#block-menu-menu-engage li a > span.la {
 display: none; 
}

/*****************************/

.sidebar div.aspen-sidemenu.block-menu h2.block-title {
  color: #342d28 !important;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 4px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.sidebar div.aspen-sidemenu.block-menu ul.menu a span.la {
	display: inline	;
}


.sidebar div.aspen-sidemenu.block-menu  ul.menu, 
.sidebar div.aspen-sidemenu.block-menu  ul.menu li {
	background: none;
}

.sidebar div.aspen-sidemenu.block-menu ul.menu a {
    line-height: 1.15;
    padding: 6px 0 4px 11px;
}