/************************************************************************************
*	Dynamic Tabs Navigation System (v1.0) © Matthew Campbell (http://www.mattcampbell.com.au)
*	
*	Description: A dynamic menu system for environments without dynamic content generation support.
*	This system doesn't represent the best way to implement a navigation system, as it uses workarounds
*	to overcome a lack of dynamic content generation (such as PHP, ASP, etc).
*
*	This script must not be used without authorisation.
************************************************************************************/

/*
*	Sets the layout of the menus
*/
#menu, #submenu
{
	float: left;
	width: 100%;
		
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

/*
*	Sets the colour of the main menu
*/
#menu
{
	background-color: #809947;
	background-image: url('../../media/images/layout/menu_bg.gif');
	background-repeat: repeat-x;
}

/*
*	Sets the colour of the submenu
*/
#submenu
{
	background-color: #3192E3;
}

/*
*	Sets the styling of the menu lists
*/
#menu ul, #submenu ul
{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	list-style: none;
}

/*
*	Sets the styling of the menu list items
*/
#menu li, #submenu li
{
	display: inline;
	line-height: 15px;
	white-space: nowrap;
}

/*
*	Sets the styling of the hyperlinks
*/
#menu a, #submenu a
{
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 7px 0px 7px 10px;
	
	color: #FFE17E;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1px;
	
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left -10px;
}

/*
*	Sets the left corner of the main menu tabs
*/
#menu a
{
	background-image: url('../../media/images/layout/menu_tab_left_bg.gif');
}

/*
*	Sets the right corner of the main menu tabs
*
*	The right corner is contained within a span tag to allow the whole list item and both background
*	images to be hyperlinked. Other solutions don't allow the left background image to be linked.
*
*	THIS SECTION IS NOT USED IN THIS SITE
*
*	#menu a span
*	{
*		background-image: url('../../media/images/layout/menu_tab_right_bg.gif');
*	}
*/

/*
*	Sets the left corner of the sub menu tabs
*
*	THIS SECTION IS NOT USED IN THIS SITE
*
*	#submenu a
*	{
*		background-image: url('../../media/images/layout/tabs_submenu_left.gif');
*	}
*/

/*
*	Sets the right corner of the submenu tabs
*
*	The right corner is contained within a span tag to allow the whole list item and both background
*	images to be hyperlinked. Other solutions don't allow the left background image to be linked.
*
*   THIS SECTION IS NOT USED IN THIS SITE
*
*	#submenu a span
*	{
*		background-image: url('../../media/images/layout/tabs_submenu_right.gif');
*	}
*/

/*
*   Sets the styling for the span that contains the right corner background image
*
*	THIS SECTION IS NOT USED IN THIS SITE
*
* 	#menu a span, #submenu a span
* 	{
*		padding: 6px 10px 0px 0px;
*	
*		background-repeat: no-repeat;
*		background-position: right -10px;	
* 	}
*/

/*
*	Sets styling for hover and currently selected tab on the main menu
*
*	Modifies the left background image and hyperlink
*
*	To implement the currently selected tab on a non-dynamic content generation system,
*	the currently selected tab must be entered as an ID on the containing div, and class names
*	added to the list item.
*
*	Note: this is a workaround for non-dynamic systems only and should not be used where a dynamic
*	system can add a css selector to a currently selected menu item when generating the page.
*/
#menu a:hover
{
	/*
	*	background-position: left 0px;
	*/
	padding-left: 10px;
	text-decoration: underline;
}

/*
*	Sets styling for hover and currently selected tab on the submenu
*
*	Modifies the left background image and hyperlink
*
*   THIS SECTION IS NOT USED IN THIS SITE
*
* 	#submenu a:hover,
* 	#menu #current_menu_name #submenu #current_submenu_name .current_submenu_name a,
* 	{
*		background-position: left 0px;
*		padding-left: 10px;
*		background-color: #FFFFFF;
*		color: #666666;
* 	}
*/

/*
*	Sets styling for hover and currently selected tab on the main menu and submenu
*
*	Modifies the right background image and span
*
*	THIS SECTION IS NOT USED IN THIS SITE
*
* 	#menu a:hover span,
* 	#submenu a:hover span,
* 	#menu #home .home a span,
* 	#menu #history .history a span,
* 	#menu #indigenous_people .indigenous_people a span,
* 	#menu #faq .faq a span,
* 	#menu #contact_us .contact_us a span
* 	{
*		background-position: right 0px;
*		padding-right: 10px;
* 	}
*/