/* ------------------------- Global Horizontal Navigation --------------------------------*/
#navigation .nav
{
	border-bottom: 3px solid #fff;
	margin: 0;
	padding: 0;
	width: 980px;
	font: bold 10px verdana;
	height: 55px;
	/*height: 22px;*/
	/*background-color: #666;*/
	clear: both;
	position: relative;
	z-index: 1;	
	background: #000 url('/wptImages/1x22_666_whiterule.gif') repeat-x;/*this 300x200 image is a block with three stripes:  #666 21px; #000 1px; remainder is #000.*/
}




.nav ul { /*second level links*/
	background: #fff; /*IE6 needs this*/
	/*float: right;*/
	position: relative;
	width: 977px;
	margin:-12px 0 0 0;
	padding:0 0 0 3px;
	
	/*background-color:#fff;*/
	/*background: url('/images/placeholder238x181_madambutterfly.jpg') repeat-x;*/
	background: url('/wptImages/1x28_000_solidwhite.gif') repeat-x;
}

.nav li
{
	float: left;
	list-style: none;
	z-index: 999;
	/*I removed the background image; not needed now that we have a larger image that simply slides up 22px when focused, revealing a plain black bkgd;"*/
}

.nav li.current ul
{
	z-index: 999;
}

.nav li.sfHover ul, ul.nav li:hover ul
{
	z-index: 1000;
}

.nav a
{
	color: #fff;
	display: block;
	float: left;
	padding:5px 7px 0px 7px;
	display: inline;
	text-decoration: none;
	width: auto;
	height:17px;
	border-right:1px solid #fff;
	background: transparent url('/wptImages/1x22_666_whiterule.gif')/* repeat-x;image behind the actual level 1 links*/
	/*background: transparent url('/images/npa/npa_75x75_andy_moore.jpg') repeat-x;/*image behind the actual level 1 links*/
}

.nav li ul
{
	left: 0;
	top: -999em;
	position: absolute;
}

/* --- links: default --- */
.nav a,
.nav a:focus,
.nav a:hover,
.nav a:active
{
	height: 17px;
	background-color: transparent;
	color: #fff;
}
/*--- li hover (default) --- */
/*--- SUBNAVIGATION (default) --- */
/* 2nd level : links */
/*
 .nav li li a {
 background: url(/images/subDivider_JSO.gif) no-repeat 0 5px !important;
 padding-left: 10px;
 border-top: 2px solid red;
 }
 */
 
.nav li.classNav li, .nav li.classNav li a {
	background: none;
	padding: 4px 0 4px 4px;
	margin-left: 0px;
	/*float: right;*/
	border:0px;/*no border in the orange Support WPT 
	background-image: url('/images/clickBigBird.jpg'); links*/
	}


.nav li li,/*black second level nav links*/
.nav li li a

{
	background: none;
	padding: 4px;
	
	margin-right: 0px;
	border-right:0px;
}

.nav li li
{
	display: inline;
	height: 25px !important;
	padding-right: 20px;
	padding-left: 0;
	border:0px;
}

/*assigned dynamically*/
.nav li li.firstSubItem
{
	background: none !important;
}

/* 2nd level : default link hover */
.nav li:hover li a
{
	color: #fff;
}

.nav li li:hover a,
.nav li li a:hover
{
	text-decoration: none;
	
}

/*--- li current : currently selected item (see html) --- */
/* top level */
.nav li.current,
.nav li.current:hover,
.nav li.current.sfHover,
.nav li.current.sfHover:hover
.nav li.current a,
.nav li.current:hover a,
.nav li.current.sfHover a,
.nav li.current.sfHover:hover a
{
	/*background-position: right -100px;*/
}

.nav li.current a,
.nav li.current:hover a,
.nav li.current.sfHover a,
.nav li.current.sfHover:hover a
{
	/*background-position: left -100px;*/
}

.nav li.current a,
.nav li.current:hover a
{
	color: #fff;
}

/*--- current tab, but not active (class name changed dynamically) --- */
.nav li:hover a.currentOff,
.nav li a.currentOff
{
	/*height: 17px;*/
}

/* hover */
.nav li.current:hover a
{

}

.nav li.current:hover li a
{
	color: #fff;
}

.nav li.current li a
{
	color: #fff;
}

/* 2nd level : inherited current status */
.nav li.current li a,
.nav li.current:hover li a
{
	color: #fff;
	height: auto;
}

/* 2nd level : declared current status */
.nav li li.current a,
.nav li li.current a:hover,
.nav li.current:hover li.current a,
.nav li.current li.current a:hover
{
	color: #000;
}

