/* CSS Document */

/* ====================================================================
   Places Menu List Style
   -------------------------------------------------------------------- */
#places_menu a
{
	font-size:85%;
	text-transform: uppercase;
	color: #052D9F;
	background: url(../images/bgrad3.jpg) center center;
	display: block;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px;
}

/* apply styles to list elements */
   #places_menu ul    {
      /* remove bullets */
      list-style:none;

      /* specify width if you don't want to fill containing element*/
      width:239px;

      /* eleminate margin and padding so that list element fits entire container */
      margin:0;
      padding:0;
   }  
   #places_menu li    {
	position:relative;
	padding: 0.5px;
}
      /* absolutely position nested list elements */
   #places_menu ul ul    {
      position:absolute;

      /* initial state of nested list elements is hidden */
      display:none;

      /* need to specify how wide nested list items are */
      width:235px;

      /* postion nested elements */
      /* I read that left did not work in IE and right:-195px; was better but I don't see any evidence of this */
      left:230px;
      top:4px;
   }

   /* style the links */
   #places_menu a:link, #places_menu a:visited    {
	color: #052D9F;
	}

   /* style how links should look when mouse pointer is over them */
   #places_menu a:hover, #places_menu a:visited:hover    {
	color: #2f7ab9;
	 }

   /* display any nested elements when mouse is over a list item that contains them */
   #places_menu li:hover ul {
      display:block;
   }

   /* ie does not recognize hover property with list items so use javascript to work around this */
   #places_menu li.over ul {
      display:block;
   }

   /*     * FIXES
    * -----
    *IE interprets the line breaks between html list items as white space, meaning menu items do not stack neatly     * The float fix uncovers another IE bug, which requires a height value to make the links display as block level     *
   */
   * html #places_menu ul li {float: left;}
   * html #places_menu ul li a {height: 1%;}

   /*     * IE does not position nested link elements on top of parent link elements without this     * No clue why not or why this fixes it
    */
   #places_menu li:hover, #places_menu li.over
   {
      /* used to control how overlapping elements are displayed */
       z-index:15;
   }