#header {
      float:left;
      width:100%;
      background:#ccc;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:0px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #fff;
	  white-space:nowrap; 
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#A4C5E8;
      }
    #home #nav-home, #about #nav-about,
    #classrooms #nav-classrooms, #spanish #nav-spanish,
    #watergarden #nav-watergarden, #directory #nav-directory,
	#pta #nav.pta, #newsletter #nav-newsletter, #tag #nav-tag {
      background-position:0 -150px;
      border-width:0;
      }
      #home #nav-home a, #about #nav-about a,
    #classrooms #nav-classrooms a, #spanish #nav-spanish a,
    #watergarden #nav-watergarden a, #directory #nav-directory a,
	#pta #nav.pta a, #newsletter #nav-newsletter a,#tag #nav-tag a{
      background-position:100% -150px;
      padding-bottom:5px;
      color:#1b263a;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#A4C5E8;
      }
    #header li:hover a {
      background-position:100% -150px;
      }