#tabs 
	{
      /* float: left; */
      line-height:normal;
	margin: 0;
	padding: 0;
	width: 99%;
      }
/*
 * Adjust the padding-left parameter below to shift the whole set of
 * navigation tabs to the right.
 * The bottom padding value will move the whole line of tabs up or down
 * within a restricted area.
 */
.firefox
	{
	padding: 0px 1px 20px 5px;	/* top right bottom left */	
	margin: 0;
	}
.microslop
	{
	padding: 7px 2px 0px 45px;	
	margin: 0;
	}

#tabs ul 
	{
	/* padding: 7px 2px 0px 45px; */
	list-style: none;
      }

#tabs li 
	{
      display: inline;
      margin: 0 0 0 0;
      padding: 8px  0 2px 8px;
      }
/*
 * Adding a value to the top margin seems to push the first tab up and the 
 * others are down a bit.
 */      
#tabs div 
	{
      display: inline;
      margin: 4px 1px 0px 0;
      padding: 5px 1px 0px 10px;
      }


/*
 * The value of the left padding is a function of the width of the image
 * that is used on the left side of a navigation tab.  Therefore if the
 * image is 10 pixels wide, the margin should be 10 pixels or less.
 * The value on the padding-right will separate the tabs a little.
 * 
 * Letter spacing of 1px and font-size of 10px works OK.  Tweeking 
 * established the value of 2 as a reasonable value.
 */
#tabs a 
	{
	font-family: arial;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 2px;
      font-size: 11px;
      float: left;
      background:url("images/site_structure/navtab_left.jpg") no-repeat left top;
      margin:  0 2px 0 2px;
      padding: 0px 4px 0px 5px;
      text-decoration: none;
      }
/*
 * The padding below will add space to the left and right of the text
 * in the tab.
 */
#tabs a span 
	{
	font-family: arial;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 2px;
      font-size: 11px;
      /* float: left; */
	/* removing the float style seems to have no affect on the display */
      display: block;
      background:url("images/site_structure/navtab_right.jpg") no-repeat right top;
      padding: 2px 8px 2px 5px;		/* 5px 15px 4px 6px; */
	margin: 0 4px 0 0;
	color: #ffffff;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span 
	{
	float:none;
	}

    /* End IE5-Mac hack */
#tabs a:hover span 
	{
      color: #ffffff;	/* #FF9834; hover text color*/
      }
/*
 * The 'px' values below are half of height of the URL background images - 
 * left.jpg and right.jpg.  On mouse over events, the background image is
 * repositioned upward of the amount, giving the appearance of a change of
 * the background image.
 */
#tabs a:hover 
	{
      background-position:0% -28px;
      }
#tabs a:hover span 
	{
      background-position:100% -28px;
      }

#tabs #current a
	{
	background-position:0% -28px;
	}
#tabs #current a span 
	{
	background-position:100% -28px;
	}