/* =============================================================
   SECTION 3 
   navigation column
   ============================================================= */

#navColumn {
	background-color: #5379aa; /*background: #3366FF; /*#dbd2a8;*/
	font-size: 95%;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(assets/content_column_leftshadow.gif);
	background-position: top right;
	background-repeat: repeat-y;
	width: 160px;
	}

#navColumn ul {
	/* Tell NS4 to ignore these styles... */
	/*/*/
	margin: 0px;
	padding: 0px;
	/* Okay, we can let NS4 see the rest... */
	list-style: none;
	width: 160px;
	}

#navColumn ul li {
	margin: 0px;
	padding: 0px;
	width: 160px;
		}

* html #navColumn ul li   /* this selector recognized by IE only */
{
  float: left;   /* (only for IE5.x/Win) the float fixes an odd 'mystery indent' in IE 5 and 5.5/PC */
  f\loat: none;  /* (for other IE) */
}

#navColumn ul li a {
	display: block;
	margin: 0px;
	padding: 3px 5px 3px 21px;
	color: #ffffff; /* #FFFF33; */
	text-decoration: none;
	width: 134px;
	font-weight: bold;
	border-bottom: 1px solid #b9b086;
	border-top: 1px solid #fdf4ca;
	background-color: #dbd2a8;
	}
	
* html #navColumn ul li a   /* this selector recognized by IE only */
{
  width: 160px;   /* total width (only for IE5.x/Win) */
  w\idth: 134px;  /* content width (for other than IE) */
}

	
html>body #navColumn ul li a {
	/* let NN and Opera see proper width setting */
	 width: auto; 
	}
	
/* homeNav */

#navColumn ul.homeNav {
	border-bottom: 2px solid #879ca0;
	}
	
#navColumn ul.homeNav li {
	margin: 0px;
	padding-right: 0px;
	}
	
#navColumn ul.homeNav li a {
	background: url(assets/navarrow_blue.gif) no-repeat 2px 2px;
	}
	
#navColumn ul.homeNav li a.on {
	background: url(assets/navarrow_white.gif) no-repeat 2px 2px;
	background-color: #3E5688; /* #369; */
	border-bottom: 1px solid #147;
	border-top: 1px solid #58b;
	color: #fff;
	}	
	
#navColumn ul.homeNav li a:hover {
	border-bottom: 1px solid #147;
	border-top: 1px solid #58b;
	background: url(assets/navarrow_white.gif) no-repeat 2px 2px;
	background-color: #3E5688; /* #369; */
	color: #fff;
	}

/* courtNav */

#navColumn ul.courtsNav {
	border-bottom: 2px solid #ba8254;
	}
	
#navColumn ul.courtsNav li {
	margin: 0;
	padding: 0;
	}
	
#navColumn ul.courtsNav li a {
	background: url(assets/navarrow_orange.gif) no-repeat 2px 2px;
	}
	
#navColumn ul.courtsNav li a.on {
	background: url(assets/navarrow_white_down.gif) no-repeat 2px 2px;
	background-color: #930;
	border-bottom: 1px solid #771100;
	border-top: 1px solid #bb5522;
	color: #fff;
	}	

#navColumn ul.courtsNav li a:hover {
	border-bottom: 1px solid #771100;
	border-top: 1px solid #bb5522; 
	background: url(assets/navarrow_white.gif) no-repeat 2px 2px;
	/* background-color: #993300; */
	background-color: #5379aa;
	color: #fff;
	}
	
/* forNav */

#navColumn ul.forNav {
	border-bottom: 2px solid #bab544;
	}
	
#navColumn ul.forNav li {
	margin: 0;
	padding: 0;
	}
	
#navColumn ul.forNav li a {
	/* background: url(assets/navarrow_green.gif) no-repeat 2px 2px; */
	background-color: #5379aa; 
	}
	
#navColumn ul.forNav li a.on {
	background: url(assets/navarrow_white_down.gif) no-repeat 2px 2px;
	background-color: #990; 
	border-bottom: 1px solid #770;
	border-top: 1px solid #bb2;
	color: #fff;
	}
	
