/* code for the 'ACTIVITIES MENU' */
#tbMenuact {
	height: 37px;
	width: 1000px;
	font-size: 75px; 			/* ME  big enough to ensure hover / dropdown is positioned correctly */
	font-weight: bold;			/* ME  for all contents of table */
}



/* code for the lefthand spacer */
#tdMenuspacer {  				/* ME  if delete menus indent */
	width: 30px;   				/* ME controls width of table cell, can use this to make space between menu items*/
}	

.help {
	cursor: help;
}

/* code for the 'INFORMATION' dropdown */
#tdMenuinfo {  					/* ME  if delete menus indent */
	width: 112px;   			/* ME controls width of table cell, can use this to make space between menu items if magin - left not work*/
	background-image: url(../images/menu-activity/information.gif);
	background-repeat: no-repeat;
}	

#dmenu{                         /* ME menu list container */
	list-style-type: none;      /* ME disable the display of the list item bullets */
	margin: 0px;                /* space around the list container */
	padding: 0px;               /* space within the list container */
	position: static;           /* need this so that the z-index stuff works correctly */
	font-size: 50px;  			/* ME make large so hover covers all image */
	color: #C7CB4B;   			/* ME doesn't appeaer to do anything */
	z-index: 20;                /* ME push the menu up in the layer order a bit so it isn't hidden behind anything */ /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
}

#dmenu li{                      /* ME TOP LEVEL MENU ELEMENT */
	list-style-type: none;      /* ME disable the display of the list item bullets */
	float: left;                /* ME this is to allow for the horizontal main menu */
	color: #66FF00;             /* ME not sure what this changes - main menu item font color (not links) */
	margin: 0px;                /* spacing between main menu items */
	padding: 0px;               /* padding within main menu items */
	width: 87px;                /* ME the width of each main menu item in MZ, not IE */
	display: block;
}

#dmenu ul {                     /* third-level (or greater) menu element list elements */
	position: absolute;         /* ME this is so that it doesn't push that page content around on hover */
	margin-left: -6px;          /* indent dropdown from left */
	padding: 0px;               /* space within the list container */
	list-style-type: none;      /* ME disable the display of the list item bullets */
	display: none;
	width: 95px;               	/* ME seems to set width of border only in MZ - should be the same as #dmenu li width */
	background-color: #000000; 			/* ME not sure what this does */
	color: #FF0000;             		/* ME not sure what this does */
	font-size: 12px;  					/* ME for dropdown menu */
	z-index: 99;                		/* want to be sure this is above the rest of the menu */
	border-top: 0px solid #C7CB4B;  	/* ME border for dropdowns */
	border-right: 1px solid #263500; 	/* ME border for dropdowns */
	border-bottom: 3px solid #263500; 	/* ME border for dropdowns */
	border-left: 1px solid #263500;  	/* ME border for dropdowns */
}

#dmenu ul li{                   	/* second-level or greater menu element links */
    background-color: #C7CB4B;     	/* ME background color for dropdown menus */
    color: #FF0000;               	/* ME not sure what this does */
    border: none;               	/* ME not sure what this does */
    width: 95px;               		/* ME sets width of dropdown in MZ - (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
}

#dmenu li a{                    	/* top-level menu element links */
    text-align: center;         	/* text alignment in main menu item links */
    width: 95px;               		/* ME not sure what width this relates to (in IE this width must be set before other relvant widths work) - set this to #dmenu ul width */
    display: block;
	text-decoration: none;
}
    
#dmenu ul a {                   	/* all the other level menu link elements */
	padding: 2px;
	width: 95px;               		/* ME not sure - (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
	display: block;
	color: #263500;  				/* ME colour of dropdown text */
}

#dmenu a:hover,                 	/* top-level hovering properties */
#dmenu li:hover{
    display: block;
}
    
