/* ####NOTES: You can not mix single and double line items because of positioning ####*/
/* Instead do a list within a list if you have to mix single and double line navs*/



/* universally knockout all padding and margins */

*{ 
	margin:0;
   padding:0;
	}
	
/* Single line navs are 130 x 28*/

.single {height:28px;
	}

/* Double line navs are 130 x 48*/

.double {height:48px;
	}
	

/* ####################- - - - Rules defining UL #nav that holds the nav buttons - - - #########################*/
#nav { 
	width:130px;
	height:600px;
	position:relative;/*confine absolute positioning only to #nav by declaring relative positioning without defining any other parameters to its container */ 
	}
	
#nav li{
	width:130px;
	position:absolute;/*take every list item out of natural page flow*/
	list-style:none;
	display:block;
	}

#nav li a{
	display:block;
	width:130px;
	text-indent:-999px; /* text replacement method, hide text off screen */
	overflow:hidden; /*hide the link halo, so it doesn't show object is off screen when clicked*/
	}



/* ####################- - - - Nav buttons start - - - #########################*/

/* this defines specific navigation buttons and the positioning within the li to show the graphic background */


/*news button - - - - - - - - - - - - - - - - - - - */
	
#nav a.bu_news{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 0 no-repeat;
	}
	
#nav a.bu_news:hover, #nav a.bu_news:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px 0 no-repeat;
	}
	
	
	
	
/*events button  - - - - - - - - - - - - - - - - - - - */
	
#nav a.bu_events{
		background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -29px no-repeat;
		              }

#nav a.bu_events:hover, #nav a.bu_events:active{
		background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -29px no-repeat;
		}




/*press button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_press{
				background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -57px no-repeat;
				}

#nav a.bu_press:hover, #nav a.bu_press:active{
				background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -57px no-repeat;
				}




/*recipe of the month button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_recipemonth{
				background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -85px no-repeat;
				}

#nav a.bu_recipemonth:hover, #nav a.bu_recipemonth:active{
				background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -85px no-repeat;
				}





/*entrees button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_entrees{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -113px no-repeat;
								}

#nav a.bu_entrees:hover, #nav a.entrees:active{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -113px no-repeat;
								}
 


/*salads button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_salads{
				background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -169px no-repeat;
				}

#nav a.bu_salads:hover, #nav a.bu_salads:active{

background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -169px no-repeat;
				}



/*soups button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_soups{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -141px no-repeat;
												}

#nav a.bu_soups:hover, #nav a.bu_soups:active{

background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -141px no-repeat;
						}
												



/*side dishes button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_sidedishes{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -197px no-repeat;
						}

#nav a.bu_sidedishes:hover, #nav a.bu_sidedishes:active{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -197px no-repeat;
							}


							
/*Appetizers button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_appetizers{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -225px no-repeat;
													}

#nav a.bu_appetizers:hover, #nav a.bu_appetizers:active{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -225px no-repeat;
	}




/*featured chefs button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_featuredchefs{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -253px no-repeat;
							}

#nav a.bu_featuredchefs:hover, #nav a.bu_featuredchefs:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -253px no-repeat;
}




/*home button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_home{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -281px no-repeat;
							}

#nav a.bu_home:hover, #nav a.bu_home:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -281px no-repeat;
}




/*About button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_about{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -309px no-repeat;
							}

#nav a.bu_about:hover, #nav a.bu_about:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -309px no-repeat;
}




/*Recipes button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_recipes{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -337px no-repeat;
							}

#nav a.bu_recipes:hover, #nav a.bu_recipes:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -337px no-repeat;
}




/*Products button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_products{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -365px no-repeat;
							}

#nav a.bu_products:hover, #nav a.bu_products:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -365px no-repeat;
}




/*Order button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_order{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -393px no-repeat;
							}

#nav a.bu_order:hover, #nav a.bu_order:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -393px no-repeat;
}




/*Sign In button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_signin{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -421px no-repeat;
							}

#nav a.bu_signin:hover, #nav a.bu_signin:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -421px no-repeat;
}




/*New Customer Button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_newcustomer{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -449px no-repeat;
							}

#nav a.bu_newcustomer:hover, #nav a.bu_newcustomer:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -449px no-repeat;
}




/*FAQ button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_faq{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -477px no-repeat;
							}

#nav a.bu_faq:hover, #nav a.bu_faq:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -477px no-repeat;
}



/*News button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_news{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -505px no-repeat;
							}

#nav a.bu_news:hover, #nav a.bu_news:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -505px no-repeat;
}



/*Privacy button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_privacypolicy{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -533px no-repeat;
							}

#nav a.bu_privacypolicy:hover, #nav a.bu_privacypolicy:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -533px no-repeat;
}



/*Links button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_links{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -561px no-repeat;
							}

#nav a.bu_links:hover, #nav a.bu_links:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -561px no-repeat;
}



/*Contact Us button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_contactus{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -589px no-repeat;
							}

#nav a.bu_contactus:hover, #nav a.bu_contactus:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -589px no-repeat;
}


/*Contact Us button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_contactus{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -589px no-repeat;
							}

#nav a.bu_contactus:hover, #nav a.bu_contactus:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -589px no-repeat;
}



/* ####################- - - - Positioning for Double line nav definitions - - - #########################*/