/* 2nd level - selected (declared) hover */
.nav li.current li:hover a
{
	color: #fff;
}

/* 2nd level - selected (declared) hover */
.nav li li.current:hover a
{
	text-decoration: none;
}

/*--- li hover (dynamically added to html) --- */
/* top level */
.nav li:hover,
.nav li.sfHover:hover,
.nav li.sfHover
{
	background-position: right 0px; /*don't want the rule to move. It appears in between the level 1 nav links; must keep stationary*/
}

/*.nav li:hover a,*/
.nav li:hover a,
.nav li.sfHover a,
.nav li.sfHover a:focus,
.nav li.sfHover a:hover,
.nav li.sfHover a:active,
.nav li.sfHover:hover a
{
	background-position: left -22px;/*slides 22 pixels up, out of the way to reveal the solid black portion of 1x22_666_whiterule.gif*/
}

/* 2nd level : inherited hover status */
.nav li.sfHover li a,
.nav li.sfHover li a:focus,
.nav li.sfHover li a:hover,
.nav li.sfHover li a:active,
.nav li.sfHover:hover li a
{
	color: #fff;
	height: auto;
	/*background-image: none;*/
	
}

.nav li.sfHover li.current a
{
	color: #444;
	background-image: none;
}

/* 2nd level - selected (declared) hover */
.nav li.sfHover li a:hover,
.nav li.sfHover li:hover a,
.nav li a.activeLevel2
{
	color:#fff;/*white*/
	text-decoration: none;
	background: url('/wptImages/bkgdNav_on.gif') repeat-x;
	padding-bottom:13px;/*this padding allows the background "on" image to go all the way to the bottom*/
	-moz-border-radius-bottomleft:5px;	
	-webkit-border-bottom-left-radius:5px;	
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius:5px;

}

.nav li.classNav  li a:hover,
.nav li.classNav  li:hover a
{
	color:#000;
	text-decoration: none;
	background: url('/wptImages/bkgdNavFF6600_on.gif') repeat-x;
	padding-bottom:13px;/*this padding allows the background "on" image to go all the way to the bottom*/
	-moz-border-radius-bottomleft:5px;	
	-webkit-border-bottom-left-radius:5px;	
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius:5px;
}


.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul,
ul.nav li.sfHover2 ul,
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul,
ul.nav li li.sfHover2 ul
{
	
	top: 34px;
}

.nav li:hover li ul, .nav li.sfHover li ul
{
	top: -999em;
}



/*following rule negates pure CSS hovers
 so submenu remains hidden and JS controls
 when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul
{
	top: -999em;
}

/* First Tab Variation */
.nav li a.currentOff,
.nav a.currentOff
{
	background-position: left 0px;
}

/*first style is the for the "current" li; style generated dynmaically. The black background remains in place for the "select" level 1 link*/
.nav li:hover a.first,
.nav li.sfHover a.first,
.nav li.sfHover a.first:focus,
.nav li.sfHover a.first:hover,
.nav li.sfHover a.first:active,
.nav li.sfHover:hover a.first
{
/*background-position: left -500px;*/
}

.nav .classNav /*support WPT button; 200x300 image is 21 px of #ff6600 (orange) + 1px white stripe + remainder in #ff6600; Image goes all the way to the right  border*/ {
	background: #666 url('/wptImages/bkgd_FF6600.gif') repeat-x;/*image/color behind the Support WPT link*/
	/*background-image: url('/images/clickBigBird.jpg');*/
	float: right;
	height:17px;
	}

.nav .classNav a/*support WPT button only*/
{
	background-image: url('/wptImages/bkgd_FF6600.gif');/*image/color behind the Support WPT link*/
	/*background-image: url('/images/logo_black_nouveau_182x150.jpg');*/
	padding:5px 0px 0px 7px;
	margin-right: 6px;
	border-left:1px  solid #fff;
	border-right:0;/*overrides .nav a style*/
	
}


/*--- li hover (dynamically added to html) --- */
/* top level */
.nav li.classNav:hover,
.nav li.sfHover2:hover,
.nav li.sfHover2
{
	background-position: right -150px;/*moves the orange background so that white rule slides out of view*/
}