#navColumn ul.forNav li a:hover {
	border-bottom: 1px solid #770;
	border-top: 1px solid #bb2;
	background: url(assets/navarrow_green.gif) no-repeat 2px 2px;
	background-color: #fbf8a6; /* #585600; */
	/* background-color: #FFFF33; /*#990;*/
	color: #000;
	}
	
/* infoNav */

#navColumn ul.infoNav {
	border-bottom: 2px solid #d39c54;
	}
	
#navColumn ul.infoNav li {
	margin: 0;
	padding: 0;
	}
	
ul.infoNav li a {
	background: url(assets/navarrow_orange.gif) no-repeat 2px 2px;
	}
	
#navColumn ul.infoNav li a.on {
	background: url(assets/navarrow_white_down.gif) no-repeat 2px 2px;
	background-color: #c60;
	border-bottom: 1px solid #a40;
	border-top: 1px solid #e82;
	color: #fff;
	}

#navColumn ul.infoNav li a:hover {
	border-bottom: 1px solid #a40;
	border-top: 1px solid #e82;
	background: url(assets/navarrow_white.gif) no-repeat 2px 2px;
	background-color: #c60;
	color: #fff;
	}
	
/* -------------------------------
	secondary Nav */

#navColumn ul li ul {
	background: url(assets/navbackground_secondary.gif) no-repeat top;
	background-color: #efe4be;
	}

#navColumn ul li ul li {
	/* background-color: #aab9ca !important; */
	}
	
#navColumn ul li ul li a {
	background-image: none !important;
	background-color: transparent !important; 
	font-weight: normal !important;
	border-top: none !important;
	border-bottom: 1px dashed #bcb18b !important;
	margin-left: 15px !important;
	padding-left: 5px !important;
	}
	
* html #navColumn ul li ul li a   /* this selector recognized by IE only */
{
  width: 145px;   /* total width (only for IE5.x/Win) */
  w\idth: 134px;  /* content width (for other IE) */
}
html>body #navColumn ul li ul li a {
	/* let NN and Opera see proper width setting */
	 width: auto; 
	}


#navColumn ul li ul li a.on {
	/* background-color: #8b98ac !important; */
	font-weight: bold !important;
	background-color: transparent !important;
	}	
	
/* -------------------------------
	tertiary Nav */
	
#navColumn ul li ul li ul {
	background: url(assets/navbackground_tertiary.gif) no-repeat top;
	background-color: #fff4ce;
	}	 
	
#navColumn ul li ul li ul li {
	/* background-color: #c9d3de !important; */
	}
	
#navColumn ul li ul li ul li a {
	background-image: none !important;
	/* background-color: #c9d3de !important; */
	font-weight: normal !important;
	border-top: none !important;
	border-bottom: 1px dashed #bcb18b !important;
	margin-left: 30px !important;
	padding-left: 5px !important;
	}
* html #navColumn ul li ul li ul li a   /* this selector recognized by IE only */
{
  width: 130px;   /* total width (only for IE5.x/Win) */
  w\idth: 119px;  /* content width (for other IE) */
}
html>body #navColumn ul li ul li a {
	/* let NN and Opera see proper width setting */
	 width: auto; 
	}

#navColumn ul li ul li ul li a.on {
	/* background-color: #8b98ac !important; */
	font-weight: bold !important;
	}	


/* colors for each category */
/* infoNav */
#navColumn ul.infoNav li ul li a, #navColumn ul.infoNav li ul li a.on {
	color: #710;
	}
#navColumn ul.infoNav li ul li a:hover, #navColumn ul.infoNav li ul li a.on:hover {
	border-bottom: 1px solid #710 !important;
	color: #710;
	}	
/* courtsNav */
#navColumn ul.courtsNav li ul li a, #navColumn ul.courtsNav li ul li a.on {
	color: #700;
	}
#navColumn ul.courtsNav li ul li a:hover, #navColumn ul.courtsNav li ul li a.on:hover {
	border-bottom: 1px solid #700 !important;
	color: #700;
	}	
/* forNav */
#navColumn ul.forNav li ul li a, #navColumn ul.forNav li ul li a.on {
	color: #fbf8a6; /* #585600; */
	}
#navColumn ul.forNav li ul li a:hover, #navColumn ul.forNav li ul li a.on:hover {
	border-bottom: 1px solid #585600 !important;
	color: #fbf8a6; /* #585600; */
	}