#dmenu ul li:hover,             	/* higher level hovering properties */
#dmenu ul li a:hover{
    display: block;
    width: 95px;               		/* ME width of dropdown hover - should be set to the same value as #dmenu ul li width */
    background-color: #92932D; 		/* ME sets the background colour of the dropdown hover */
    color: #FFFFFF;    				/* ME sets the hover font colour for dropdown hover */
}

#dmenu ul ul{                   	/* ME for the side dropout menus */
    display: none;              	/* ME don't display by default */
    position: absolute;
    margin-left: 95px;         		/* ME moves side dropout left or right relative to original dropdown */
    margin-top: -18px;           	/* ME moves side dropout up or down relative to original dropdown */
}

/* only non-MSIE browsers use this */
#dmenu ul li>ul,
#dmenu ul ul li>ul{
    margin-top: -18px;           	/* should be set to the same as #dmenu ul ul margin-top */
}

/* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
#dmenu li:hover ul ul,              
#dmenu li:hover ul ul ul,
#dmenu li:hover ul ul ul ul,
#dmenu li:hover ul ul ul ul ul{
        display:none;
}

#dmenu li:hover ul,
#dmenu ul li:hover ul,
#dmenu ul ul li:hover ul,
#dmenu ul ul ul li:hover ul,
#dmenu ul ul ul ul li:hover ul{
        display:block;
}

li>ul {
    top: auto;
    left: auto;
}

.content {                      /* This is used for the content that will appear below the menu */
    clear: left;
}



/* code for the 'DISCOVERY' dropdown */
#tdMenudisc {  					/* ME  if delete menus indent */
	width: 140px;   			/* ME controls width of table cell */
	background-image: url(../images/menu-activity/discovery.gif);
	background-repeat: no-repeat;
}	

#dmenu2{                        /* ME MENU LIST CONTAINER */
	list-style-type: none;      /* ME disable the display of the list item bullets */
	margin: 0px;                /* space around the list container */
	padding: 0px;               /* space within the list container */
	position: static;           /* need this so that the z-index stuff works correctly */
	color: #C7CB4B;   			/* ME doesn't appeaer to do anything */
	z-index: 20;                /* ME push the menu up in the layer order a bit so it isn't hidden behind anything */ /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
}

#dmenu2 li{                     /* ME TOP LEVEL MENU ELEMENT */
	list-style-type: none;      /* ME disable the display of the list item bullets */
	float: left;                /* ME this is to allow for the horizontal main menu */
	color: #C7CB4B;             /* ME not sure what this changes - main menu item font color (not links) */
	margin: 0px;                /* spacing between main menu items */
	padding: 0px;               /* padding within main menu items */
	width: 115px;               /* ME the width of each main menu item in MZ, not IE */
	display: block;
}

#dmenu2 ul {                    /* ME FORMAT DROPDOWN ELEMENT LIST */
	position: absolute;         /* ME this is so that it doesn't push that page content around on hover */
	margin-left: 27px;          /* indent dropdown from left */
	padding: 0px;               /* space within the list container */
	list-style-type: none;      /* ME disable the display of the list item bullets */
	display: none;
	width: 81px;               	/* ME seems to set width of border only in MZ - should be the same as #dmenu li width */
	background-color: #000000; 			/* ME not sure what this does */
	color: #FF0000;             		/* ME not sure what this does */
	font-size: 12px;  					/* ME for dropdown menu */
	z-index: 99;                		/* want to be sure this is above the rest of the menu */
	border-top: 0px solid #C7CB4B;  	/* ME border for dropdowns */
	border-right: 1px solid #263500; 	/* ME border for dropdowns */
	border-bottom: 3px solid #263500; 	/* ME border for dropdowns */
	border-left: 1px solid #263500;  	/* ME border for dropdowns */
}

