/* CSS Document */

.menu_bkgd {background: url(images/menu_bak.gif) center no-repeat; }
/* Product Menu  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav0, #nav0 ul {
	float: left;
	width: 9em;              /* width of overall menu inclusive of all menu items  */
	list-style: none;
	line-height: normal;
	font-weight: bold;      /* font attribute for all unless overwritten at layer 2 - # */
	font-family: Arial, Helvetica, sans-serif;  /* font attribute for all unless overwritten at layer 2 - # */
	text-align: center;     /* font attribute for all unless overwritten at layer 2 - # */
	font-style: normal;     /* font attribute for all unless overwritten at layer 2 - # */
	font-size: 8pt;         /* font attribute for all unless overwritten at layer 2 - # */
	margin: 5 0 0 5;
	padding: 0 0 8 6;       /* p2 shifted lettering up, p3 shifted the hightlight left */
	border: none;           /* Border on layer 1 (base) */
	border-width: thin;     /* Border on layer 1 (base) */
	
}

/*  width shifts the text within menu bar  */
#nav0 a {
	display: block;
	width: 10em;            /* not sure ??? as nothing changes in FF */
	w\idth: 9em;            /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;         /* menu text color on all menu layers */
	text-decoration: none;  /* font attribute for all unless overwritten at layer 2 - # */
	padding: 0 .5em;        /* adjusted text in layer one to left for FF no effect in IE */
}

/* Arrow Indicating Next Dropdown Menu  */
#nav0 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav0 li {
	float: left;
	padding: 0;
	width: 9em;             /* Changes spacing between text envelopes whereas width in nav a changes spacing within text envelop *//* Increases width of 1st layer menu highlight? */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav0 li ul {
	position: absolute;
	left: -999em;           /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;      /*  line spacing height in layers 2+ */
	width: 19.4em;           /*  can't see effect on changes  */
	w\idth: 18.9em;          /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;       /* intent of menu text on layers 2 +  */
	font-weight: bold;       /* font attribute for layer 2 - # and overrides nav, nav ul & nav a  */
	text-align: left;        /* Position of text within the Layer envelop */
	font-style: normal;      /* font attribute for layer 2 - # and overrides nav, nav ul & nav a  */
	border: solid #FFCC00;   /* over rides border width in original style for all layers */
	border-width: thin;      /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;    /* adjusts position of 2nd layer.  m0 shifts up & down, m3 lft & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav0 li li {
	padding-right: 1em;     /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;            /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav0 li ul a {
	width: 15.5em;          /*  can't see effect on changes  */
	w\idth: 17.5em;         /* if arrow used, adjusts text area */  
}

#nav0 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav0 li:hover ul ul, #nav0 li:hover ul ul ul, #nav0 li.sfhover ul ul, #nav0 li.sfhover ul ul ul {
	left: -999em;
}

#nav0 li:hover ul, #nav0 li li:hover ul, #nav0 li li li:hover ul, #nav0 li.sfhover ul, #nav0 li li.sfhover ul, #nav0 li li li.sfhover ul {
	left: auto;
}

#nav0 li:hover, #nav0 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}

/* PRODUCT VIDEOS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav1, #nav1 ul {
	float: left;
	width: 9em;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
	margin: 5 0 0 5;
	padding: 0 0 8 3;
	border: none;
	border-width:thin;
	
}

/*  width shifts the text within menu bar  */
#nav1 a {
	display: block;
	width: 10em;    /* not sure ??? as nothing changes in FF */
	w\idth: 9em;  /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;  /* menu text color on all menu layers */
	text-decoration: none;
	padding: 0 .5em;  /* p1 shifts text within layer 1 left (increase) & right (decrease) */
 }

