/* Start of CMSMS style sheet 'leftmenu' */
    /*********** Menus Heavily Modified from the following ROCKING sources ************/
   /*********** http://www.alistapart.com/articles/dropdowns *************************/
  /*********** http://solardreamstudios.com/learn/css/cssmenus **********************/
 /***********  Thank You!  *********************************************************/
/******  Using Near Flash, add: <param name="wmode" value="transparent" /> and make sure the z-index of the menu's container is really high ********/
 
 
  /***********************************************/
 /******     Navigation Containers   ******/
/***********************************************/

#firstnavwrapper, #secondarynavwrapper /* A Place to Center the nav in Compliant Browsers and put the z-index*/
{
	margin:0 auto;
	padding:0;
	width:auto !important; /*Gecko*/
	position:relative;
	/*height:33px; /* If the top menus have dropdowns, change it to a px height so that the menus show up in the correct spot*/
	height:1.81em;
	float:left;
	z-index:100000;
	display:block;
	background:#000;
	text-align:center;
 }
 
#secondarynavwrapper {/* A Place to Center the nav in Compliant Browsers and put the z-index*/
position:relative;
float:right;
width:365px;
 } 
 

div.mainnav {width:160px;position:relative;height:auto;} /* wrap the main-left nav UL so it looks better in dreamweaver */

  /***********************************************/
 /******     Navigation Menu Rules         ******/
/***********************************************/


ul#firstnav, ul#secondarynav  { /* Root = Horizontal, Secondary = Vertical */
  margin: 0 auto;
  padding: 0;
  width: auto !important; /*Gecko*/
	/*height:33px; /* If the top menus have dropdowns, change it to a px height so that the menus show up in the correct spot*/
	height:1.81em;
	position:relative;
	text-align:left;
	
}
ul#firstnav {
  margin: 0;
  padding: 0;
 	width: auto !important; /*Gecko*/
  height: 33px;
	position:relative;
	text-align:left;
	
}

ul#secondarynav  {
  width: 375px; /*For KHTML and IE*/
}

ul#firstnav li, ul#secondarynav  li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  position: relative;
  height: 33px;
 }


ul#firstnav ul, ul#secondarynav  ul, ul#mainnav ul, ul#mainnav ul ul, ul#mainnav ul ul ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
 }
 
ul#mainnav ul,
ul#mainnav ul ul,
ul#mainnav ul ul ul {
  top: 0;
  left: 213px;
	z-index:20000;
}


ul#firstnav ul li, ul#secondarynav  ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
	height: 33px;
		
}


/* Root Menu Top Navigation*/
ul#firstnav li a, ul#secondarynav  li a {
	color: #ADE024;
 	padding: 0px 15px 0 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  height: auto !important;
  height: 1%; /*For IE*/
	font: normal 12px/33px "Lucida Grande", LucidaGrande, "Lucida Sans",'Lucida Sans Unicode', 
							 "Lucida Sans Unicode", 'Lucida Grande', Geneva, Arial, sans-serif;
	text-decoration: none;
	background:url(imgs/topnavdiv.gif) 100% 50% no-repeat;
 }


/* Root Menu Left Navigation */
ul#mainnav li a {
  padding: 0 6px 0 55px;
  display: block;
  color: #000;
  font: 12px/37px "Lucida Grande", LucidaGrande, "Lucida Sans",'Lucida Sans Unicode', 
							 "Lucida Sans Unicode", 'Lucida Grande', Geneva, Arial, sans-serif;

  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul#firstnav li li a, ul#secondarynav  li li a, ul#mainnav li li a {
  padding: 0 15px 0 10px;
	line-height:33px;
}

ul#firstnav li li, ul#secondarynav  li li, ul#mainnav li li {
	border-bottom:1px solid #fff;
}

ul#firstnav ul, ul#secondarynav  ul {/* When there's not a submenu, comment out ul#mainnav ul */
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
ul#mainnav ul ul{
	border-left:1px solid #fff;
}
ul#mainnav ul{
	border-right:1px solid #fff;

}
ul#mainnav ul, ul#mainnav ul ul{
	border-top:1px solid #fff;
}
/* Left Nav Root */
ul#mainnav,
ul#mainnav li,
ul#mainnav ul {
  margin: 0;
  padding: 0;
  width: 213px; /*For KHTML*/
  list-style: none;
}

/* Left Nav Sub Menus */
ul#mainnav ul, ul#mainnav ul li {
  width: 200px; /*For KHTML*/
}

/* Left Nav Positioning */
ul#mainnav li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}


/* Root Menu Hover Persistence */
ul#firstnav a:hover,
ul#firstnav li:hover a,
ul#firstnav li.iehover a,
ul#secondarynav  a:hover,
ul#secondarynav  li:hover a,
ul#secondarynav  li.iehover a {
	color: #EDB80C;/* This is where you add styles to the hover state */
}


ul#mainnav a:hover,
ul#mainnav li:hover a,
ul#mainnav li.iehover a { 
	color: #BE2A06;/* This is where you add styles to the hover state */
}


#navtopcurrent
{
/* This is where you add the styles to the current state and add the body classes */
}

ul#firstnav li.nobackground a, ul#secondarynav  li.nobackground a {background:none; padding-right:0;margin-right:0;} /* This is so the top menus right most menu doesn't have a background divider */



/* 2nd Menu */