#dmenu2 ul li{                   	/* ME FORMAT DROPDOWN ELEMENT LIST */
    background-color: #C7CB4B;     	/* ME background color for dropdown menus */
    color: #FF0000;               	/* ME not sure what this does */
    border: none;               	/* ME not sure what this does */
    width: 81px;               		/* ME sets width of dropdown in MZ - (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
}

#dmenu2 li a{                    	/* ME FORMAT DROPDOWN ELEMENT LIST */
    text-align: center;         	/* text alignment in main menu item links */
    width: 81px;               		/* ME not sure what width this relates to (in IE this width must be set before other relvant widths work) - set this to #dmenu ul width */
    display: block;
	text-decoration: none;
}
    
#dmenu2 ul a {                   	/* ME FORMAT DROPDOWN ELEMENT LIST */
	padding: 2px;
	width: 81px;               		/* ME not sure - (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
	display: block;
	color: #263500;  				/* ME colour of dropdown text */
}

#dmenu2 a:hover,                 	/* top-level hovering properties */
#dmenu2 li:hover{
    display: block;
}
    
#dmenu2 ul li:hover,             	/* ME FORMAT DROPDOWN HOVERING */
#dmenu2 ul li a:hover{
    display: block;
    width: 81px;               		/* ME width of dropdown hover - should be set to the same value as #dmenu ul li width */
    background-color: #92932D; 		/* ME sets the background colour of the dropdown hover */
    color: #FFFFFF;    				/* ME sets the hover font colour for dropdown hover */
}

#dmenu2 ul ul{                   	/* ME FORMAT SIDE DROPOUT MENUS */
    display: none;              	/* ME don't display by default */
    position: absolute;
    margin-left: 81px;         		/* ME moves side dropout left or right relative to original dropdown */
    margin-top: -18px;           	/* ME moves side dropout up or down relative to original dropdown */
}

/* only non-MSIE browsers use this */
#dmenu2 ul li>ul,
#dmenu2 ul ul li>ul{
    margin-top: -18px;           	/* should be set to the same as #dmenu ul ul margin-top */
}

/* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
#dmenu2 li:hover ul ul,              
#dmenu2 li:hover ul ul ul,
#dmenu2 li:hover ul ul ul ul,
#dmenu2 li:hover ul ul ul ul ul{
        display:none;
}

#dmenu2 li:hover ul,
#dmenu2 ul li:hover ul,
#dmenu2 ul ul li:hover ul,
#dmenu2 ul ul ul li:hover ul,
#dmenu2 ul ul ul ul li:hover ul{
        display:block;
}



/* code for the 'ADVENTURE' dropdown */
#tdMenuadv {
	width: 146px;
	margin-left: 25px;
	background-image: url(../images/menu-activity/adventure.gif);
	background-repeat: no-repeat;
}	

#dmenu3{
	list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: static;
    color: #C7CB4B;
    z-index: 20;
}

#dmenu3 li{
	list-style-type: none;
	float: left;
	color: #66FF00;
	margin: 0px;
	padding: 0px;
	width: 121px;
	display: block;
}

#dmenu3 ul {
	position: absolute;
	margin-left: 27px;
	padding: 0px;
	list-style-type: none;
	display: none;
	width: 87px;
	background-color: #000000;
	color: #FF0000;
	font-size: 12px;
	z-index: 99;
	border-top: 0px solid #C7CB4B;
	border-right: 1px solid #263500;
	border-bottom: 3px solid #263500;
	border-left: 1px solid #263500;
}

#dmenu3 ul li{
    background-color: #C7CB4B;
    color: #FF0000;
    border: none;
    width: 87px;
}

#dmenu3 li a{
    text-align: center;
    width: 87px;
    display: block;
	text-decoration: none;
}
    
#dmenu3 ul a {
	padding: 2px;
	width: 87px;
	display: block;
	color: #263500;
}

#dmenu3 a:hover,
#dmenu3 li:hover{
    display: block;
}
    
#dmenu3 ul li:hover,
#dmenu3 ul li a:hover{
    display: block;
    width: 87px;
    background-color: #92932D;
    color: #FFFFFF;
}

#dmenu3 ul ul{
    display: none;
    position: absolute;
    margin-left: 87px;
    margin-top: -18px;
}

