/* This style sheet is divided into two sections: global and specific. The   */
/* global section covers definitions which apply to all menu levels, such as */
/* padding, margins, and visibility.  The specific sections apply only to    */
/* named menu classes or items.  Since previous styles can overlap with later*/
/* styles, care should be taken to define all important styles at each level.*/

/* This style applies to all UL tags in the menu. including the first level */
.pmenuTier1, .pmenuTier1  ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index:9999;         /* make sure the menu resides on top of everything. */
}

/* All submenus (UL tags) are initially hidden and absolutely positioned.   */
.pmenuTier1 ul {
  visibility: hidden;
  position: absolute;
}

/* All menu items (LI) positioned relatively to correctly offset submenus.  */
/* Also, the bottom and right margins are set to allow overlapping borders. */
.pmenuTier1 li {
  position: relative;
  font-family: Comic Sans MS, Arial;
  font-size:15px;
  font-weight:bold;
  margin-right:5px;
  color:#3399CC;
  /*margin-right:-1px;*/
  /*margin-bottom:-1px;*/
  /*background: #669ACC;*/
}
/* Fix margin on last item in submenus. */
/*.pmenuTier1 ul>li:last-child { margin-bottom: 1px; }*/

/* All links (A) inside the menus.  Must be block style, with no underline. */
.pmenuTier1 a {
  display: block;
  padding: 3px;
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
  margin-bottom:2px;
  text-decoration:none;
}

/*SPECIFIC SECTION*/
/* Top-level menu. */
.pmenuTier1    { }
.pmenuTier1 li { float: left; }      /* line items up horizontally */
.pmenuTier1 a  { color:#3399CC;
   width:150px;
   height:20px; }
.pmenuTier1 a:hover, .pmenuTier1 a.highlighted:hover, .pmenuTier1 a:focus {
  color: #FFF;
  background-color: #3399CC;
}
.pmenuTier1  a.highlighted {
  color: #FFF;
  background-color: #3399CC;
}
.pmenuTier1 a .subind  { display:none; }     /* No subindicator here */


/* Only style submenu indicators within submenus. */
.pmenuTier1 ul a .subind { display:  block; float: right; }

/* Second-level menus.  For now, these are all the same width.  At some     */
/* point, we'll put column-specific styles in to allow for separate widths. */
.pmenuTier2 {
  top:00px;
  left:150px;
  width:250px !important;
  color:#3399CC;
  background-color: #FFF;
  border:1px solid #3399CC;
  max-height:300px;
  _height:expression(this.scrollHeight > 300? "300px" : "auto" ); /* for IE */
  overflow:auto;
}
.pmenuTier2 li {
  width:200px;
  margin:0;
  white-space:no-wrap;
  font-size: 11px;
  font-weight:normal;
  float:none;
}
.pmenuTier2 li img { display:inline; }
.pmenuTier2 a  { color:#3399CC;
   width:200px;
   height:20px; }
.pmenuTier2 a:hover, .pmenuTier1 a.highlighted:hover, .pmenuTier1 a:focus {
  color: #FFF;
  background-color: #3399CC;
}
.pmenuTier2  a.highlighted {
  color: #FFF;
  background-color: #3399CC;
}
.pmenuTier2 a .subind  { display:none; }     /* No subindicator here */

/* Third-level submenus. - position across from parent. */
.pmenuTier3 {
  top: 0px;
  left: 100px;
  width:100px;
  border:1px solid #808080;
}
.pmenuTier3 li {
  float:none;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.pmenuTier1 a    { float:left; }
.pmenuTier1 ul a { float:none; }  /* \*/
.pmenuTier1 a    { float:none; }
/* */
/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .pmenuTier1  ul li  { float: left; height: 1%; }
* html .pmenuTier1  ul a   { height: 1%; }
/* End Hack */

.new {
  width:20px;
  height:10px;
  padding:0;
  margin:0;
  background-image: url(markernew.gif);
  letter-spacing:-1000em;
  font-size: 1pt;
  color: #fff;
}
.old {
  width:20px;
  height:10px;
  padding:0;
  margin:0;
  background-image: url(marker.gif);
  letter-spacing:-1000em;
  font-size: 1pt;
  color: #fff;
}