/* @@@@@@@@@@@@@@@@@@@  Menu Navigation  @@@@@@@@@@@@@@@@@@@@@@@@ */

/* This has been separated out from the other styles to make it easier to read */

/*NOTE ABOUT MENUS USING LI'S AND UL'S - EVERYTHING THAT YOU SET USING A STYLE BY TAG, E.G STYLE FOR UL LI UL A{ ETC WILL CASCADE DOWN TO THE NEXT LEVEL, 
THAT IS, THAT STYLE WILL ALSO APPLY TO UL LI UL LI A{ UNLESS YOU EXPLICITLY OVERWRITE IT BY ADDING ANOTHER STYLE SUBSEQUENTLY.  

BE WARY OF SETTING HEIGHTS, AS LI'S FURTHER DOWN THE CHAIN WILL BE UNABLE TO EXPAND TO A GREATER HEIGHT*/

/*This is the outer holder for all the menu, it holds ALL the menu within the outer <ul> tags, i.e. everything from Programmes/Packages to IAEA Membership Section*/
/*This should not need changing*/
ul.ul_top_level{
	margin:0px; 
	padding:0px;
	padding-left:0px;
	list-style:none;
	list-style-type:none;
	
	/*background-color:red;*/
}


/*This is the unselected style for the <li> items within that top UL- i.e. Programmes/Packages, What's Included, etc*/
.li_top_unselected{
	list-style:none;
	font-size:9pt;
	line-height:20px;
	text-indent:10px;
	padding-left:0px;
	padding-top:4px;
	margin:0px;
	color: #282828;
	width:165px;
	height:20px;
	/*background-color:blue;*/
	}

/*This is the style for the top level <li> when selected, eg. the Programmes/Packages, What's Included etc, with the box round them*/
.li_top_selected{
	list-style:none;
	font-size:9pt;
	line-height:20px;
	text-indent:10px;
	padding:0px;
	padding-top:6px;
	padding-bottom:7px;
	margin:0px;
	width:165px;
	color:#ffffff; 
	background-image:url(images/menu_box.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	/*background-color:gray;*/
	}

/*This is the styles for the links within the <li> tags just above.  */
.menu_grey{
	color:#282828;
	text-decoration:none;
	font-size:9pt;
	}
	
/*This is the styles for the links within the <li> tags just above.  */
.menu_grey:hover{
	color:#ffffff;
	text-decoration:none;
	}

/*This is the styles for the links within the <li> tags just above.  */
.menu_grey_selected{
	color:#ffffff;
	text-decoration:none;
	font-size:9pt;
	display:block;
	}
	
/*This is the styles for the links within the <li> tags just above.  */
.menu_grey_selected:hover{
	color:#ffffff;
	text-decoration:none;
	}





/*This styles the lower level list items, i.e. 'Included in Price' and 'Potential Extras' */
.lower_li{
	list-style:none;
	font-weight:bold;

	text-indent:25px;
	height:20px;
	/*background-color:red;*/

	}
/*This styles the lower level list items, i.e. 'Included in Price' and 'Potential Extras' */
.lower_li_top{

	list-style:none;
	font-weight:bold;
	padding-top:10px;
	text-indent:25px;
	height:20px;
	/*background-color:red;*/

	}

/* This styles the links within .lower_li - 'display:block' is used so we can have menu_dot as a background image. */
.menu_white{
	display:block;
	color:#ffffff;
	text-decoration:none;
	line-height:21px;
	font-size:7.5pt;
	
}

/* This is the hover state for the links within .lower_li */
.menu_white:hover{
	display:block;
	background-image:url(images/menu_dot.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
}

/* This styles the links within .lower_li - 'display:block' is used so we can have menu_dot as a background image. */
.menu_white_selected{
	display:block;
	color:#ffffff;
	text-decoration:none;
	line-height:21px;
	font-size:7.5pt;
	background-image:url(images/menu_dot.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
}

/* This is the hover state for the links within .lower_li */
.menu_white:hover{
	display:block;
	background-image:url(images/menu_dot.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
}


/* This doesn't apply any text styles, it just stops firefox indenting the second level UL's.  Do not mess with this,  
if you remove this style, the sub levels, i.e. Application Process, Around the World etc, will have large indent in firefox*/
.second_list{
	margin:0px; 
	padding:0px;
	}