/* only non-MSIE browsers use this */
#dmenu3 ul li>ul,
#dmenu3 ul ul li>ul{
    margin-top: -18px;
}

#dmenu3 li:hover ul ul,              
#dmenu3 li:hover ul ul ul,
#dmenu3 li:hover ul ul ul ul,
#dmenu3 li:hover ul ul ul ul ul{
        display:none;
}

#dmenu3 li:hover ul,
#dmenu3 ul li:hover ul,
#dmenu3 ul ul li:hover ul,
#dmenu3 ul ul ul li:hover ul,
#dmenu3 ul ul ul ul li:hover ul{
        display:block;
}



/* code for the 'LOCAL LIFE' dropdown */
#tdMenulife {
	width: 140px;
	margin-left: 25px;
	background-image: url(../images/menu-activity/local-life.gif);
	background-repeat: no-repeat;
}	

#dmenu4{
	list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: static;
    z-index: 20;
}

#dmenu4 li{
	list-style-type: none;
	float: left;
	color: #66FF00;
	margin: 0px;
	padding: 0px;
	width: 115px;
	display: block;
}

#dmenu4 ul {
	position: absolute;
	margin-left: 27px;
	padding: 0px;
	list-style-type: none;
	display: none;
	width: 81px;
	background-color: #000000;
	color: #FF0000;
	font-size: 12px;
	z-index: 99;
	border-top: 0px solid #C7CB4B;
	border-right: 1px solid #263500;
	border-bottom: 3px solid #263500;
	border-left: 1px solid #263500;
}

#dmenu4 ul li{
    background-color: #C7CB4B;
    color: #FF0000;
    border: none;
    width: 81px;
}

#dmenu4 li a{
    text-align: center;
    width: 81px;
    display: block;
	text-decoration: none;
}
    
#dmenu4 ul a {
	padding: 2px;
	width: 81px;
	display: block;
	text-decoration: none;
	color: #263500;
}

#dmenu4 a:hover,
#dmenu4 li:hover{
    display: block;
}
    
#dmenu4 ul li:hover,
#dmenu4 ul li a:hover{
    display: block;
    width: 81px;
    background-color: #92932D;
    color: #FFFFFF;
}

#dmenu4 ul ul{
    display: none;
    position: absolute;
    margin-left: 81px;
    margin-top: -18px;
}

/* only non-MSIE browsers use this */
#dmenu4 ul li>ul,
#dmenu4 ul ul li>ul{
    margin-top: -18px;
}

#dmenu4 li:hover ul ul,              
#dmenu4 li:hover ul ul ul,
#dmenu4 li:hover ul ul ul ul,
#dmenu4 li:hover ul ul ul ul ul{
        display:none;
}

#dmenu4 li:hover ul,
#dmenu4 ul li:hover ul,
#dmenu4 ul ul li:hover ul,
#dmenu4 ul ul ul li:hover ul,
#dmenu4 ul ul ul ul li:hover ul{
        display:block;
}



/* code for the 'SPECIAL INTEREST' dropdown */
#tdMenuspecial {
	width: 183px;
	margin-left: 25px;
	background-image: url(../images/menu-activity/special-interest.gif);
	background-repeat: no-repeat;
}	

#dmenu5{
	list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: static;
    color: #C7CB4B;
    z-index: 20;
}

#dmenu5 li{
	list-style-type: none;
	float: left;
	color: #66FF00;
	margin: 0px;
	padding: 0px;
	width: 158px;
	display: block;
}

#dmenu5 ul {
	position: absolute;
	margin-left: 27px;
	padding: 0px;
	list-style-type: none;
	display: none;
	width: 124px;
	background-color: #000000;
	color: #FF0000;
	font-size: 12px;
	z-index: 99;
	border-top: 0px solid #C7CB4B;
	border-right: 1px solid #263500;
	border-bottom: 3px solid #263500;
	border-left: 1px solid #263500;
}

