/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#AboutClubMenu  { }
#RefereeMenu 		{ }
#HouseLeagueMenu{ }
#RepLeagueMenu 	{ }
#HandoutMenu 		{ }
#TournamentMenu { }
#CoachesMenu		{ }

/* remove all the bullets, borders and padding from the default list styling */
#CoachesMenu ul,
#TournamentMenu ul, 
#RepLeagueMenu ul, 
#HandoutMenu ul, 
#RefereeMenu ul, 
#HouseLeagueMenu ul, 
#AboutClubMenu ul { position:relative;  margin:12px 0 0 0; padding:0; list-style-type:none; width:auto; text-align:left; }
/* style the list items */
#CoachesMenu li,
#TournamentMenu li,
#RepLeagueMenu li,
#HandoutMenu li,
#RefereeMenu li,
#HouseLeagueMenu li,
#AboutClubMenu li { background-color:transparent; padding:0 0 0 20px; width:167px; }
#CoachesMenu li.sub,
#TournamentMenu li.sub,
#RepLeagueMenu li.sub,
#HandoutMenu li.sub,
#RefereeMenu li.sub, 
#HouseLeagueMenu li.sub, 
#AboutClubMenu li.sub { background-color:transparent; }

/* get rid of the table */
#CoachesMenu table,
#TournamentMenu table,
#RepLeagueMenu table,
#HandoutMenu table,
#RefereeMenu table,
#HouseLeagueMenu table, 
#AboutClubMenu table {position:absolute;  top:0; left:0; z-index:100; font-size:1em; }

/* style the links */
#CoachesMenu a,
#TournamentMenu a,
#RepLeagueMenu a,
#HandoutMenu a,
#RefereeMenu a,
#HouseLeagueMenu a, 
#AboutClubMenu a, 
#CoachesMenu a:visited,
#TournamentMenu a:visited,
#RepLeagueMenu a:visited,
#HandoutMenu a:visited,
#RefereeMenu a:visited, 
#HouseLeagueMenu a:visited, 
#AboutClubMenu a:visited { display:block; text-decoration:none; line-height:normal; width:187px; color:#D5D5D5; margin:0 0 12px 0; padding:0 0 1px 0;  }
#CoachesMenu a.current,
#TournamentMenu a.current, 
#RepLeagueMenu a.current, 
#HandoutMenu a.current, 
#RefereeMenu a.current, 
#HouseLeagueMenu a.current, 
#AboutClubMenu a.current { color:#DE7E31; background:transparent; border-bottom:1px solid #DE7E31; }

/* style the link hover */
* html #CoachesMenu a:hover,
* html #TournamentMenu a:hover,
* html #RepLeagueMenu a:hover,
* html #HandoutMenu a:hover,
* html #RefereeMenu a:hover, 
* html #HouseLeagueMenu a:hover, 
* html #AboutClubMenu a:hover { color:#DE7E31; background:transparent; position:relative;}
#CoachesMenu li:hover,
#TournamentMenu li:hover,
#RepLeagueMenu li:hover,
#HandoutMenu li:hover,
#RefereeMenu li:hover, 
#HouseLeagueMenu li:hover, 
#AboutClubMenu li:hover { position:relative;}

/* For accessibility of the top level menu when tabbing */
#CoachesMenu a:active,
#TournamentMenu a:active, 
#RepLeagueMenu a:active, 
#HandoutMenu a:active, 
#RefereeMenu a:active, 
#HouseLeagueMenu a:active, 
#AboutClubMenu a:active, 
#CoachesMenu a:focus,
#TournamentMenu a:focus, 
#RepLeagueMenu a:focus, 
#HandoutMenu a:focus, 
#RefereeMenu a:focus, 
#HouseLeagueMenu a:focus, 
#AboutClubMenu a:focus { color:#DE7E31; background:transparent;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#CoachesMenu li:hover > a,
#TournamentMenu li:hover > a,
#RepLeagueMenu li:hover > a,
#HandoutMenu li:hover > a,
#RefereeMenu li:hover > a, 
#HouseLeagueMenu li:hover > a, 
#AboutClubMenu li:hover > a {color:#DE7E31; background:transparent;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#CoachesMenu li ul,
#TournamentMenu li ul,
#RepLeagueMenu li ul,
#HandoutMenu li ul,
#RefereeMenu li ul,
#HouseLeagueMenu li ul,
#AboutClubMenu li ul { visibility:hidden; position:absolute; top:-30px; left:100px; padding:30px; background:transparent url(pub/images/dot.gif); }

/* for browsers that understand this is all you need for the flyouts */
#CoachesMenu li:hover > ul,
#TournamentMenu li:hover > ul,
#RepLeagueMenu li:hover > ul,
#HandoutMenu li:hover > ul,
#RefereeMenu li:hover > ul,
#HouseLeagueMenu li:hover > ul,
#AboutClubMenu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
#CoachesMenu ul a:hover ul ul,
#TournamentMenu ul a:hover ul ul,
#RepLeagueMenu ul a:hover ul ul,
#HandoutMenu ul a:hover ul ul,
#RefereeMenu ul a:hover ul ul,
#HouseLeagueMenu ul a:hover ul ul,
#AboutClubMenu ul a:hover ul ul { visibility:hidden; }
/* keep the fourth level+ hidden when you hover on second level link */
#CoachesMenu ul a:hover ul a:hover ul ul,
#TournamentMenu ul a:hover ul a:hover ul ul,
#RepLeagueMenu ul a:hover ul a:hover ul ul,
#HandoutMenu ul a:hover ul a:hover ul ul,
#RefereeMenu ul a:hover ul a:hover ul ul,
#HouseLeagueMenu ul a:hover ul a:hover ul ul,
#AboutClubMenu ul a:hover ul a:hover ul ul { visibility:hidden; }

/* make the second level visible when hover on first level link */
#CoachesMenu ul a:hover ul,
#TournamentMenu ul a:hover ul,
#RepLeagueMenu ul a:hover ul,
#HandoutMenu ul a:hover ul,
#RefereeMenu ul a:hover ul,
#HouseLeagueMenu ul a:hover ul,
#AboutClubMenu ul a:hover ul { visibility:visible; }
/* make the third level visible when you hover over second level link */
#CoachesMenu ul a:hover ul a:hover ul,
#TournamentMenu ul a:hover ul a:hover ul,
#RepLeagueMenu ul a:hover ul a:hover ul,
#HandoutMenu ul a:hover ul a:hover ul,
#RefereeMenu ul a:hover ul a:hover ul,
#HouseLeagueMenu ul a:hover ul a:hover ul,
#AboutClubMenu ul a:hover ul a:hover ul{ visibility:visible; }