/* Arrow Indicating Next Dropdown Menu  */
#nav1 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav1 li {
	float: left;
	padding: 0;
	width: 9em;  /* Increases width of 1st layer menu highlight */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav1 li ul {
	position: absolute;
	left: -999em;  /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;  
	width: 19.4em;  /*  can't see effect on changes  */
	w\idth: 20.9em;  /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;   /* intent of menu text on layers 2 +  */
	font-weight: bold;  /* over rfont weight in original style for all layers */
	text-align: left;  /* over text alignment in original style for all layers but also off sets layer  */
	font-style: normal;   /* over font style in original style for all layers */
	border: solid #FFCC00;
	border-width: thin;  /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;   /* adjusts position of 2nd layer.  m1 shifts up & down, m4 left & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav1 li li {
	padding-right: 1em;  /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;  /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav1 li ul a {
	width: 15.5em;   /*  can't see effect on changes  */
	w\idth: 19.5em;  /* if arrow used, adjusts text area */  
}

#nav1 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
	left: -999em;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {
	left: auto;
}

#nav1 li:hover, #nav1 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}

/* SOLUTIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav2, #nav2 ul {
	float: left;
	width: 9em;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
	margin: 5 0 0 5;
	padding: 0 0 8 3;
	border: none;
	border-width:thin;
	
}

/*  width shifts the text within menu bar  */
#nav2 a {
	display: block;
	width: 10em;    /* not sure ??? as nothing changes in FF */
	w\idth: 9em;  /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;  /* menu text color on all menu layers */
	text-decoration: none;
	padding: 0 .5em;  /* p1 shifts text within layer 1 left (increase) & right (decrease) */
 }

/* Arrow Indicating Next Dropdown Menu  */
#nav2 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav2 li {
	float: left;
	padding: 0;
	width: 9em;  /* Increases width of 1st layer menu highlight */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav2 li ul {
	position: absolute;
	left: -999em;  /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;  
	width: 19.4em;  /*  can't see effect on changes  */
	w\idth: 20.9em;  /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;   /* intent of menu text on layers 2 +  */
	font-weight: bold;  /* over rfont weight in original style for all layers */
	text-align: left;  /* over text alignment in original style for all layers but also off sets layer  */
	font-style: normal;   /* over font style in original style for all layers */
	border: solid #FFCC00;
	border-width: thin;  /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;   /* adjusts position of 2nd layer.  m1 shifts up & down, m4 left & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav2 li li {
	padding-right: 1em;  /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;  /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav2 li ul a {
	width: 15.5em;   /*  can't see effect on changes  */
	w\idth: 19.5em;  /* if arrow used, adjusts text area */  
}

#nav2 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
}

#nav2 li:hover, #nav2 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}

/* TESTIMONIES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav3, #nav3 ul {
	float: left;
	width: 9em;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
	margin: 5 0 0 5;
	padding: 0 0 8 3;
	border: none;
	border-width:thin;
	
}

/*  width shifts the text within menu bar  */
#nav3 a {
	display: block;
	width: 10em;    /* not sure ??? as nothing changes in FF */
	w\idth: 9em;  /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;  /* menu text color on all menu layers */
	text-decoration: none;
	padding: 0 .5em;  /* p1 shifts text within layer 1 left (increase) & right (decrease) */
 }

/* Arrow Indicating Next Dropdown Menu  */
#nav3 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav3 li {
	float: left;
	padding: 0;
	width: 9em;  /* Increases width of 1st layer menu highlight */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav3 li ul {
	position: absolute;
	left: -999em;  /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;  
	width: 19.4em;  /*  can't see effect on changes  */
	w\idth: 20.9em;  /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;   /* intent of menu text on layers 2 +  */
	font-weight: bold;  /* over rfont weight in original style for all layers */
	text-align: left;  /* over text alignment in original style for all layers but also off sets layer  */
	font-style: normal;   /* over font style in original style for all layers */
	border: solid #FFCC00;
	border-width: thin;  /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;   /* adjusts position of 2nd layer.  m1 shifts up & down, m4 left & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav3 li li {
	padding-right: 1em;  /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;  /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav3 li ul a {
	width: 15.5em;   /*  can't see effect on changes  */
	w\idth: 19.5em;  /* if arrow used, adjusts text area */  
}

