/**************************  CSS Navigation for the drop down:  Tennis Camps **************************/
#NavTennisCamps {padding:0; margin:0; list-style:none; height:24px; background:#363 url(../Images/2n.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#NavTennisCamps li.top {display:block; float:left; height:24px;}

/* This is for the pop-out box */
#NavTennisCamps li:hover {position:relative; z-index:200;}
#NavTennisCamps li:hover ul.sub
/* the width of the box is controlled with WIDTH */
{left:1px; top:24px; background: #663300; padding:3px; border:1px solid #000000; white-space:nowrap; width:125px; height:auto; z-index:300;}
#NavTennisCamps li:hover ul.sub li
/* the height of the gray box is controlled with HEIGHT */
/* the width of the gray box is controlled with WIDTH */
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#NavTennisCamps li:hover ul.sub li a
/* as with above, the values below control sizing within the gray box */
{display:block; font-size:11px; height:18px; width:160px; line-height:18px; text-indent:0px; color:#FFF; text-decoration:none;border:1px solid #FFFFFF;}

#NavTennisCamps ul, 
#NavTennisCamps li:hover ul ul,
#NavTennisCamps li:hover li:hover ul ul,
#NavTennisCamps li:hover li:hover li:hover ul ul,
#NavTennisCamps li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/**************************  CSS Navigation for the drop down:  Tennis Programs **************************/
#NavTennisProg {padding:0; margin:0; list-style:none; height:24px; background:#363 url(../Images/2n.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#NavTennisProg li.top {display:block; float:left; height:24px;}

/* This is for the pop-out box */
#NavTennisProg li:hover {position:relative; z-index:200;}
#NavTennisProg li:hover ul.sub
/* the width of the box is controlled with WIDTH */
{left:1px; top:24px; background: #663300; padding:3px; border:1px solid #000000; white-space:nowrap; width:125px; height:auto; z-index:300;}
#NavTennisProg li:hover ul.sub li
/* the height of the gray box is controlled with HEIGHT */
/* the width of the gray box is controlled with WIDTH */
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#NavTennisProg li:hover ul.sub li a
/* as with above, the values below control sizing within the gray box */
{display:block; font-size:11px; height:18px; width:160px; line-height:18px; text-indent:0px; color:#FFF; text-decoration:none;border:1px solid #FFFFFF;}

#NavTennisProg ul, 
#NavTennisProg li:hover ul ul,
#NavTennisProg li:hover li:hover ul ul,
#NavTennisProg li:hover li:hover li:hover ul ul,
#NavTennisProg li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/**************************  CSS Navigation for the drop down:  Membership **************************/
#navMembership {padding:0; margin:0; list-style:none; height:24px; background:#363 url(../Images/3n.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#navMembership li.top {display:block; float:left; height:24px;}

/* This is for the pop-out box */
#navMembership li:hover {position:relative; z-index:200;}
#navMembership li:hover ul.sub
/* the width of the box is controlled with WIDTH */
{left:1px; top:24px; background: #663300; padding:3px; border:1px solid #000000; white-space:nowrap; width:190px; height:auto; z-index:300;}
#navMembership li:hover ul.sub li
/* the height of the gray box is controlled with HEIGHT */
/* the width of the gray box is controlled with WIDTH */
{display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
#navMembership li:hover ul.sub li a
/* as with above, the values below control sizing within the gray box */
{display:block; font-size:11px; height:18px; width:190px; line-height:18px; text-indent:0px; color:#FFF; text-decoration:none;border:1px solid #FFFFFF;}

#navMembership li:hover li:hover ul,
#navMembership li:hover li:hover li:hover ul,
#navMembership li:hover li:hover li:hover li:hover ul,
#navMembership li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#navMembership ul, 
#navMembership li:hover ul ul,
#navMembership li:hover li:hover ul ul,
#navMembership li:hover li:hover li:hover ul ul,
#navMembership li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/**************************  CSS Navigation for the drop down:  Locations **************************/
#navLocations {padding:0; margin:0; list-style:none; height:24px; background:#363 url(../Images/3n.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#navLocations li.top {display:block; float:left; height:24px;}

/* This is for the pop-out box */
#navLocations li:hover {position:relative; z-index:200;}
#navLocations li:hover ul.sub
/* the width of the box is controlled with WIDTH */
{left:1px; top:24px; background: #663300; padding:3px; border:1px solid #000000; white-space:nowrap; width:170px; height:auto; z-index:300;}
#navLocations li:hover ul.sub li
/* the height of the gray box is controlled with HEIGHT */
/* the width of the gray box is controlled with WIDTH */
{display:block; height:20px; position:relative; float:left; width:170px; font-weight:normal;}
#navLocations li:hover ul.sub li a
/* as with above, the values below control sizing within the gray box */
{display:block; font-size:11px; height:18px; width:170px; line-height:18px; text-indent:0px; color:#FFF; text-decoration:none;border:1px solid #FFFFFF;}

#navLocations li:hover li:hover ul,
#navLocations li:hover li:hover li:hover ul,
#navLocations li:hover li:hover li:hover li:hover ul,
#navLocations li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#navLocations ul, 
#navLocations li:hover ul ul,
#navLocations li:hover li:hover ul ul,
#navLocations li:hover li:hover li:hover ul ul,
#navLocations li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/**************************  CSS Navigation for the drop down:  Members Section **************************/
#navMembersSection {padding:0; margin:0; list-style:none; height:24px; background:#363 url(../Images/3n.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#navMembersSection li.top {display:block; float:left; height:24px;}

/* This is for the pop-out box */
#navMembersSection li:hover {position:relative; z-index:200;}
#navMembersSection li:hover ul.sub
/* the width of the box is controlled with WIDTH */
{left:1px; top:24px; background: #663300; padding:3px; border:1px solid #000000; white-space:nowrap; width:175px; height:auto; z-index:300;}
#navMembersSection li:hover ul.sub li
/* the height of the gray box is controlled with HEIGHT */
/* the width of the gray box is controlled with WIDTH */
{display:block; height:20px; position:relative; float:left; width:175px; font-weight:normal;}
#navMembersSection li:hover ul.sub li a
/* as with above, the values below control sizing within the gray box */
{display:block; font-size:11px; height:18px; width:175px; line-height:18px; text-indent:0px; color:#FFF; text-decoration:none;border:1px solid #FFFFFF;}

#navMembersSection li:hover li:hover ul,
#navMembersSection li:hover li:hover li:hover ul,
#navMembersSection li:hover li:hover li:hover li:hover ul,
#navMembersSection li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#navMembersSection ul, 
#navMembersSection li:hover ul ul,
#navMembersSection li:hover li:hover ul ul,
#navMembersSection li:hover li:hover li:hover ul ul,
#navMembersSection li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/**************************  CSS Navigation for the drop down:  About Us **************************/
#navAboutUs {padding:0; margin:0; list-style:none; height:24px; background:#363 url(../Images/3n.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#navAboutUs li.top {display:block; float:left; height:24px;}

/* This is for the pop-out box */
#navAboutUs li:hover {position:relative; z-index:200;}
#navAboutUs li:hover ul.sub
/* the width of the box is controlled with WIDTH */
{left:1px; top:24px; background: #663300; padding:3px; border:1px solid #000000; white-space:nowrap; width:125px; height:auto; z-index:300;}
#navAboutUs li:hover ul.sub li
/* the height of the gray box is controlled with HEIGHT */
/* the width of the gray box is controlled with WIDTH */
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#navAboutUs li:hover ul.sub li a
/* as with above, the values below control sizing within the gray box */
{display:block; font-size:11px; height:18px; width:125px; line-height:18px; text-indent:0px; color:#FFF; text-decoration:none;border:1px solid #FFFFFF;}

#navAboutUs li:hover li:hover ul,
#navAboutUs li:hover li:hover li:hover ul,
#navAboutUs li:hover li:hover li:hover li:hover ul,
#navAboutUs li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#navAboutUs ul, 
#navAboutUs li:hover ul ul,
#navAboutUs li:hover li:hover ul ul,
#navAboutUs li:hover li:hover li:hover ul ul,
#navAboutUs li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/**************************  CSS Navigation for the drop down:  Swimming **************************/
#navSwimming {padding:0; margin:0; list-style:none; height:24px; background:#363 url(../Images/3n.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#navSwimming li.top {display:block; float:left; height:24px;}

/* This is for the pop-out box */
#navSwimming li:hover {position:relative; z-index:200;}
#navSwimming li:hover ul.sub
/* the width of the box is controlled with WIDTH */
{left:1px; top:24px; background: #663300; padding:3px; border:1px solid #000000; white-space:nowrap; width:125px; height:auto; z-index:300;}
#navSwimming li:hover ul.sub li
/* the height of the gray box is controlled with HEIGHT */
/* the width of the gray box is controlled with WIDTH */
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#navSwimming li:hover ul.sub li a
/* as with above, the values below control sizing within the gray box */
{display:block; font-size:11px; height:18px; width:125px; line-height:18px; text-indent:0px; color:#FFF; text-decoration:none;border:1px solid #FFFFFF;}

#navSwimming li:hover li:hover ul,
#navSwimming li:hover li:hover li:hover ul,
#navSwimming li:hover li:hover li:hover li:hover ul,
#navSwimming li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#navSwimming ul, 
#navSwimming li:hover ul ul,
#navSwimming li:hover li:hover ul ul,
#navSwimming li:hover li:hover li:hover ul ul,
#navSwimming li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}