/************************************************\
 ******************** LAYOUT ********************
\************************************************/

/*	Created: 23 Feb 2010 & 1.15pm
 *	Author: Matthew Holmes <www.ivt.com.au>
*/


/*	LAYOUT
 *	----------------------------------------------
*/

	body
	{
		background: #fff url(../images/bg-body.gif) 0 0 repeat-x;
	}

	
	/* --- utilsNav */
	
	/* --- utilsNav */
	
	#utilsNav 
	{
		height: 50px;
	}
	#utilsNav ul,
	#utilsNav li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#utilsNav li
	{
		float: left;
		margin: 16px 0 0;
	}
	#utilsNav li#subNav
	{
		float: right;
		width: auto;
		margin: 0;
	}

	#utilsNav li a
	{
		float: left;
		margin: 0 5px 0 0;
		background: url(../images/bg_divisions_menu.gif) top right no-repeat;
		color: #fff;
		font-size: .9em;
		text-decoration: none;
	}
	#utilsNav li a span
	{
		display: block;
		padding: 1px 8px 5px 5px;
		background: url(../images/bg_left_divisions_menu.gif) top left no-repeat;
	}
	
	#utilsNav li#subNav a
	{
		float: none;
		margin: 0;
		padding: 0 7px;
		background: none;
		font-size: 1em;
	}
	#utilsNav li#subNav form input,
	#utilsNav li#subNav form button
	{
		float: left;
		position: relative;
		top: -5px;
		left: 0;
	}
	#utilsNav li#subNav form input
	{
		width: 124px;
		margin: 0 0 0 10px;
		padding: 6px 5px 6px;
		border: 1px solid #a20d1a;
		background: #fff;
		color: #999;
		font-size: 11px;
	}
	#utilsNav li#subNav form button
	{
		display: block;
		width: 28px;
		height: 28px;
		margin: 0;
		padding: 0;
		border: 0;
		background: url(../images/btn_go.gif) 0 0 no-repeat;
		text-indent: -999em;
	}

	
	/* --- head */

	#head
	{
		position: relative;
		height: 146px;
		border-bottom: 1px solid #ddd;
	}
	#head #logo
	{
		position: absolute;
		top: 20px;
		left: 0;
	}

	#head #banner
	{
		position: absolute;
		top: 20px;
		right: 0;
	}


	/* --- mainNav */

	#mainNav
	{
		border-bottom: 4px solid #000;
	}
	#mainNav ul
	{
		margin: 0;
		padding: 0;
	}
	#mainNav li
	{
		display: block;
		padding: 15px 0 12px;
	}
	#mainNav li a
	{
		float: left;
		padding: 0 3px;
		color: #ed1b2e;
		font-size: .9em;
		font-weight: bold;
		text-decoration: none;
	}
	#mainNav li span.divider
	{
		float: left;
		width: 6px;
		height: 12px;
		padding: 5px 2px 0;
		background: url(../images/divider.gif) 2px 2px no-repeat;
		text-indent: -999em;
	}
	#mainNav li a:hover,
	#mainNav li a.on
	{
		color: #698699;
	}


	/* --- content */
	
	#content
	{
		margin: 20px 0;
	}

		#content .sideBar
		{
			float: left;
			width: 220px;
		}

		#content .mainBar
		{
			position: relative;
			float: right;
			width: 700px;
		}

		#content .mainBar table.contentTable
		{
			width: 700px !important;
		}


		/* breadcrumbs */
		.breadcrumbs
		{
			padding: 10px;
			background: #ededed;
			font-size: 11px;
		}
		.breadcrumbs a
		{
			color: #ed1b2e;
		}		

		/* print icon */
		#content .mainBar ul.icons 
		{ 
			position: absolute; 
			top: 48px; 
			right: 10px;
		}

		#content .mainBar ul.icons li
		{
			list-style: none;
		}
		
		#content .mainBar ul.icons li.print a 
		{ 
			float: left; 
			display: block; 
			width: 25px; 
			height: 25px; 
			background: url(../images/printer-icon.gif) no-repeat; text-indent: -999em;
		}

		/* sideBar Heading */
		#content .sideBar h2,
		#content #myAccount h2
		{
			margin: 0;
			padding: 10px 0 10px 10px;
			background: #b91524 url(../images/bg_sidebar_heading.gif) 0 0 repeat-x;
			border-bottom: 1px solid #8d0814;
			color: #fff;
			font-family: Georgia, serif;
			font-style: italic;
			font-weight: normal;
		}
		#content .sideBar h2.title
		{
			margin: 0 0 10px;
		}

		#content #myAccount h2
		{
			margin: 10px 0 0;
			background: #1c3240 url(../images/bg_sidebar_myaccount_heading.gif) 0 0 repeat-x;
			border-bottom: 1px solid #1c3240;
		}


		/* sideBar Navigation */
		#content .sideBar ul,
		#content .sideBar li
		{
			margin: 0 0 10px;
			padding: 0;
			list-style: none;
		}
		#content .sideBar li ul,
		#content .sideBar li li ul
		{
			margin: 0;
		}
		#content .sideBar li
		{	
			margin: 0 !important;
			background: #c2d0d6 url(../images/bg_sidebar_menu.gif) 0 0 repeat-x;
		}
		#content .sideBar li a
		{
			display: block;
			width: 190px;
			padding: 5px 10px 5px 20px;
			border-bottom: 1px solid #aabfc8;
			background: url(../images/bg_sidebar_menu_arrow_off.gif) 10px 10px no-repeat;
			font-size: .9em;
			color: #1c3240;
			text-decoration: none;
		}
		#content .sideBar li a:hover,
		#content .sideBar li.on a
		{
			background: #698699 url(../images/bg_sidebar_menu_arrow_over.gif) 10px 10px no-repeat;
			color: #fff;
		}
		#content .sideBar li li
		{
			background: #d5dde1;
		}
		#content .sideBar li.on li a
		{
			width: 180px;
			padding: 5px 10px 5px 30px;
			border: 0;
			background: #d5dde1 url(../images/bg_sidebar_menu_arrow2_off.gif) 20px 10px no-repeat;
			color: #666666;
		}
		#content .sideBar li.on li a:hover,
		#content .sideBar li.on li.on a
		{
			background: #d5dde1 url(../images/bg_sidebar_menu_arrow2_over.gif) 20px 10px no-repeat;
			color: #ed1b2e;
		}
		#content .sideBar li li li
		{
			background: #d5dde1;
		}
		#content .sideBar li.on li.on li.off a,
		#content .sideBar li.on li.on li.on a
		{
			width: 170px;
			padding: 5px 10px 5px 40px;
			border: 0;
			background: #d5dde1 url(../images/bg_sidebar_menu_arrow2_off.gif) 30px 10px no-repeat;
			color: #666666;
		}
		#content .sideBar li.on li.on li.off a:hover,
		#content .sideBar li.on li.on li.on a
		{
			background: #d5dde1 url(../images/bg_sidebar_menu_arrow2_over.gif) 30px 10px no-repeat;
			color: #ed1b2e;
		}
		#content .sideBar .button
		{
			margin: 10px 0 0;
			padding: 0;
			line-height: 0;
		}


		#content #myAccountContainer
		{
			padding: 15px 15px 0;
			background: #d5dde1 url(../images/bg-myacount.gif) left bottom repeat-x;
		}
		#content #myAccountContainer ul li
		{
			background: none !important;
		}
		#content #myAccountContainer ul li a
		{
			width: auto !important;
			border: 0 !important;
			background: url(../images/bg_sidebar_menu_myaccount_off.gif) 10px 10px no-repeat;
			color: #666666 !important;
			font-size: 12px;
		}
		#content #myAccountContainer ul li a:hover
		{
			background: url(../images/bg_sidebar_menu_myaccount_over.gif) 10px 10px no-repeat;
			color: #ed1b2e !important;
		}


		/* sponsors */
		#sponsors
		{
			margin: 12px 0;
			position: relative;
			text-align: center;
		}
		#sponsors h1
		{
			margin: 0 0 20px;
			padding: 15px;
			background: #d5dde1;
			color: #7792a3;
			font-size: 1.3em;
			font-style: italic;
			font-weight: normal;
			text-align: left;
			line-height: 1.1;
		}
		#sponsorLink
		{
			position: absolute;
			top: 12px;
			right: 15px;
		}
	
	
	/* --- foot */
	
	#foot
	{
		margin: 0 0 15px;
		border-top: 1px solid #e5e5e5;
		color: #999;
	}
	#foot ul,
	#foot li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#foot li
	{
		float: left;
		padding: 8px 15px;
		border-right: 1px solid #e5e5e5;
		font-size: 1em;
	}
	#foot li a#feedback
	{
		text-align: center;
		margin: 5px 0;
		display: block;
	}	
	#foot li#credits
	{
		float: right;
		border: 0;
		border-left: 1px solid #e5e5e5;
	}
	#foot li a
	{
		color: #698699;
	}


	/* --- containers */

	#container
	{
		width: 940px;
		margin: 0 auto;
	}


	/* --- table Content */
	table.contentTable th,
	table.contentTable td
	{
		/*border-bottom: 1px solid #516776;*/
	}
	table.contentTable table td
	{
		padding: 10px 15px 0;
		border: 0;
		color: #1c3240;
		font-size: 1em;
	}
	table.contentTable th h1
	{
		float: left;
		margin: 0;
		padding: 15px;
		color: #ed1b2e;
		font-style: italic;
		font-size: 1.4em;
	}
	table.contentTable th a
	{
		float: right;
		display: block;
		width: 63px;
		height: 23px;
		margin: 0;
		padding: 0;
	}

	
	/* --- images */
	img.imageRight
	{
		float: right;
		padding: 11px 15px 0;
	}


	div[style] { display: none !important; }
