/**********************************************************
	AUTHOR:  			Carl Vanderpal
	AUTHOR URI:   		http://www.freeenterprise.com.au/
	THEME NAME: 		Q4 Talent
	TEMPLATE CODE: 		T-20090922
	VERSION:          	3.0
	DATE:             	September-22-2009
	COPYRIGHT:			(c) 2009 Free Enterprise Marketing. All rights reserved.
	DESCRIPTION: 		Brought to you by freeenterprise.com.au
**********************************************************/


/* Body Elements
==============================================================================*/

	* { /* removes defaults from all elements */
		margin: 0;
		padding: 0;
		}

	body {
		color:#222;
		background-color:#fff;
		font:80%/180% Verdana, Helvetica, sans-serif;
		margin:0;
		padding:0;
		text-align:center;
		}

	#wrapper	{
		/*height:150px;*/
		/*background-color:#335a95;*/
		background:url(images/wrapper_bg.gif) repeat-x;
		margin-top:10px;
		min-height:259px;
		width:100%;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding:0;
	}
	
	h2.subHeader	{
		font-size:16px;
		color:#900;
	}
	
	img {
		border:0;
		}
		
	img.left {
		float:left;
		margin:3px 10px 10px 0;
		}
	img.right {
		float:right;
		margin:3px 0 10px 10px;
		}		

		
/* Layout Elements
==============================================================================*/

	#container {
		width: 1020px;
		margin:0 auto;
		padding:0;
		text-align:left;
		}


/* Header
==============================================================================*/

	#header	{
		padding:0;
		margin:0 10px;
	}
	
	#logo	{
		padding: 0;
		margin: 0;
		float:left;
		width:250px;
	}
	
	/*#headerlinks	{
		text-align:right;
		padding:5px 20px 3px 5px;
		margin:0 10px 3px 5px;
		font-weight:bold;
		font-size:70%;	
		float:right;
		width:175px;
		height:25px;
	}*/
	
	#headerImage_1, #headerImage_2	{
		padding:0;
		margin:10px;
		min-height:150px;
	}
	
	* html #headerImage_1, #headerImage_2	{ /*IE only hack*/
		width: 100%;
		min-height:150px;
		height:150px;
		margin:33px 0 20px 0;
	}
	
	#headerImage_1, #headerImage_2	{
		background-repeat:no-repeat;
		/* for Mozilla */
		-moz-opacity:0.9;
		/* for IE */
		filter:alpha(opacity=90);
		/* CSS3 standard */
		opacity:0.9;
	}
	
	#headerImage_1	{
		background-image:url(images/q4_header_sky_text.jpg);	
	}
	
	#headerImage_2	{
		background-image:url(images/q4_header_sky.jpg);
	}


/* PrimaryNav / Main Menu
==============================================================================*/

	#topNav	{
		float:right;
		margin-right:10px;
	}
	
	#nav {
		height: 73px;
		margin-left:150px;
		margin-bottom: 7px;
		list-style: none;
		float:left;
		}
		
	#nav li {
		float: left;
		height: 73px;
		overflow: hidden; /* if text-resize, this'll keep the nav the same size */
		}
	#nav li a {
		display: block;
		line-height: 73px;
		text-indent: -5000px;
		overflow: hidden;
		background-position: center top; /* horizontally centers the background image */
		}
	
	#dropmenu1 li, #dropmenu2 li, #dropmenu3 li, #dropmenu4 li {
		list-style:none;
		}
	
	#navHome {
		width: 85px;
		background: url(images/style/menu_Home.gif) no-repeat;
		}
	#navAbout {
		width: 85px;
		background: url(images/style/menu_About.gif) no-repeat;
		}
	
	#navPractices {
		width: 85px;
		background: url(images/style/menu_Practices.gif) no-repeat;
		}
		
	#navCommunity {
		width: 85px;
		background: url(images/style/menu_Community.gif) no-repeat;
		}
	
	#navJoinUs {
		width: 85px;
		background: url(images/style/menu_JoinUs.gif) no-repeat;
		}
		
	#navContact {
		width: 86px;
		background: url(images/style/menu_Contact.gif) no-repeat;
		}
		
	#navNews {
		width: 85px;
		background: url(images/style/menu_News.gif) no-repeat;
		}
		
	#navRoles	{
		width:85px;
		background:url(images/style/menu_CurrentRoles.gif) no-repeat;
	}
		
	#nav li a:hover {
		background-position: 50% -73px;
		}
		#nav li a.currentSection,
		#nav li a.currentSection:hover {
			background-position: 50% -73px;
		}
		
	

/* Page & Current
==============================================================================*/

