/************************************************\
 ******************** 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 
	{
		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 0 0 5px;
		background: url(../images/bg_divisions_menu.gif) top right no-repeat;
		color: #fff;
		font-size: 1em;
		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: 1.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: 1em;
		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: 300px;
		}

		#content .mainBar
		{
			float: right;
			width: 640px;
		}

		#content .mainBar table.contentTable
		{
			position: relative;
			top: -20px;
			left: 0;
		}

		#content ul,
		#content li
		{
			font-size: 1.1em;
		}
		#content ul
		{
			padding: 0 0 0 15px !important;
		}
		#content a
		{
			color: #000;
		}

		/* welcome */
		#welcome
		{
			margin: 0 0 25px;
		}
		#welcome h1
		{
			padding: 15px;
			background: #d5dde1;
			color: #7792a3;
			font-size: 1.4em;
			font-style: italic;
			text-align: left;
		}
		#welcome p
		{
			padding: 0 15px;
			color: #698699;
		}

		/* buttons */
		#buttons a
		{
			display: block;
			margin: 0 0 5px;
		}	

		/* sponsors */
		#sponsors
		{
			position: relative;
			text-align: center;
		}
		#sponsors h1
		{
			padding: 15px;
			background: #d5dde1;
			color: #7792a3;
			font-size: 1.4em;
			font-style: italic;
			text-align: left;
		}
		#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;
	}
	#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 */
	/*#content .mainBar table
	{
		margin: 0 0 10px;
		border: 0;
		border-collapse: collapse;
	}
	table.contentTable
	{
		width: 300px !important;
		text-align: left !important;
		margin: 0;
	}*/
	/*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: #fff;
		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;
	}
	*+html img.imageRight
	{
		padding: 11px 0 0;
	}
	

	div[style] { display: none !important; }