#nav3 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav3 li:hover ul ul, #nav3 li:hover ul ul ul, #nav3 li.sfhover ul ul, #nav3 li.sfhover ul ul ul {
	left: -999em;
}

#nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li li li:hover ul, #nav3 li.sfhover ul, #nav3 li li.sfhover ul, #nav3 li li li.sfhover ul {
	left: auto;
}

#nav3 li:hover, #nav3 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}

/* ABOUT US XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav4, #nav4 ul {
	float: left;
	width: 9em;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
	margin: 5 0 0 5;
	padding: 0 0 8 3;
	border: none;
	border-width:thin;
	
}

/*  width shifts the text within menu bar  */
#nav4 a {
	display: block;
	width: 10em;    /* not sure ??? as nothing changes in FF */
	w\idth: 9em;  /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;  /* menu text color on all menu layers */
	text-decoration: none;
	padding: 0 .5em;  /* p1 shifts text within layer 1 left (increase) & right (decrease) */
 }

/* Arrow Indicating Next Dropdown Menu  */
#nav4 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav4 li {
	float: left;
	padding: 0;
	width: 9em;  /* Increases width of 1st layer menu highlight */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav4 li ul {
	position: absolute;
	left: -999em;  /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;  
	width: 19.4em;  /*  can't see effect on changes  */
	w\idth: 20.9em;  /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;   /* intent of menu text on layers 2 +  */
	font-weight: bold;  /* over rfont weight in original style for all layers */
	text-align: left;  /* over text alignment in original style for all layers but also off sets layer  */
	font-style: normal;   /* over font style in original style for all layers */
	border: solid #FFCC00;
	border-width: thin;  /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;   /* adjusts position of 2nd layer.  m1 shifts up & down, m4 left & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav4 li li {
	padding-right: 1em;  /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;  /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav4 li ul a {
	width: 15.5em;   /*  can't see effect on changes  */
	w\idth: 19.5em;  /* if arrow used, adjusts text area */  
}

#nav4 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav4 li:hover ul ul, #nav4 li:hover ul ul ul, #nav4 li.sfhover ul ul, #nav4 li.sfhover ul ul ul {
	left: -999em;
}

#nav4 li:hover ul, #nav4 li li:hover ul, #nav4 li li li:hover ul, #nav4 li.sfhover ul, #nav4 li li.sfhover ul, #nav4 li li li.sfhover ul {
	left: auto;
}

#nav4 li:hover, #nav4 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}

/* NEWS EVENTS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav5, #nav5 ul {
	float: left;
	width: 9em;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
	margin: 5 0 0 5;
	padding: 0 0 8 3;
	border: none;
	border-width:thin;
	
}

/*  width shifts the text within menu bar  */
#nav5 a {
	display: block;
	width: 10em;    /* not sure ??? as nothing changes in FF */
	w\idth: 9em;  /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;  /* menu text color on all menu layers */
	text-decoration: none;
	padding: 0 .5em;  /* p1 shifts text within layer 1 left (increase) & right (decrease) */
 }

/* Arrow Indicating Next Dropdown Menu  */
#nav5 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav5 li {
	float: left;
	padding: 0;
	width: 9em;  /* Increases width of 1st layer menu highlight */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav5 li ul {
	position: absolute;
	left: -999em;  /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;  
	width: 19.4em;  /*  can't see effect on changes  */
	w\idth: 20.9em;  /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;   /* intent of menu text on layers 2 +  */
	font-weight: bold;  /* over rfont weight in original style for all layers */
	text-align: left;  /* over text alignment in original style for all layers but also off sets layer  */
	font-style: normal;   /* over font style in original style for all layers */
	border: solid #FFCC00;
	border-width: thin;  /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;   /* adjusts position of 2nd layer.  m1 shifts up & down, m4 left & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav5 li li {
	padding-right: 1em;  /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;  /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav5 li ul a {
	width: 15.5em;   /*  can't see effect on changes  */
	w\idth: 19.5em;  /* if arrow used, adjusts text area */  
}

