.foo {}  /* W3C CSS Validator prefers to start with a class rather than a comment */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.MainMenu .AspNet-Menu-Vertical
{
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.MainMenu ul.AspNet-Menu, 
.MainMenu ul.AspNet-Menu ul
{
    width: 58px;
    font-family: Arial;
    /* font-size: 7.5pt; */
    font-size: 10px;
    font-weight: bold;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.MainMenu ul.AspNet-Menu ul
{
    left: 68px;
    top: 0px;
    background: #FFF;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.MainMenu ul.AspNet-Menu li
{
    background: url(../../images/navs/bg-menu-example.png) repeat-x;
    margin: 0 0 0 0;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.MainMenu ul.AspNet-Menu li a,
.MainMenu ul.AspNet-Menu li span
{
    color: black;
    padding: 0 0 0 0;
    /* border: solid 1px #000000; */
    background: transparent url(../../images/navs/arrow.png) right center no-repeat;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.MainMenu ul.AspNet-Menu li a img
{
    border-style: none;
    /* vertical-align: middle; */
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.MainMenu ul.AspNet-Menu li:hover, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #FFF;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.MainMenu ul.AspNet-Menu li a:hover,
.MainMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: #000;
    background: transparent url(../../images/navs/arrow-active.png) right center no-repeat;
}

.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
    /* border: solid 1px #6AA94E; */
    border: solid 1px transparent;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.MainMenu .AspNet-Menu-Horizontal
{
    position: relative;
    left: 0px;
    top: 1px;
    margin: 0 0 0 -13px;
    width: 560px;
    z-index: 300;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accomodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 560px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 58px;
    left: 0px;
    top: 20px;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 58px;
    text-align: center;
}

/* This rule can be used to set styles for the menu items in the second tier (and lower) in the menu. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    text-align: left;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    width: 58px;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -20px 0 0 68px;
}


/* ACTIVE PAGES */
.MainMenu .AspNet-Menu a.StaticSelectedStyle:link,
.MainMenu .AspNet-Menu a.StaticSelectedStyle:visited {
	color:#003300;
	text-decoration:underline;
	}



/* FooterMenu */
.FooterMenu .AspNet-Menu-Vertical
{
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 300;
}

.FooterMenu ul.AspNet-Menu, 
.FooterMenu ul.AspNet-Menu ul
{
    width: 44px;
    font-family: Arial;
    /* font-size: 7.5pt; */
    font-size: 7pt;
    line-height: 12px;
}

.FooterMenu ul.AspNet-Menu ul
{
    left: 44px;
    top: 0px;
    background: #FFF;
}

.FooterMenu ul.AspNet-Menu li
{
    background: url(../../images/navs/bg-menu-example.png) repeat-x;
    margin: 0 0 0 0;
}

.FooterMenu ul.AspNet-Menu li a,
.FooterMenu ul.AspNet-Menu li span
{
    color: black;
    padding: 0 0 0 0;
    /* border: solid 1px #272F27; */
    background: transparent url(../../images/navs/arrow.png) right center no-repeat;
}

.FooterMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.FooterMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

.FooterMenu ul.AspNet-Menu li a img
{
    border-style: none;
    /* vertical-align: middle; */
}

.FooterMenu ul.AspNet-Menu li:hover, 
.FooterMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #FFF;
}

.FooterMenu ul.AspNet-Menu li a:hover,
.FooterMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: #000;
    background: transparent url(../../images/navs/arrow-active.png) right center no-repeat;
}

.FooterMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
    background: #303030;
    border: solid 1px #3E3A36;
}


.FooterMenu .AspNet-Menu-Horizontal
{
    position: relative;
    left: 4px;
    top: 0px;
    margin: -1px 0 0 0;
    width: 360px;
    z-index: 300;
}

.FooterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 360px;
}

.FooterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 44px;
    left: 0px;
    top: 12px;
}

.FooterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 44px;
    text-align:center;
}

.FooterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    text-align: left;
}

.FooterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    width: 44px;
}

.FooterMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: 0 0 0 44px;
}



/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

#nav0 .Menu-Skin-Horizontal
{
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0 0 0 0;
    width: 760px;
    z-index: 300;
}

#nav0 .Menu-Skin-Vertical
{
    position:relative;
    top: 0px;
    left: 0px;
    z-index: 300;
}

#nav0 .Menu-Skin-StaticItem
{
    background:url(../../images/navs/bg-menu-example.png) repeat-x;
    margin:0 0 0 0;
}