/*Certified Organic Wild Rice button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_certifiedorganic{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -671px no-repeat;
							}

#nav a.bu_certifiedorganic:hover, #nav a.bu_certifiedorganic:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -671px no-repeat;
}




/*Brown and Wild Rice Fusion button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_brownwild{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -718px no-repeat;
							}

#nav a.bu_brownwild:hover, #nav a.bu_brownwild:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -718px no-repeat;
}


/* 10oz Oraginic Wild Rice button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_10ozorganicrice{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -766px no-repeat;
							}

#nav a.bu_10ozorganicrice:hover, #nav a.bu_10ozorganicrice:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -766px no-repeat;
}



/* 10oz Natural Wild Rice button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_10oznaturalrice{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -814px no-repeat;
							}

#nav a.bu_10oznaturalrice:hover, #nav a.bu_10oznaturalrice:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -814px no-repeat;
}



/* 10oz Brown and Wild Rice Fusion button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_10ozbrownwild{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -863px no-repeat;
							}

#nav a.bu_10ozbrownwild:hover, #nav a.bu_10ozbrownwild:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -863px no-repeat;
}


/* 5oz Organic Wild Rice button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_5ozorganicwild{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -910px no-repeat;
							}

#nav a.bu_5ozorganicwild:hover, #nav a.bu_5ozorganicwild:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -910px no-repeat;
}


/* 5oz Natural Wild Rice button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_5oznaturalwild{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -959px no-repeat;
							}

#nav a.bu_5oznaturalwild:hover, #nav a.bu_5oznaturalwild:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -959px no-repeat;
}

/* 5oz Brown and Wild Rice Fusion button  - - - - - - - - - - - - - - - - - - - */

#nav a.bu_5ozbrownwild{
background:transparent url(/Images2/Modules/Nav/bu_nav.gif) 0 -1006px no-repeat;
							}

#nav a.bu_5ozbrownwild:hover, #nav a.bu_5ozbrownwild:active{
	background:transparent url(/Images2/Modules/Nav/bu_nav.gif) -129px -1006px no-repeat;
}

/* ####################- - - - Positioning for SINGLE line nav slots - - - #########################*/
/*use these classes on the li's to plug in the order they should be listed visually*/
/* 22 slots are accounted for at the height of 28px*/

.nav1{top:0;}
.nav2{top:29px;}
.nav3{top:57px;}
.nav4{top:85px;}
.nav5{top:113px;}
.nav6{top:141px;}
.nav7{top:169px;}
.nav8{top:197px;}
.nav9{top:225px;}
.nav10{top:253px;}
.nav11{top:281px;}
.nav12{top:309px;}
.nav13{top:337px;}
.nav14{top:365px;}
.nav15{top:393px;}
.nav16{top:421px;}
.nav17{top:449px;}
.nav18{top:477px;}
.nav19{top:505px;}
.nav20{top:533px;}
.nav21{top:561px;}
.nav22{top:589px;}


/* ####################- - - - Positioning for DOUBLE line nav slots - - - #########################*/
/*use these classes on the li's to plug in the order they should be listed visually*/
/* 13 slots are accounted for height of 48px below */

.dnav1{top:0;}
.dnav2{top:49px;}
.dnav3{top:97px;}
.dnav4{top:145px;}
.dnav5{top:193px;}
.dnav6{top:241px;}
.dnav7{top:289px;}
.dnav8{top:337px;}
.dnav9{top:385px;}
.dnav10{top:433px;}
.dnav11{top:481px;}
.dnav12{top:529px;}
.dnav13{top:577px;}