#nav5 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav5 li:hover ul ul, #nav5 li:hover ul ul ul, #nav5 li.sfhover ul ul, #nav5 li.sfhover ul ul ul {
	left: -999em;
}

#nav5 li:hover ul, #nav5 li li:hover ul, #nav5 li li li:hover ul, #nav5 li.sfhover ul, #nav5 li li.sfhover ul, #nav5 li li li.sfhover ul {
	left: auto;
}

#nav5 li:hover, #nav5 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}

/* CONTACT US XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav6, #nav6 ul {
	float: left;
	width: 9em;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
	margin: 5 0 0 5;
	padding: 0 0 8 3;
	border: none;
	border-width:thin;
	
}

/*  width shifts the text within menu bar  */
#nav6 a {
	display: block;
	width: 10em;    /* not sure ??? as nothing changes in FF */
	w\idth: 9em;  /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;  /* menu text color on all menu layers */
	text-decoration: none;
	padding: 0 .5em;  /* p1 shifts text within layer 1 left (increase) & right (decrease) */
 }

/* Arrow Indicating Next Dropdown Menu  */
#nav6 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav6 li {
	float: left;
	padding: 0;
	width: 9em;  /* Increases width of 1st layer menu highlight */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav6 li ul {
	position: absolute;
	left: -999em;  /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;  
	width: 19.4em;  /*  can't see effect on changes  */
	w\idth: 20.9em;  /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;   /* intent of menu text on layers 2 +  */
	font-weight: bold;  /* over rfont weight in original style for all layers */
	text-align: left;  /* over text alignment in original style for all layers but also off sets layer  */
	font-style: normal;   /* over font style in original style for all layers */
	border: solid #FFCC00;
	border-width: thin;  /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;   /* adjusts position of 2nd layer.  m1 shifts up & down, m4 left & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav6 li li {
	padding-right: 1em;  /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;  /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav6 li ul a {
	width: 15.5em;   /*  can't see effect on changes  */
	w\idth: 19.5em;  /* if arrow used, adjusts text area */  
}

#nav6 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav6 li:hover ul ul, #nav6 li:hover ul ul ul, #nav6 li.sfhover ul ul, #nav6 li.sfhover ul ul ul {
	left: -999em;
}

#nav6 li:hover ul, #nav6 li li:hover ul, #nav6 li li li:hover ul, #nav6 li.sfhover ul, #nav6 li li.sfhover ul, #nav6 li li li.sfhover ul {
	left: auto;
}

#nav6 li:hover, #nav6 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}

/* CURRENT SPECIALS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav7, #nav7 ul {
	float: left;
	width: 9em;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
	margin: 5 0 0 5;
	padding: 0 0 8 3;
	border: none;
	border-width:thin;
	
}

/*  width shifts the text within menu bar  */
#nav7 a {
	display: block;
	width: 10em;    /* not sure ??? as nothing changes in FF */
	w\idth: 9em;  /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;  /* menu text color on all menu layers */
	text-decoration: none;
	padding: 0 .5em;  /* p1 shifts text within layer 1 left (increase) & right (decrease) */
 }

/* Arrow Indicating Next Dropdown Menu  */
#nav7 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav7 li {
	float: left;
	padding: 0;
	width: 9em;  /* Increases width of 1st layer menu highlight */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav7 li ul {
	position: absolute;
	left: -999em;  /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;  
	width: 19.4em;  /*  can't see effect on changes  */
	w\idth: 20.9em;  /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;   /* intent of menu text on layers 2 +  */
	font-weight: bold;  /* over rfont weight in original style for all layers */
	text-align: left;  /* over text alignment in original style for all layers but also off sets layer  */
	font-style: normal;   /* over font style in original style for all layers */
	border: solid #FFCC00;
	border-width: thin;  /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;   /* adjusts position of 2nd layer.  m1 shifts up & down, m4 left & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav7 li li {
	padding-right: 1em;  /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;  /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav7 li ul a {
	width: 15.5em;   /*  can't see effect on changes  */
	w\idth: 19.5em;  /* if arrow used, adjusts text area */  
}