/* Layout A - With Sidebar navigation on left */
	#pageContainer {
		/*border: 1px #ccc solid;*/
		color:#444;
		padding:0 10px 0 0;
		margin:0 10px;
		}

	#pageContent {
		width:670px;
		float:right;
		padding:0 5px;
		margin:0 10px 20px 10px;
	}
		
	h1 { 
	  font-size: 24px; 
	  line-height: 36px;
	  margin-bottom: 18px; 
	}

	h2 { 
	  font-size: 18px; 
	  line-height: 18px; 
	  margin-bottom: 18px;
	  padding:15px 0 0 0;
	  color:#00529B;
	}

	h3 { 
	  font-size: 12px; 
	  line-height: 18px; 
	}
	
	.headline {
		margin:0;
		padding:5px 0 0 0;
		font-size:22px;
		text-align:center;
		font-weight:bold;
		color:#000099;
		}

	.subHeader	{
		color:#000099;
	}
	
	#pageContent ul, #pageContent ol	{
		list-style-position:inside;
		text-indent:10px;
	}
	
	p {
		font-size:1em;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		text-align:justify;
	}	
	.entry	{
		border-bottom: 1px dashed #eee;
		margin-bottom:10px;
		padding-bottom:5px;
		border-bottom:1px dashed #999;
	}
	
	.byline {
		background-color: #F9F9F9;
		border: 1px solid #e1e1e1;
		/*margin-top: 10px;*/
		margin:10px 0 20px 0;
		padding:5px;
		font-size:90%;
	}		
	
	.pageTitle	{
		border:1px solid #EEE;
		/*background-color:#FFEAEF;*/
		padding:7px;
		margin-bottom:10px;
	}

	.johnsonbox	{
		background-color:#ffd;
		border: 1px dashed #777;
		padding:10px;
		width: 90%;
		text-align:left;
		margin:0 5px;
	}
	
	.more	{
		float:right;
		padding-bottom:5px;
	}	
	
/* sideBar
==============================================================================*/
	
	/* Standard Elements, and Cross Browser Opacity-Transparentcy */
	#sideImage_1, #sideImage_2, #sideImage_3, #sideImage_4, #sideImage_5	{
		/* for Mozilla */
		-moz-opacity:0.5;
		/* for IE */
		filter:alpha(opacity=50);
		/* CSS3 standard */
		opacity:0.5;
		padding:0;
		margin:0;
		min-height:360px;
	}
	
	* html #sideImage_1, #sideImage_2, #sideImage_3, #sideImage_4	{ /*IE only hack*/
		width: 100%;
		height:360px;
	}
	
	#sideImage_1	{
		background-image:url(images/q4_tracks_side.jpg);
		background-repeat:no-repeat;
	}

	#sideImage_2	{
		background-image:url(images/q4_beanbag_side.jpg);
		background-repeat:no-repeat;
	}
	
	#sideImage_3	{
		background-image:url(images/q4_field_side.jpg);
		background-repeat:no-repeat;
	}
	
	#sideImage_4	{
		background-image:url(images/q4_water_side.jpg);
		background-repeat:no-repeat;
	}
	
	/*#sideImage_4	{
		background-image:url(images/q4_wheelbarrow_side.jpg);
		background-repeat:no-repeat;
	}*/

	
	#sideBar {
		/*background-color:#edfdce;*/
		width:290px;
		float:left;
		padding:0;
		margin:0;
	}
	
	#sideBarContent	{
		padding:0;
		margin:0;
	}

	#sideBar .menuTitle	{
		/*background-color:#775992;*/
		background-color:#8c8c8b;		
		color:#fff;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
		font-size:75%;
		letter-spacing: .2em;
		padding: 3px;
	}

	#sideBar h1	{
		/*margin-top: 10px;*/
		padding: 5px 5px 5px 10px; 
		font: bold 1.1em Verdana, Helvetica, sans-serif;
	}

	#sideBar .menuBody {
		padding:10px;
		background-color:#f1f4fa;
		line-height:140%;
		border-bottom:10px #fff solid;
	}

	#sideBar li	{
		list-style:none;
		padding-left:10px;
	}

/* Page Section Links
==============================================================================*/

	#pageContainer a, #copyright a	{
		color: #00529B;
		text-decoration:none;
		font-weight:bold;
	}
	
	#pageContainer a:hover, #pageContainer a:active	{
		color: #93BC0C;
	}

	#pageContainer a, #copyright a	{
		text-decoration:none;
		font-weight:bold;
	}
	
	#pageContainer a:hover, #pageContainer a:active, #copyright a:hover, #copyright a:active	{
		text-decoration:underline;
		font-weight:bold;
	}
	
		
