/* ------------------------- 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;/*this 300x200 image is a block with three stripes:  #666 21px; #000 1px; remainder is #000.*/
	background-color: #000;
	background-image: url(../images/1x22_666_whiterule.gif);
	background-repeat: repeat-x;
}




.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('http://wptschedule.org/images/placeholder238x181_madambutterfly.jpg') repeat-x;*/
	background: url('http://wptschedule.org/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-color: transparent;
	background-image: url(../images/1x22_666_whiterule.gif);	/*background: transparent url('http://wptschedule.org/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(http://wptschedule.org/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('http://wptschedule.org/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;
	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;
	background-image: url(../images/bkgdNav_on.gif);
	background-repeat: repeat-x;
}

.nav li.classNav  li a:hover,
.nav li.classNav  li:hover a
{
	color:#000;
	text-decoration: none;
	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;
	background-image: url(../images/bkgdNavFF6600_on.gif);
	background-repeat: repeat-x;
}


.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-image: url('http://wptschedule.org/images/clickBigBird.jpg');*/
	float: right;
	height:17px;
	background-color: #666;
	background-image: url(../images/bkgd_FF6600.gif);
	background-repeat: repeat-x;
	}

.nav .classNav a/*support WPT button only*/
{
	background-image: url(../images/bkgd_FF6600.gif);/*image/color behind the Support WPT link*/
	/*background-image: url('http://wptschedule.org/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('http://wptschedule.org/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(../images/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-image: url('http://wptschedule.org/images/clickBigBird.jpg');*/
	/*float: right;*/
	height:17px;
	background-color: #666;
	background-image: url(../images/bkgd_FF6600.gif);
	background-repeat: repeat-x;
}

.nav #support a/*support WPT button only*/{
	background-image: url(../images/bkgd_FF6600.gif);/*image/color behind the Support WPT link*/
	/*background-image: url('http://wptschedule.org/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-image: url(../images/1x28_FF6600_solidwhite.gif);
	background-repeat: repeat-x;
	background-position: 0 0;	/*background: url('http://wptschedule.org/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;
	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;
	background-image: url(../images/bkgdNavFF6600_on.gif);
	background-repeat: repeat-x;
}

#footer
	{
	background-color: #474747;
	text-align: left;
	border-top: 2px #FFFFFF solid;
	color:#FFFFFF;
	line-height: 26px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	clear: both;
	margin-top: 20px;
	}

#footer a:link,
#footer a:visited
	{
	color:#FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover

	{
	text-decoration: none;
	color: #FD9900;
	}
	
#belowFooterText
	{
	background-color: #ffffff;
	text-align: left; 
	padding:10px 0 10px 15px;
	color: #1D2F29;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:.8em; 
	}
	
#wrapperFooter a:link,
#wrapperFooter a:visited
	{
	color:#474747;
	text-decoration: none;
	font-weight:normal;
	}
	

#wrapperFooter a:hover

	{
	text-decoration: underline;
	color: #474747;
	}