#nav7 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav7 li:hover ul ul, #nav7 li:hover ul ul ul, #nav7 li.sfhover ul ul, #nav7 li.sfhover ul ul ul {
	left: -999em;
}

#nav7 li:hover ul, #nav7 li li:hover ul, #nav7 li li li:hover ul, #nav7 li.sfhover ul, #nav7 li li.sfhover ul, #nav7 li li li.sfhover ul {
	left: auto;
}

#nav7 li:hover, #nav7 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}

/* HOME PAGES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Menu Area  &  Main Menu 1st Level Names  */ 
/* width affects size of menu bar */
#nav8, #nav8 ul {
	float: left;
	width: 9em;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	font-size: 8pt;
	margin: 5 0 0 5;
	padding: 0 0 8 3;
	border: none;
	border-width:thin;
	
}

/*  width shifts the text within menu bar  */
#nav8 a {
	display: block;
	width: 10em;    /* not sure ??? as nothing changes in FF */
	w\idth: 9em;  /* adjusts width of 1st menu item in IE */
	color: #FFFFFF;  /* menu text color on all menu layers */
	text-decoration: none;
	padding: 0 .5em;  /* p1 shifts text within layer 1 left (increase) & right (decrease) */
 }

/* Arrow Indicating Next Dropdown Menu  */
#nav8 a.daddy {
	background: url(images/rightarrow.gif) center right no-repeat;
}

/*  increasing width compressed text in 1st level text and but on two lines */
#nav8 li {
	float: left;
	padding: 0;
	width: 9em;  /* Increases width of 1st layer menu highlight */
}
/*  Dropdown Layers  */
/* width of the 2-4 layer boxes */
#nav8 li ul {
	position: absolute;
	left: -999em;  /*  -999 hides the menu way off to the left when deslected */
	height: auto;
	background-color: #000000;
	line-height: 1.7em;  
	width: 19.4em;  /*  can't see effect on changes  */
	w\idth: 20.9em;  /* adjusts width of 2nd + menu items in IE & FF */
	text-indent: .5em;   /* intent of menu text on layers 2 +  */
	font-weight: bold;  /* over rfont weight in original style for all layers */
	text-align: left;  /* over text alignment in original style for all layers but also off sets layer  */
	font-style: normal;   /* over font style in original style for all layers */
	border: solid #FFCC00;
	border-width: thin;  /* over rides border width in original style for all layers */
	margin: -1em 0 0 4em;   /* adjusts position of 2nd layer.  m1 shifts up & down, m4 left & right */
}
/*  width of highlighting of text; too narrow (lower number, prevents rolling over to next level */
/*  too wide (higher number), extends past the layer box. */
/* increasing the padding does the same */
#nav8 li li {
	padding-right: 1em;  /* increasing changes width of highlight in FF. Increase widens */
	width: 17em;  /*  width of highlight of menu item = w\idth above */ 
}

/*  width of text area within layer  prevents line wrap  */
#nav8 li ul a {
	width: 15.5em;   /*  can't see effect on changes  */
	w\idth: 19.5em;  /* if arrow used, adjusts text area */  
}

#nav8 li ul ul {
	margin: -1.5em 0 0 16em;  /*  decrease m0 pushes 3rd + layer up & increase pushes 3rd + layer down */
	                          /*  m2 & m3 illegal but when used shifts layer left */
							 /*  descrease m4 shifts left 3rd + layer & */
}

/* 3rd layer 2nd level menu pulldown */
#nav8 li:hover ul ul, #nav8 li:hover ul ul ul, #nav8 li.sfhover ul ul, #nav8 li.sfhover ul ul ul {
	left: -999em;
}

#nav8 li:hover ul, #nav8 li li:hover ul, #nav8 li li li:hover ul, #nav8 li.sfhover ul, #nav8 li li.sfhover ul, #nav8 li li li.sfhover ul {
	left: auto;
}

#nav8 li:hover, #nav8 li.sfhover {
	background-color: #FF9933;  /*hover highlighting color */
}