/*
 * File:		Layout.css
 * Purpose: 	Controls the positioning of the document
 * 
 * Configuration Management
 * CRN	Who			When			Description
 * -----------------------------------------------------------------------------
 * ---	L.Morton	18-Oct-2005		Initial document
 * ---	L.Morton	11-Nov-2005		Rewritten for new site style and structure
 * ---	L.Morton	24-Nov-2005		Formatting and comments
 *
 */

@media screen, handheld
{
	/*
	 * Remove default spacing on body element.
	 */
	body, html
	{
		margin: 0; padding: 0;
	}
	html
	{
		background: #0f437c url("/images/backgrounds/HatchingBg.png");
	}

	/*
	 * Box layout
     * #divContainer width is conditionally overridden in IE6.css, IE5.css
	 */
	#divContainer
	{
		position: relative; top: 0; left: 0;
		max-width: 98%; min-width: 750px;
		margin: 10px auto;
	}
	body > #divContainer
	{
		width: 74em;
	}
	#divContent
	{	
		width: 100%;
		padding-top: 110px;
		border: #fff 2px solid;
		background: #f3f3f3 url("/images/backgrounds/CheckerBg.png");
	}
	div > #divContent
	{
		float: left;	
	}

	/*
	 * Main panel boxes
	 */
	#divCopy
	{
		float: right; width: 66%;
		margin: 3em 1% 0.5em 0;
		padding: 2px;
		background: #fff;
		border: 2px solid #ddd;
		display: inline;
	}
	#divText
	{
		padding: 0 28px;
		/* background: #f3f3f3 url("/images/backgrounds/GrayBg.png") repeat-x; */
		background: #f3f3f3;
	}
	
	/*
	 * Small panel box
	 */
	#divOptions
	{
		float: left; width: 29.5%;
		margin-top: 3em;
		padding-left: 1.8%;
	}
	#divOptions p, #divOptions ul, #divOptions ol, #divOptions dl
	{
		margin: 0.5em 0;
	}
	
	/*
	 * Container for Features, trail and contextual menu.
	 */
	#divTrail, #divContext, .feature 
	{
		width: 93%;
		margin: 0 0 0.5em;
		border: 2px solid #ddd; 
		padding: 2px;
		background: #fff;
	}
	#divTrail div, #divContext div, .feature div
	{ 
		padding: 0 28px 0.3em;
		background: #f3f3f3 url("/images/backgrounds/GrayBg.png") repeat-x;	
	    
	}
	/* Evil hack because IE refuses to play nice with % based padding and margins */
	div > #divTrail, div > #divContext, div > .feature
	{
		float: left;
	}
	/*
	 * Trail layout. Allows the user to see where they are in the site.
	 */
	#divTrail h2, #divContext h2, .feature h2 
	{
		margin: 0 -28px 0.5em; padding: 0.4em 28px 0.5em;
		color: #fff;
		line-height: 1.25;
		font-size: 1.4em;
		border-bottom: #fff 2px solid; 
	}
	#divTrail h2, #divContext h2 
	{
		background: #0f437c url("/images/backgrounds/BlueGlossBg.png") repeat-x left 50%;
	}
	.feature h2
	{
		background: #df6d15 url("/images/backgrounds/OrangeGlossBg.png") repeat-x left 50%;
	}
	.promotion h2
	{
		/* background: #009ee6 url("/images/backgrounds/SuperBlueGlossBg.png") repeat-x left 50%; */
		background: #009ee6 url("/images/backgrounds/BlueAnimated3.gif") repeat-x left 50%;
	}
	#divTrail ol li 
	{ 
		display: inline; padding: 0;
	}
	#divTrail ol li 
	{ 
		white-space: nowrap;
	}
	#divTrail ol li.wrap
	{
		white-space: normal;
	}

	/* display: inline-block is needed to make IE 6 place the bg image correctly */
	/* IE7 gets the display value from IE7.css */
	#divTrail li a 
	{ 
		display: inline !important;
		display: inline-block;
		padding-right: 14px;
		background: url("/images/icons/ArrowRight.gif") no-repeat 100% 50%; 
	}

	/*
	 * Last updated section.
	 */
	#pUpdated 
	{
		clear: both; 
		text-align: center;
		margin: 0; padding: 1em;
		color: #777;
	}

	/*
	 * Search box
	 */
	#divSearch 
	{
		display: none;
		position: absolute; top: 20px; right: 20px; width: 50%;
	}
	#divSearch label
	{
		color: #ddd;
	}
	#divSearch form
	{
		float: right; width: auto;
	}

	/*
	 * Header (and menu)
	 */
	#divMenu
	{
		width: 100%; height: 100px;
		border: #fff 2px solid; border-bottom: #001933 1px solid;
		position: absolute; top: 0; left: 0;
		background: #0f437c url("/images/headers/HeaderWard.jpg") top right;
	}
	body.aFacilities #divMenu
	{
		background: #0f437c url("/images/headers/HeaderLabs.jpg") top right;
	}
	body.aLifestyle #divMenu
	{
		background: #0f437c url("/images/headers/HeaderQueenslander.jpg") top right;
	}
	body.aVacancies #divMenu
	{
		background: #0f437c url("/images/headers/HeaderChild.jpg") top right;
		/*background: #0f437c url("/images/headers/HeaderScrubs.jpg") top right;*/
	}
	body.aBenefits #divMenu
	{
		background: #0f437c url("/images/headers/HeaderBeach.jpg") top right;
	}
	body.aAbout #divMenu
	{
		background: #0f437c url("/images/headers/HeaderRedland.jpg") top right;
	}
	body.aNews #divMenu
	{
		background: #0f437c url("/images/headers/HeaderNews.jpg") top right;
	}
	body.aContact #divMenu
	{
		background: #0f437c url("/images/headers/HeaderReception.jpg") top right;
		/*background: #0f437c url("/images/backgrounds/BlueBg.png") repeat-x top;*/
	}

	/*
	 * Main menu positioning 
	 */
	#ulSiteMenu 
	{
		position: absolute; left: 0; top: 101px; width: 100%; height: 2.5em;
		margin: 0; padding: 0;
		list-style-type: none; font-weight: bold; font-size: 1.1em;
		background: #0f437c url("/images/backgrounds/BlueGlossBg.png") repeat-x left 50%;
		border-top: #125196 1px solid;
	}
	#ulSiteMenu li
	{
		list-style-type: none; margin: 0;
	}
	#ulSiteMenu li li
	{
		float: left; width: auto; /* Eliminates a margin that appears on the right */
 		/*background: #0f437c url("/images/backgrounds/BlueGlossBg.png") repeat-x left 50%;*/
 		margin-bottom: 1em;
	}
	#ulSiteMenu a 
	{
		padding: 0.5em 1em 0.7em; margin: 0; width: auto;
		border-right: #00254c 1px solid;
		background: #0f437c url("/images/backgrounds/BlueGlossBg.png") repeat-x left 50%;
	}
	#ulSiteMenu a:link 
	{ 
		color: #fff;
	}
	#ulSiteMenu a:visited 
	{ 
		color: #fff;
	}
	#ulSiteMenu a:hover, #ulSiteMenu a:focus, #ulSiteMenu a:active
	{ 
		color: #b5d0df;
		/*background: #0f437c url("/images/backgrounds/LightBlueGlossBg.png") repeat-x left 50%;*/
	}
	#ulSiteMenu #aHome
	{
		position: absolute; left: 0; top: -102px; width: 268px; height: 100px;
		margin: 0; padding: 0;
		background: url("/images/backgrounds/LogoBg.png") top;
		border: none;
		text-decoration: none;
	}
	#ulSiteMenu #aHome:hover, #ulSiteMenu #aHome:focus, #ulSiteMenu #aHome:active 
	{
		margin: 0; padding: 0;
		background: url("/images/backgrounds/LogoBg.png") bottom;
	}
	#ulSiteMenu #aHome span
	{
		visibility: hidden;
	}


	/*
	 * Show the part of the menu/heirarchy the user is currently below
	 */
	body.aFacilities #ulSiteMenu #aFacilities,
	body.aLifestyle #ulSiteMenu #aLifestyle,
	body.aVacancies #ulSiteMenu #aVacancies, 
	body.aBenefits #ulSiteMenu #aBenefits, 
	body.aAbout #ulSiteMenu #aAbout,
	body.aContact #ulSiteMenu #aContact,
	body.aNews #ulSiteMenu #aNews
	{ 
		background: #0f437c url("/images/backgrounds/LightBlueGlossBg.png") repeat-x left 50%;
	}

	/*
	 * Hover for the part of the menu/heirarchy the user is currently below
	 */
	body.aFacilities #ulSiteMenu #aFacilities:hover,
	body.aLifestyle #ulSiteMenu #aLifestyle:hover,
	body.aVacancies #ulSiteMenu #aVacancies:hover, 
	body.aBenefits #ulSiteMenu #aBenefits:hover, 
	body.aAbout #ulSiteMenu #aAbout:hover,
	body.aNews #ulSiteMenu #aNews:hover
	{ 
		/*color: #fff;*/
	}

	/*
	 * Sub menu (level 1) positioning
	 */
	.ulSiteMenu1 
	{
		position: absolute; left: 0; top: 0.4em; width: 100%;
		margin: 0; padding: 0;
		list-style-type: none;
	}
	.ulSiteMenu1 li a 
	{
		position: relative; width: 100%;
		border: none; 
		text-decoration: none;
	}
	.ulSiteMenu1 li a:hover 
	{
		border: none;
	}
	
	/*
	 * Footer positioning
	 */
	#divFooter
	{
		clear: both; float: left; width: 100%; height: 2.5em;
		padding: 0.5em 0;
		text-align: center;
	}
	#ulFooterMenu a:link 
	{ 
		color: #b5d0df;	
	}
	#ulFooterMenu a:visited 
	{  
		/*color: #78a9c4;*/
		color: #b5d0df;	
	}
	#ulFooterMenu a:hover, #ulFooterMenu a:focus, #ulFooterMenu a:active
	{ 
		color: #fff; 
	}
	#ulFooterMenu 
	{
		list-style-type: none;
	}
	#ulFooterMenu li 
	{
		margin-left: 0.5em;
	}
	#ulFooterMenu, #ulFooterMenu li 
	{
		display: inline;
	}
	#ulFooterMenu li a 
	{
		font-weight: bold; text-decoration: none; 
		width: auto; margin-left: 0.2em;
		padding: 0.5em 1em;
	}

	/*
	 * Footer menu selected and unselected items
	 */
	body.aAccessibility #ulFooterMenu #aAccessibility,
	body.aPrivacy #ulFooterMenu #aPrivacy,
	body.aCopyright #ulFooterMenu #aCopyright
	{ 
		color: #9ec8df;
	}
	body.aAccessibility #ulFooterMenu #aAccessibility:hover,
	body.aPrivacy #ulFooterMenu #aPrivacy:hover,
	body.aCopyright #ulFooterMenu #aCopyright:hover
	{
		color: #c60;
	}
}