/**
 * @file
 * Navigation Styling
 */

/*
 * Navigation bar
 */
#navigation {
  padding-top: 7px;
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation .content ul /* Menu block links */ {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 0; /* this is a hack so that the spacing between the menu buttons disappear
                   since they are inline-block elements, this should be unneccessary when
                   CSS3 is approved */
}

#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */
#navigation .content li {
  /*display: inline-block;*/
  padding-right: 0;
  padding-left: 0;
  margin: 0;
  
  /* below is a fix for IE7 to get the main navigation items lined up correctly
   * in one row
   */
  zoom: 1;
  *display: inline;
}

.region-navigation {
  
}

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

ul#main-menu {
  width: 100%;
  display: block;
}

#main-menu li {
  display: block;
  float: left;
  width: 108px;
  text-align: center;
  padding-bottom: 7px;
  font-size: 11pt;
}

#main-menu li.active, #main-menu li.active-trail {
  background-color: rgb(209,106,16);
}

#main-menu a {
  display: table-cell;
  width: inherit;
  text-decoration: none;
  font-size: 0.9em;
  color: #035B9A;
  background: white;
  height: 30px;
  vertical-align: middle;
}

#main-menu a:hover,
#main-menu a.active {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc')";
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #ffffff,  #dcdcdc);
}

#secondary-menu {
  float: right;
}

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