@charset "UTF-8";

/********************************************************/
/* CSS Document for Ampthill Town Cricket Club 			*/
/* Written bt N3W Media   -  May 2008					*/
/*														*/
/* Controls layout and styling for CSS Nav				*/
/********************************************************/

#TopNav {
	width:425px;
	height:40px;
	border-color:#666666;
	border-style:solid;
	border-bottom-width:1px;
	border-top-width:1px;
	border-left: none;
	border-right: none;
	}
	
#SubNav {
	width:425px;
	height:40px;
	border-bottom-color:#666666;
	border-bottom-style:solid;
	border-bottom-width:1px;
	}

#BottomNav {
	width:731px;
	height:20px;
	border-color:#666666;
	border-style:solid;
	border-bottom-width:1px;
	border-top-width:1px;
	border-left: none;
	border-right: none;
	margin-bottom:20px;
	}

ul.TopNav
{
	margin: 0;
	padding-top: 0;
	list-style-type: none;
	font-size: 11px;
	cursor: default;
	width: auto;
}

ul.TopNav li
{
	margin: 0;
	margin-top:6px;
	padding: 0;
	padding-right:17px;
	list-style-type: none;
	font-size: 11px;
	text-align: left;
	cursor: pointer;
	float: left;
	width:auto;
}

ul.TopNav li.farRight { 
	padding-right:0px;
	}

#SubNav {
	}
 
ul.SubNav
{
	margin: 0;
	padding: 0;;
	list-style-type: none;
	font-size: 10px;
	cursor: default;
	width: auto;
}

ul.SubNav li
{
	margin: 0;
	padding: 0;
	margin-top:5px;
	padding-right:25px;
	list-style-type: none;
	font-size: 10px;
	text-align: left;
	cursor: pointer;
	width:auto;
	float: left;
}

ul.BottomNav
{
	margin: 0;
	padding-top: 0;
	float:right;
	xmargin-left:150px;
	list-style-type: none;
	cursor: default;
	width: auto;
}

ul.BottomNav li
{
	margin: 0;
	margin-top:4px;
	padding: 0;
	padding-left:8px;
	list-style-type: none;
	font-size:9px;
	text-align: left;
	cursor: pointer;
	float: left;
	width:auto;
}



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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

ul.TopNav ul
{
}

ul.TopNav a
{
	display: block;
	text-align:left;
	cursor: pointer;
	background-color: #FFF;
	font-weight:bold;
	text-decoration: none;
}

ul.TopNav a:hover, ul.TopNav a:focus
{
	color:#CCCCCC;
}

ul.SubNav ul
{
}

ul.SubNav a
{
	display: block;
	text-align:left;
	cursor: pointer;
	background-color: #FFF;
	text-decoration: none;
	font-weight:bold;
}

ul.SubNav a:hover, ul.SubNav a:focus
{
	color:#CCCCCC;
}

ul.BottomNav a
{
	display: block;
	text-align:left;
	cursor: pointer;
	background-color: #FFF;
	font-weight:normal;
	text-decoration: none;
}


ul.BottomNav a:hover, ul.BottomNav a:focus
{
	color:#CCCCCC;
}

.current {
	color:#D00F16;
	}


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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}