/*.nav li:hover a,
.nav li.classNav:hover a,
.nav li.sfHover2 a,
.nav li.sfHover2 a:focus,
.nav li.sfHover2 a:hover,
.nav li.sfHover2 a:active,
.nav li.sfHover2:hover a
{
	background-position: left -150px;
}

.nav li.classNav a.first,
.nav .classNav a.first
{
	background-position: left -300px !important;
}

.nav li.classNav:hover a.first,
.nav li.sfHover2 a.first,
.nav li.sfHover2 a.first:focus,
.nav li.sfHover2 a.first:hover,
.nav li.sfHover2 a.first:active,
.nav li.sfHover2:hover a.first
{
	background-position: left -350px !important;
}*/


.nav .classNav ul
{
	background-color:#FF6600;
	/*background: url('/images/support/180x150_placeholder_rameye.jpg') repeat-x 0 0;image/color behind the Support WPT 2nd level links*/
}



/*the support WPT link color in active state*/
.nav li.classNav:hover a,
.nav li.sfHover2 a,
.nav li.sfHover2 a:focus,
.nav li.sfHover2 a:hover,
.nav li.sfHover2 a:active,
.nav li.sfHover2:hover a {
	color:#000;
	
	}

.nav li.classNav ul li
{
	float: right;
}


a.active {background-image: url('/wptImages/bkgd_000000.gif');}

.nav #support /*support WPT button; 200x300 image is 21 px of #ff6600 (orange) + 1px white stripe + remainder in #ff6600; Image goes all the way to the right  border*/ {
	background: #666 url('/wptImages/bkgd_FF6600.gif') repeat-x;/*image/color behind the Support WPT link*/
	/*background-image: url('/images/clickBigBird.jpg');*/
	/*float: right;*/
	height:17px;
}

.nav #support a/*support WPT button only*/{
	background-image: url('/wptImages/bkgd_FF6600.gif');/*image/color behind the Support WPT link*/
	/*background-image: url('/images/logo_black_nouveau_182x150.jpg');*/
	padding:5px 6px 0px 7px;
	/*margin-right: 6px;*/
	/*border-left:1px  solid #fff;*/
	/*border-right:0;overrides .nav a style*/
	color:#fff;	
}

.nav #support ul {
	background: url('/wptImages/1x28_FF6600_solidwhite.gif') repeat-x 0 0;
	/*background: url('/images/support/180x150_placeholder_rameye.jpg') repeat-x 0 0;*//*test image*/
}

/*ORANGE SECOND LEVEL SELECTED HOVER*/
/*background added by EK-N 11-2-10. copied from the original navigationHoriz.cfm. Needed for the "on" state orange tab*/
.nav #support li a:hover,
.nav #support li a.activeLevel2,
.nav li.sfHover2 a,
.nav li.sfHover2 a:focus,
.nav li.sfHover2 a:hover,
.nav li.sfHover2 a:active,
.nav li.sfHover2:hover a {
	color:#000;
	text-decoration: none;
	background: url('/images/bkgdNavFF6600_on.gif') repeat-x;
	padding-bottom:13px;/*this padding allows the background "on" image to go all the way to the bottom*/
	-moz-border-radius-bottomleft:5px;	
	-webkit-border-bottom-left-radius:5px;	
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius:5px;
}





/* ------------------------- PURE CSS MENU Horizontal Navigation used for Wisconsin Gardener Recipe section--------------------------------*/