#nav0 .Menu-Skin-DynamicHover
{
    background-image:none;
}




/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  /* margin-left: -20px;  /* '[us]  */
  border: 0 none;
  padding: 0;
  width: 550px;  /*For KHTML*/
  list-style: none;
  height: 26px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left;  /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
  width: 72px;  /* '[us]  */
  margin-right : -4px;  /* '[us]  */
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 68px;
  list-style: none;
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
}

ul#navmenu ul:after  /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 68px;
  float: left;  /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline;  /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  /* border: 1px solid #FFF; */
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  /* padding: 0 6px; */
  padding: 0 0;  /* '[us]  */
  float: none !important;  /*For Opera*/
  float: left;  /*For IE*/
  display: block;
  /* background: #EEE; */
  color: #333;
  /* font: bold 10px/22px Arial, Helvetica, Verdana, sans-serif; */
  font: bold 10px/16px Arial, Helvetica, Verdana, sans-serif;  /* '[us]  */
  text-decoration: none;
  text-align : center;
  /* height: auto !important; */
  /* height: 1%;  /*For IE*/
  height: 19px;  /* '[us]  */
  /* border:1px solid #765;  /* '[us]  */
  width: 72px;  /* '[us]  */
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  /* background: #CCC; */
  /* color: #FFF; */
  color: #404F24;
}

/* Root Menu Active Persistence */   /* '[us]  */
ul#navmenu a:active,
ul#navmenu li:active a,
ul#navmenu li.ieactive a {
  color: #404F24;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 68px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


/* body#x #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px 0px;
} */
body#homex #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px 0px;
}
body#productsx #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -26px;
}
body#itemsx #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -52px;
}
body#peoplex #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -78px;
}
body#newsx #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -104px;
} 
body#aboutx #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -130px;
}
body#contactx #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -156px;
}
body#pressx #navmenu {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -182px;
} 


#navmenu a:hover,
  body#x #navmenu #navmenu-home,
  body#homex #navmenu #navmenu-home,
  body#productsx #navmenu #navmenu-products,
  body#itemsx #navmenu #navmenu-items,
  body#peoplex #navmenu #navmenu-people,
  body#newsx #navmenu #navmenu-news,
  body#aboutx #navmenu #navmenu-about,
  body#contactx #navmenu #navmenu-contact,
  body#pressx #navmenu #navmenu-press 
  {
	background: url(../../images/topmenuitem_over.gif) no-repeat left top; width : 72px; margin-right : -4px; z-index : 1;
	font: bold 10px/18px Arial, Helvetica, Verdana, sans-serif;  /* '[us]  */
  }

#navmenu #navmenu-home a:hover {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -208px;
height: 26px;  /* [us] case rounded corner */
}

body#x #navmenu #navmenu-home a, 
body#homex #navmenu #navmenu-home a {
background : url(../../images/topmenu_all.jpg) no-repeat left top;
background-position : 0px -208px;
height: 19px;  /* [us] case rounded corner */
width : 71px;  /* [us] case rounded corner */
}


    #header {
      background:#fff;
      margin:0;
      padding:0;
      color:#000;
      font:x-small/1.5em Arial, Helvetica, Verdana, sans-serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;

      float:left;
      /* width:100%; */
      width: 760px;
      background:#DAE0D2 url("../../images/navs/baz_bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../../images/navs/baz_left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("../../images/navs/baz_right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#668E3C;
      }
    #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:#404F24;
      }
    #home #nav-home, #news #nav-news,
    #products #nav-products, #about #nav-about,
    #contact #nav-contact {
      background-position:0 -150px;
      border-width:0;
      }
    #home #nav-home a, #news #nav-news a,
    #products #nav-products a, #about #nav-about a,
    #contact #nav-contact a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#56732E;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#404F24;
      }
    #header li:hover a {
      background-position:100% -150px;
      }



/* Test0 */

.nav-main0 {
	/* background:url(../../images/topmenu.jpg) no-repeat; /* '[us]  */
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:35px;
	/* padding:.8em 0 1em 20px; */
	/* padding:.1em 0 3.55em 20px; /* '[us]  */
	padding:0 0 0 0; /* '[us]  */
	position:relative;
	font-family:Arial, Helvetica, sans-serif; /* '[us]  */
	font-size:10px; /* '[us]  */
	font-weight:bold;
	}