/* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 add1sun Exp $ */
/*
  To help understand the CSS, the HTML looks like this, where
    x is a number;
    TYPE is down/left/right;
    PATH is the menu path such as node/343;
    MID is the menu id such as 33):
  <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
    <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
    <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
      <ul...><li...>...</li>
      </ul>
    </li>
    ...
  </ul>

  If you have more than one nice-menu and want to target a particular one,
  use its id (e.g. ul#nice-menu-2).

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for some CSS customization examples.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu, ul.nice-menu-down,
ul#nice-menu-3 ul {
  list-style: none;
  margin:0;
  background-color:#ECE5B6;
   vertical-align: middle;
}

ul#nice-menu-3{
  background-repeat:no-repeat;
  background-position:right;
  text-decoration:none;
  vertical-align: middle;


}
  
ul#nice-menu-3 li {
  float:left;
  margin:0px;
  text-decoration:none;
  display:table-cell;
  height:30px;
  vertical-align: middle;
   /*background-color:#ECE5B6;*/
font-size: 12px;
  font-family:Georgia Regular; 
text-align:left;
}

ul#nice-menu-3 a {
  text-decoration:none;
  color:#1d3161;
  font-weight:bold;
  margin-left:0px;
  margin-right:0px;
  border-left-color:#000;
  /*  background-color:#ECE5B6;*/
	vertical-align: middle;
font-size: 12px;
  font-family:Georgia Regular; 
text-align:center;
background:transparent;
padding:5px 0px 0px 0px;
 height:30px;
}

ul#nice-menu-3 li:hover {
  margin-left:0px;
  margin-right:0px;
  background-color:#ECE5B6;
  font-size: 12px;
  font-family:Georgia Regular; 
  
}


ul#nice-menu-3 a:hover  {
  color:#686C73;
  font-weight:bold;
  margin-left:0px;
  margin-right:0px;
  border-left-color:#000;
}



/*PD&R Home Page*/
ul#nice-menu-3 li#menu-559{
width: 117px;
 margin-right:0px;

}

/*Community Development*/
ul#nice-menu-3 li#menu-551{
width: 147px;
border-right:1px groove #f5f7ff;
background-image:url('images/Comm_dev.jpg');
}

/*Fair Housing*/
ul#nice-menu-3 li#menu-552{
width: 81px;
border-right:1px groove #f5f7ff;
background-image:url('images/fair_housing.jpg');
}

/*Housing Markets*/
ul#nice-menu-3 li#menu-558{
width: 105px;
border-right:1px groove #f5f7ff;
background-image:url('images/housing_market.jpg');
}

/*Neighborhood Revitalization*/
ul#nice-menu-3 li#menu-557{
width: 168px;
border-right:1px groove #f5f7ff;
background-image:url('images/neigh_rev.jpg');
}

/*Rental Housing*/
ul#nice-menu-3 li#menu-556{
width: 90px;
border-right:1px groove #f5f7ff;
background-image:url('images/rental_housing.jpg');
}

/*Affordable Housing*/
ul#nice-menu-3 li#menu-555{
width: 122px;
border-right:1px groove #f5f7ff;
background-image:url('images/spec_housing.jpg');
}

/*Sustainability*/

ul#nice-menu-3 li#menu-554{
width: 95px;
border-right:1px groove #f5f7ff;
background-image:url('images/sustainability.jpg');
}
/*Others*/
ul#nice-menu-3 li#menu-553{
width: 40px;
background-image:url('images/others.jpg');
}

ul#nice-menu-3 li#menu-587{
width: 91px;
border-right:1px groove #f5f7ff;
background-image:url('images/sustainability.jpg');
}

ul#nice-menu-3 li#menu-623{
width: 91px;
background-image:url('images/sustainability.jpg');
}