#dmenu5 ul li{
    background-color: #C7CB4B;
    color: #FF0000;
    border: none;
    width: 124px;
}

#dmenu5 li a{
    text-align: center;
    width: 124px;
    display: block;
	text-decoration: none;
}
    
#dmenu5 ul a {
	padding: 2px;
	width: 124px;
	display: block;
	text-decoration: none;
	color: #263500;
}

#dmenu5 a:hover,
#dmenu5 li:hover{
    display: block;
}
    
#dmenu5 ul li:hover,
#dmenu5 ul li a:hover{
    display: block;
    width: 124px;
    background-color: #92932D;
    color: #FFFFFF;
}

#dmenu5 ul ul{
    display: none;
    position: absolute;
    margin-left: 124px;
    margin-top: -18px;
}

/* only non-MSIE browsers use this */
#dmenu5 ul li>ul,
#dmenu5 ul ul li>ul{
    margin-top: -18px;
}

#dmenu5 li:hover ul ul,              
#dmenu5 li:hover ul ul ul,
#dmenu5 li:hover ul ul ul ul,
#dmenu5 li:hover ul ul ul ul ul{
        display:none;
}

#dmenu5 li:hover ul,
#dmenu5 ul li:hover ul,
#dmenu5 ul ul li:hover ul,
#dmenu5 ul ul ul li:hover ul,
#dmenu5 ul ul ul ul li:hover ul{
        display:block;
}



/* code for the 'MORE' dropdown */
#tdMenumore {
	width: 145px;
	margin-left: 25px;
	background-image: url(../images/menu-activity/more.gif);
	background-repeat: no-repeat;
}	

#dmenu6{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: static;
	color: #C7CB4B;
	z-index: 20;
}

#dmenu6 li{
	list-style-type: none;
	float: left;
	color: #C7CB4B;
	margin: 0px;
	padding: 0px;
	width: 120px;
	display: block;
}

#dmenu6 ul {
	position: absolute;
	margin-left: 27px;
	padding: 0px;
	list-style-type: none;
	display: none;
	width: 86px;
	background-color: #000000;
	color: #FF0000;
	font-size: 12px;
	z-index: 99;
	border-top: 0px solid #C7CB4B;
	border-right: 1px solid #263500;
	border-bottom: 3px solid #263500;
	border-left: 1px solid #263500;
}

#dmenu6 ul li{
    background-color: #C7CB4B;
    color: #FF0000;
    border: none;
    width: 86px;
}

#dmenu6 li a{
    text-align: center;
    width: 86px;
    display: block;
	text-decoration: none;
}
    
#dmenu6 ul a {
	padding: 2px;
	width: 86px;
	display: block;
	color: #263500;
}

#dmenu6 a:hover,
#dmenu6 li:hover{
    display: block;
}
    
#dmenu6 ul li:hover,
#dmenu6 ul li a:hover{
    display: block;
    width: 86px;
    background-color: #92932D;
    color: #FFFFFF;
}

#dmenu6 ul ul{
    display: none; 
    position: absolute;
    margin-left: 86px;
    margin-top: -18px;
}

/* only non-MSIE browsers use this */
#dmenu6 ul li>ul,
#dmenu6 ul ul li>ul{
    margin-top: -18px; 
}


#dmenu6 li:hover ul ul,              
#dmenu6 li:hover ul ul ul,
#dmenu6 li:hover ul ul ul ul,
#dmenu6 li:hover ul ul ul ul ul{
        display:none;
}

#dmenu6 li:hover ul,
#dmenu6 ul li:hover ul,
#dmenu6 ul ul li:hover ul,
#dmenu6 ul ul ul li:hover ul,
#dmenu6 ul ul ul ul li:hover ul{
        display:block;
}



/* code for the 'About Us' rollover */
a#menuaboutus {
    display: block;
    width: 70px;
    height: 37px;
    background-image: url(../images/menu-activity/about-us.gif);
	background-repeat: no-repeat;
}