/* Navigation */

#top-nav {
	position:relative;



}



#top-nav a, a:active, a:visited {text-decoration: underline;color:#27326E;}
#mini-links {
	position: absolute;
	text-align:right;
	margin: 9px 15px 0 -20px;
	width:801px;
	font-size:10px;
	color:#27326E;
	font-family:Arial, Helvetica, sans-serif;

   }



#nav-one {
	margin:0;
	padding:0;
	width:801px;
	position:relative;
	z-index:1000;

 }
#nav-one li {
	text-indent:-9999px; }

#nav-one li a { 
	display:block;  }
	
/* general rules for top level links */
#nav-one li a#background, #nav-one li a#home_link, nav-one li a#center_spacer, #nav-one li a#shop_link, #nav-one li a#oats_link, #nav-one li a#products_link, #nav-one li a#about_link, #nav-one li a#contact_link {
	}

/* add any hover rules for top level links here */
#nav-one li a#home_link { height:23px;width:88px; background: url(../img/navhome.gif) 0 0 no-repeat; }
#nav-one li a#home_link:hover, #nav-one li a#home_link.active { background: url(../img/navhomer.gif) 0 0 no-repeat; }

/* individual top level links, needs a fixed width */
#nav-one li a#center_spacer { height:23px; width:197px; background: url(../img/navlogo.gif) 0 0 no-repeat; }
#nav-one li a#center_spacer:hover, #nav-one li a#center_spacer.active { background: url(../img/navlogo.gif) 0 0 no-repeat; }


#nav-one li a#shop_link { height:23px;width:98px; background: url(../img/navshop.gif) 0 0 no-repeat; }
#nav-one li a#shop_link:hover, #nav-one li a#shop_link.active { background: url(../img/navshopr.gif) 0 0 no-repeat; }

#nav-one li a#recipes_link { height:23px;width:99px; background: url(../img/navrecipe.gif) 0 0 no-repeat;}
#nav-one li a#recipes_link:hover, #nav-one li a#recipes_link.active { background: url(../img/navreciper.gif) 0 0 no-repeat; }



#nav-one li a#oats_link { height:23px;width:115px; background: url(../img/navcoach.gif) 0 0 no-repeat; }
#nav-one li a#oats_link:hover, #nav-one li a#oats_link.active { background: url(../img/navcoachr.gif) 0 0 no-repeat; }

#nav-one li a#products_link { height:23px;width:124px; background: url(../img/navprod.gif) 0 0 no-repeat; }
#nav-one li a#products_link:hover, #nav-one li a#products_link.active { background: url(../img/navprodr.gif) 0 0 no-repeat; }

#nav-one li a#fan_link { height:23px;width:88px; background: url(../img/navfan.gif) 0 0 no-repeat; }
#nav-one li a#fan_link:hover, #nav-one li a#fan_link.active { background: url(../img/navfanr.gif) 0 0 no-repeat; }

#nav-one li a#about_link {height:23px; width:80px; background: url(../img/navabout.gif) 0 0 no-repeat; }
#nav-one li a#about_link:hover, #nav-one li a#about_link.active { background: url(../img/navaboutr.gif) 0 0 no-repeat; }



/* general rules for all sub lists */
ul#oats_sub, ul#about_sub {
	 }

/* add sub menu ul's by id here - just copy style and change id */
ul#oats_sub { width:153px; height:80x; margin:0 0 0 10px; padding:0; line-height:20px; background:url(../img/drop_coach2.gif) 0 0 no-repeat; }
ul#about_sub { width:171px; height:100px; margin:0 0 0 -93px ; padding:0; line-height:20px; background:url(../img/drop_about2.gif) 0 0 no-repeat;}

ul#oats_sub li a#subdiff { height:20px;width:153px; background: url(../img/subdiff.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#oats_sub li a#subdiff:hover, ul#oats_sub li a#subdiff.active { background: url(../img/subdiffr.gif) 0 0 no-repeat; }
ul#oats_sub li a#subinst { height:20px;width:153px; background: url(../img/subinst.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#oats_sub li a#subinst:hover, ul#oats_sub li a#subinst.active { background: url(../img/subinstr.gif) 0 0 no-repeat; }
ul#oats_sub li a#subnutr { height:20px;width:153px; background: url(../img/subnutr.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#oats_sub li a#subnutr:hover, ul#oats_sub li a#subnutr.active { background: url(../img/subnutrr.gif) 0 0 no-repeat; }
ul#oats_sub li a#subwhole { height:20px;width:153px; background: url(../img/subwhole.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#oats_sub li a#subwhole:hover, ul#oats_sub li a#subwhole.active { background: url(../img/subwholer.gif) 0 0 no-repeat; }
ul#oats_sub li a#subfaq { height:20px;width:153px; background: url(../img/subfaqr.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#oats_sub li a#subfaq:hover, ul#oats_sub li a#subfaq.active { background: url(../img/subfaqrr.gif) 0 0 no-repeat; }

ul#about_sub li a#substor { height:20px;width:171px; background: url(../img/substor.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#about_sub li a#substor:hover, ul#about_sub li a#substor.active { background: url(../img/substorr.gif) 0 0 no-repeat; }
ul#about_sub li a#subbonn { height:20px;width:171px; background: url(../img/subbonn.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#about_sub li a#subbonn:hover, ul#about_sub li a#subbonn.active { background: url(../img/subbonnr.gif) 0 0 no-repeat; }
ul#about_sub li a#subsmar { height:20px;width:171px; background: url(../img/subsmar.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#about_sub li a#subsmar:hover, ul#about_sub li a#subsmar.active { background: url(../img/subsmarr.gif) 0 0 no-repeat; }
ul#about_sub li a#subsc { height:20px;width:171px; background: url(../img/subc.gif) 0 0 no-repeat;text-indent:-2000px; }
ul#about_sub li a#subsc:hover, ul#about_sub li a#subsmar.active { background: url(../img/subcr.gif) 0 0 no-repeat; }
/* rest of stuff */
.nav {
	
	position: relative;




}
  
.nav li {
	float: left;
	top:0;
	margin: 0;
	padding: 0;
	position: relative;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	font: normal .75em/18px Arial, Helvetica, sans-serif;
	color: #FBFD98;
	display: block;
	margin:0;padding:0;
	text-decoration: none; }
ul#oats_sub li, ul#about_sub li { 
	width:150px; font: normal 14px/26px Arial, Helvetica, sans-serif; text-transform:uppercase;
	text-align:left; margin-bottom:1px; margin-top:1px;}
ul#oats_sub li a {  color:#343C6A; text-indent:10px; }
ul#about_sub li a {  color:#343C6A; text-indent:6px; }

ul#oats_sub li a:hover, ul#about_sub li a:hover { color:#747CAA; text-decoration:underline; }


.nav ul {
	list-style: none;
	margin: 0;
	position: absolute;
	top: -999em;
 	left: 0;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 23px;
}
.nav ul li {
  
}
.nav ul a {
  white-space: nowrap;
}
.nav ul a:hover {
}
div#contentcol .brownlink {font-size:14px; color:#9B6226; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#contentcol .brownlink a, a:visited, a:active{color:#9B6226;}