#pcm{display:none;}
ul.TWGhorizCSSMenu ul{display:none}
ul.TWGhorizCSSMenu li:hover>ul{display:block}
ul.TWGhorizCSSMenu ul{position: absolute;left:-1px;top:98%;}
ul.TWGhorizCSSMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.TWGhorizCSSMenu,ul.TWGhorizCSSMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#333;
	background-repeat:repeat;
	border-color:#333;
	border-width:0px;
	border-style:solid;
	
}
ul.TWGhorizCSSMenu table {border-collapse:collapse}ul.TWGhorizCSSMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.TWGhorizCSSMenu ul{
	width:206.85000000000002px;
}
ul.TWGhorizCSSMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.TWGhorizCSSMenu a:active, ul.TWGhorizCSSMenu a:focus {
outline-style:none;
}
ul.TWGhorizCSSMenu a, ul.TWGhorizCSSMenu li.dis a:hover, ul.TWGhorizCSSMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#bed22e;/*basil green*/
	border-width:0px;
	border-color:#fff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px;/*padding around each link*/
	_padding-left:0;
	font:normal 11px Arial;
	color: #000000;
	text-decoration:none;
	cursor:pointer;
	margin-bottom:-5px;/*Erika added this 1/12/2011 to deal with extra padding at the bottom. Not sure if this is the best solution*/
	font-weight:bold;
}
ul.TWGhorizCSSMenu span{
	overflow:hidden;
}
ul.TWGhorizCSSMenu li {
	float:left;
}
ul.TWGhorizCSSMenu ul li {
	float:none;
}
ul.TWGhorizCSSMenu ul a {
	text-align:left;
	white-space:nowrap;
	
}
ul.TWGhorizCSSMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.TWGhorizCSSMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#fff;	background-image:none;}
ul.TWGhorizCSSMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.TWGhorizCSSMenu li:hover{
	position:relative;
}
ul.TWGhorizCSSMenu li:hover>a{
	background-color:#fed001;/*fed001 sunflower yellow*//*ff6600 orange*/
	border-color:#4C99AB;
	border-style:solid;
	font:normal 11px Arial;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
ul.TWGhorizCSSMenu li a:hover{
	position:relative;
	background-color:#fed001;/*fed001 sunflower yellow*//*ff6600 orange*/
	border-color:#4C99AB;
	border-style:solid;
	font:normal 11px Arial;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
ul.TWGhorizCSSMenu li.dis a {
	color: #AAAAAA !important;
}
ul.TWGhorizCSSMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.TWGhorizCSSMenu ul img {width:16px;
height:16px;
}
ul.TWGhorizCSSMenu img.over {display:none}
ul.TWGhorizCSSMenu li.dis a:hover img.over {display:none !important}
ul.TWGhorizCSSMenu li.dis a:hover img.def {display:inline !important}
ul.TWGhorizCSSMenu li:hover > a img.def  {display:none}
ul.TWGhorizCSSMenu li:hover > a img.over {display:inline}
ul.TWGhorizCSSMenu a:hover img.over,ul.TWGhorizCSSMenu a:hover ul img.def,ul.TWGhorizCSSMenu a:hover a:hover img.over{display:inline}
ul.TWGhorizCSSMenu a:hover img.def,ul.TWGhorizCSSMenu a:hover ul img.over,ul.TWGhorizCSSMenu a:hover a:hover img.def{display:none}
ul.TWGhorizCSSMenu a:hover ul{display:block}
ul.TWGhorizCSSMenu span{
	display:block;
	background-image:url(/wptImages/purecssmenu_images/arrv_blue_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
    padding-right:8px;}
ul.TWGhorizCSSMenu li:hover>a>span{	background-image:url(/wptImages/purecssmenu_images/arrv_white_2.gif);
}
ul.TWGhorizCSSMenu a:hover span{background-image:url(/wptImages/purecssmenu_images/arrv_white_2.gif)}
ul.TWGhorizCSSMenu ul span,ul.TWGhorizCSSMenu a:hover table span{background-image:url(/wptImages/purecssmenu_images/arr_blue_2.gif)}
ul.TWGhorizCSSMenu ul li:hover > a span{background-image:url(/wptImages/purecssmenu_images/arr_white_2.gif);}
ul.TWGhorizCSSMenu table a:hover span{background-image:url(/wptImages/purecssmenu_images/arr_white_2.gif)}
ul.TWGhorizCSSMenu li a.TWGhorizCSSMenui0{
font:n;
}
ul.TWGhorizCSSMenu li a.TWGhorizCSSMenui0:hover{
font:o;
}



/* ------------------------- PURE CSS MENU Vertical Navigation used for Wisconsin Gardener Recipe section; not currently in use --------------------------------*/
#pcm{display:none;}
ul.TWGverticalCSSMenu ul{display:none}
ul.TWGverticalCSSMenu li:hover>ul{display:block}
ul.TWGverticalCSSMenu ul{position: absolute;left:98%;top:-1px;}
ul.TWGverticalCSSMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.TWGverticalCSSMenu,ul.TWGverticalCSSMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#ffcc33;/*dark yellow border/background seen on edges*/
	background-repeat:repeat;
	border-color:;
	border-width:0px;
	border-style:solid;
	width:162px;/*Erika added 1/14/2011 to make the width fixed. Without this, the menu adjusts to the widest word, which normally is desired.*/
	margin-top:-6px;
}
ul.TWGverticalCSSMenu table {border-collapse:collapse}ul.TWGverticalCSSMenu {
	display:block;
	zoom:1;
	_width:107.10000000000001px;
	float: left;
}
ul.TWGverticalCSSMenu ul{
	width:91.35000000000001px;
}
ul.TWGverticalCSSMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.TWGverticalCSSMenu a:active, ul.TWGverticalCSSMenu a:focus {
outline-style:none;
}
ul.TWGverticalCSSMenu a, ul.TWGverticalCSSMenu li.dis a:hover, ul.TWGverticalCSSMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	background-color:#faf0af;/*pale yellow background*/
	border-width:0px;
	border-color:#E4E1DE;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:7px;/*padding around each link*/
	_padding-left:0;
	font:normal 11px Tahoma;
	color: #0000000;
	text-decoration:none;
	cursor:default;
	margin-bottom:-5px;/*Erika added this 1/12/2011 to deal with extra padding at the bottom. Not sure if this is the best solution*/
	font-weight:bold;
}
ul.TWGverticalCSSMenu span{
	overflow:hidden;
}
ul.TWGverticalCSSMenu ul li {
	float:none;
}
ul.TWGverticalCSSMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.TWGverticalCSSMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}
ul.TWGverticalCSSMenu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-color:;	background-image:none;}
ul.TWGverticalCSSMenu li:hover{
	position:relative;
}
ul.TWGverticalCSSMenu li:hover>a;
ul.TWGverticalCSSMenu li.frank {
	background-color:#ffcc33;/*dark yellow border/background seen on edges*/
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
ul.TWGverticalCSSMenu li a:hover{
	position:relative;
	background-color:#ffcc33;/*dark yellow border/background seen on edges*/
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
ul.TWGverticalCSSMenu li.dis a {
	color: #AAAAAA !important;
}
ul.TWGverticalCSSMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.TWGverticalCSSMenu ul img {width:16px;
height:16px;
}
ul.TWGverticalCSSMenu img.over{display:none}
ul.TWGverticalCSSMenu li.dis a:hover img.over{display:none !important}
ul.TWGverticalCSSMenu li.dis a:hover img.def {display:inline !important}
ul.TWGverticalCSSMenu li:hover > a img.def  {display:none}
ul.TWGverticalCSSMenu li:hover > a img.over {display:inline}
ul.TWGverticalCSSMenu a:hover img.over,ul.TWGverticalCSSMenu a:hover ul img.def,ul.TWGverticalCSSMenu a:hover a:hover img.over{display:inline}
ul.TWGverticalCSSMenu a:hover img.def,ul.TWGverticalCSSMenu a:hover ul img.over,ul.TWGverticalCSSMenu a:hover a:hover img.def{display:none}
ul.TWGverticalCSSMenu a:hover ul{display:block}
ul.TWGverticalCSSMenu span{
	display:block;
	background-image:url(./wptImages/purecssmenu_images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.TWGverticalCSSMenu li:hover>a>span{	background-image:url(./wptImages/purecssmenu_images/arrow_main4.gif);
}
ul.TWGverticalCSSMenu a:hover span{	_background-image:url(./wptImages/purecssmenu_images/arrow_main4.gif)}
ul.TWGverticalCSSMenu ul span,ul.TWGverticalCSSMenu a:hover table span{background-image:url(./wptImages/purecssmenu_images/arrow_sub5.gif)}
ul.TWGverticalCSSMenu ul li:hover > a span{	background-image:url(./wptImages/purecssmenu_images/arrow_main4.gif);}
ul.TWGverticalCSSMenu table a:hover span{background-image:url(./wptImages/purecssmenu_images/arrow_main4.gif)}





	
	
/*third-level horizontal navigation links. Currently used by Mildred Fish Harnack.*/

	
#level3Nav li {
	display: inline;
	}
	

#level3Nav ul,
#level3Nav li {
	margin:0;
	padding: 0;
	list-style-type: none;
	}
		
	
/*----------------top tier links nav floats above the WPT logo, added April 2010----------------*/
#level3Nav {
	z-index:100;
	background-color:#cc0000;
	width:756px;
	height:17px;
	font: 0.79em Geneva, Arial, Helvetica, sans-serif; font-weight:bold;
	padding-top:5px;margin-bottom:20px;
	}
			


#level3Nav a {
	color:#fff;
	display: inline;	
	padding: 5px 7px 6px 5px;
	margin-right:-3px;	
	border-right:1px solid #fff;
	background: transparent;
	text-decoration: none;
	text-transform:uppercase;
	}
	
	
#level3Nav li a:hover,
#level3Nav a.activeLevel3:link,
#level3Nav a.activeLevel3:visited,
#level3Nav a.activeLevel3:active,
#level3Nav a.activeLevel3:hover {
	padding: 5px 7px 10px 5px;
	margin-right:-3px;
	text-decoration: underline;
	color: #fff;
	background: black;
	text-transform:uppercase;	
	}