ul#firstnav li:hover li a, ul#firstnav li li a,
ul#firstnav li.iehover li a, #navtop li ul li a,
ul#secondarynav  li:hover li a, ul#secondarynav  li li a,
ul#secondarynav  li.iehover li a, #navtopalt li ul li a,
ul#mainnav li:hover li a, ul#mainnav li.iehover li a {
  float: none;
  background: #8AC41E;
  color: #000;
 	border:0px;
	z-index:700000;

}



/* 2nd Menu Hover Persistence */

ul#firstnav li:hover li a:hover,
ul#firstnav li:hover li:hover a,
ul#firstnav li.iehover li a:hover,
ul#firstnav li.iehover li.iehover a,
ul#secondarynav  li:hover li a:hover,
ul#secondarynav  li:hover li:hover a,
ul#secondarynav  li.iehover li a:hover,
ul#secondarynav  li.iehover li.iehover a,
ul#mainnav li:hover li a:hover,
ul#mainnav li:hover li:hover a,
ul#mainnav li.iehover li a:hover,
ul#mainnav li.iehover li.iehover a {
  background: #FF5501;
  color: #fff;
	z-index:800000;

 }



/* 3rd Menu */

ul#firstnav li:hover li:hover li a,
ul#firstnav li.iehover li.iehover li a,
ul#secondarynav  li:hover li:hover li a,
ul#secondarynav  li.iehover li.iehover li a,
ul#mainnav li:hover li:hover li a,
ul#mainnav li.iehover li.iehover li a
 {
  background: #E3FF9E;
  color: #000;
	z-index:800000;
}



/* 3rd Menu Hover Persistence */

ul#firstnav li:hover li:hover li a:hover,
ul#firstnav li:hover li:hover li:hover a,
ul#firstnav li.iehover li.iehover li a:hover,
ul#firstnav li.iehover li.iehover li.iehover a,
ul#secondarynav  li:hover li:hover li a:hover,
ul#secondarynav  li:hover li:hover li:hover a,
ul#secondarynav  li.iehover li.iehover li a:hover,
ul#secondarynav  li.iehover li.iehover li.iehover a,
ul#mainnav li:hover li:hover li a:hover,
ul#mainnav li:hover li:hover li:hover a,
ul#mainnav li.iehover li.iehover li a:hover,
ul#mainnav li.iehover li.iehover li.iehover a {
  background: #FFFF99;
  color: #000;
	z-index:700000;

 }



/* 4th Menu */

ul#firstnav li:hover li:hover li:hover li a,
ul#firstnav li.iehover li.iehover li.iehover li a,
ul#secondarynav  li:hover li:hover li:hover li a,
ul#secondarynav  li.iehover li.iehover li.iehover li a,
ul#mainnav li:hover li:hover li:hover li a,
ul#mainnav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	z-index:800000;
 
}


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


ul#firstnav ul ul,
ul#firstnav ul ul ul, 
ul#secondarynav  ul ul,
ul#secondarynav  ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
 }


ul#secondarynav  ul ul,
ul#secondarynav  ul ul ul {
  left: -162px;
 }


ul#mainnav ul,
ul#mainnav ul ul,
ul#mainnav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 213px;
 }

ul#mainnav ul ul,
ul#mainnav ul ul ul,
ul#mainnav ul ul ul {
  left: 200px;
 }


#diningguide {background:url(imgs/veg1.gif) 5px 0  no-repeat;}
#groceries {background:url(imgs/veg2.gif) 5px 0  no-repeat;}
#groups {background:url(imgs/veg3.gif) 5px 0  no-repeat;}
#eventcalendar {background:url(imgs/veg4.gif) 5px 0  no-repeat;}
#recipes {background:url(imgs/veg5.gif) 5px 0  no-repeat;}
#videolibrary {background:url(imgs/veg6.gif) 5px 0  no-repeat;}
#news {background:url(imgs/veg7.gif) 5px 0  no-repeat;}
#whyveg {background:url(imgs/veg8.gif) 5px 0  no-repeat;}
#faq {background:url(imgs/veg9.gif) 5px 0  no-repeat;}


body.home a#home,
body.bannerads a#bannerads,
body.addlisting a#addlisting,
body.joinnews a#joinnews,
body.search a#search
{
	font-weight: bold;
	color:#EDB80C;
}

body.diningguide a#diningguide,
body.groceries a#groceries,
body.groups a#groups,
body.eventcalendar a#eventcalendar,
body.recipes a#recipes,
body.videolibrary a#videolibrary,
body.directory a#directory,
body.whyveg a#whyveg,
body.faq a#faq,
body.news a#news
{
	font-weight: bold;
	color:#B12605;
}


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


ul#firstnav li:hover ul,
ul#firstnav ul li:hover ul,
ul#firstnav ul ul li:hover ul,
ul#firstnav li.iehover ul,
ul#firstnav ul li.iehover ul,
ul#firstnav ul ul li.iehover ul,
ul#secondarynav  li:hover ul,
ul#secondarynav  ul li:hover ul,
ul#secondarynav  ul ul li:hover ul,
ul#secondarynav  li.iehover ul,
ul#secondarynav  ul li.iehover ul,
ul#secondarynav  ul ul li.iehover ul,
ul#mainnav li:hover ul,
ul#mainnav ul li:hover ul,
ul#mainnav ul ul li:hover ul,
ul#mainnav li.iehover ul,
ul#mainnav ul li.iehover ul,
ul#mainnav ul ul li.iehover ul {
  display: block;
	z-index:100000;
 }



/******************************************/


/* End of 'leftmenu' */