/* Footer & Copyright
==============================================================================*/

	#footer	{
		margin: 0px auto; /* centers the page */
		width: 1020px;
		background-repeat: no-repeat;
		/*background-image: url(images/page_footer.gif);*/
		text-align:center;
		border-top:1px solid #05539c;
	}
	
	#copyright	{
		margin: 0px auto; /* centers the page */
		width: 1020px;
		font-size:75%;		
	}
	
	* html footer	{
		margin:0 10px;
	}
	
	#copyright li a	{
		border-right:1px #ccc solid;
	}

	#copyright a:hover, #copyright a:active	{
		color:#777;
	}
	
	#copyright ul	{
		display:inline;
	}
	
	#copyright li, #copyright li a	{
		display:inline;
		list-style:none;
		padding:0 5px 0 0;
		color:#777;
	}
	
	#copyright a	{
		color:#777;
	}
	
/* Misc
==============================================================================*/

	.snip	{
		border: 1px dashed #eee;
	}		

	.clear	{
		clear:both;
	}
	
	ul.listPages li, ul.listPages li li	{
		padding:3px;
	}
	
	ul.listPages li li	{
		padding-left:15px;
	}
	
	.listPages li a	{
		border-bottom:1px #777 solid;
	}
	
	.listPages li li a	{
		border-bottom:1px #eee dashed;
	}
	
	.listPages li a:hover, .listPages li li a:hover	{
		border:0;
	}		
		
/* ColorTabs For PrimaryNav and Drop Down Nav
==============================================================================*/

	#primaryNavTabs	{
		background: transparent;
		padding: 0;
		voice-family: "\"}\"";
		voice-family: inherit;
		margin-right:11px;
		float:right;
		padding-right: 5px;
	}

	#primaryNavTabs a	{
		color: white;
		/*background: #678b3f url(../images/style/color_tabs_left.gif) no-repeat left top;*/
		background: #aa9 url(../../images/style/color_tabs_left.gif) no-repeat left top;
	}
	
	#primaryNavTabs a span	{
		background: transparent url(../../images/style/color_tabs_right.gif) no-repeat right top;
		float:left;
		display:block;
		padding:4px 9px 2px 6px;
	}
	
	#primaryNavTabs a:hover	{
		background-color:#b8df4c;
		/*background-color:#025ab4;*/
		/*background-color: #8cb85c;*/
	}
	
	#primaryNavTabs a:hover span	{
		background-color:#b8df4c;
		/*background-color:#025ab4
		background-color: #8cb85c;*/
	}
	
	#primaryNavTabs #pnt-current a, #primaryNavTabs #pnt-current span	{ /*currently selected tab*/
		background-color:#a8cc45
		/*background-color: #8cb85c;*/
	}
	
	#primaryNavTabsline	{
		background-color:#a8cc45;
		/*background:#8cb85c;*/
		/*border-top: 1px solid #fff;*/ /*Remove this to remove border between bar and tabs*/
		color:#fff;
	}

	#primaryNavTabs ul	{
		font: bold 11px Arial, Verdana, sans-serif;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#primaryNavTabs li	{
		display:inline;
		margin:0 2px 0 0;
		padding:0;
		text-transform:uppercase;
	}
	
	
	#primaryNavTabs a	{
		float:left;
		margin:0 2px 0 0;
		padding:0 0 1px 3px;
		text-decoration:none;
		letter-spacing: 1px;
	}
	
	#primaryNavTabs a span	{
		float:none;
	}
	
	#primaryNavTabsline	{
		clear:both;
		padding:0;
		margin:0 10px;
		height: 8px;
		line-height: 8px;
	}
	
	/* ######### Style for Drop Down Menu ######### */

	.dropmenudiv_a	{
		position:absolute;
		top: 0;
		/*border: 1px solid #00529B;*/ /*THEME CHANGE HERE*/
		border-top-width: 2px; /*Top border width. Should match height of .ddcolortabsline above*/
		border-bottom-width: 0;
		font:normal 11px Arial;
		line-height:18px;
		z-index:100;
		background-color: #00529B;
		width: 190px;
		visibility: hidden;
	}
	
	
	.dropmenudiv_a a	{
		width: auto;
		display: block;
		text-indent: 5px;
		border-top: 0 solid #678b3f;
		border-bottom: 1px solid #00529B; /*THEME CHANGE HERE*/
		padding: 2px 0;
		text-decoration: none;
		color: white;
		/*font-weight:bold;*/
	}
	
	* html .dropmenudiv_a a	{ /*IE only hack*/
		width: 100%;
	}
	
	.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
		color: white;
		font-weight:bold;
	}
	
/* Tooltip */
	#dhtmltooltip	{
		position: absolute;
		left: -300px;
		width: 150px;
		border: 1px solid black;
		padding: 2px;
		background-color: lightyellow;
		visibility: hidden;
		z-index: 100;
		text-align:left;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}
	
	#dhtmlpointer	{
		position:absolute;
		left: -300px;
		z-index: 101;
		visibility: hidden;
	}