/*
[Home Page Style Sheet]
-----------------------------------------------------------------------------
	site:			caravan-camping.com.au
	version:		1.0 (10/10/2008)
	Last change:    10/10/2008
	description:	Home Page CSS (Public Site)
	author:			Copticom Pty Ltd
	author email:	info@copticom.com
	author website:	http://www.copticom.com/
-----------------------------------------------------------------------------
																			*/

/* Import Main CSS File
-----------------------------------------------------------------------------*/
@import url(global-p_ccia.css);


/* Colour Glossary
-----------------------------------------------------------------------------

	# Dark grey (text): #333333
	# Dark Blue (headings, links): #000066
	# Mid Blue (header): #333399
	# Light blue (top navigation): #CCCCFF
	# Mid grey (footer): #666666
																			*/


/* Home Page Title
-----------------------------------------------------------------------------*/
#hmPageTitle {
	background:url(../images/hm/hm_page-title.gif) top left no-repeat;
	height: 5.00em;
	width: 100%;
	float:left;
}


/* Home Page Content Divs
-----------------------------------------------------------------------------*/
#hmCnt {
	min-height: 100%;
}

		#hmCnt p {
			font-size: 0.715em;
			padding-left: 1.0em;
			padding-right: 0.63em;
			}
			
		
		#hmCnt h2 {
			font-size: 1.10em;
			padding-left: 0.65em;
			padding-bottom: 0.65em;
			}

		#hmCnt h3 {
			font-size: 0.88em;
			padding: 0.65em 0 0.63em 0.65em;
			}

		#hmCnt h4 {
			font-size: 0.69em;
			padding: 0.94em 0 0.50em 1.0em;
			color: #0099cc;
			text-transform:uppercase;
			font-weight:bold;
			}


#hmCnt-1 {
	width:24.0em;
	height:15.25em;
	margin: 0 0.44em 0.44em 0.44em;
	float:left;
}

	#hmCnt-1A {
		background: url(../images/hm/hm-nsw_map.gif) top left no-repeat;
		width: 11.75em;
		height: 8.25em;
		margin: 0 0.44em 0 0;
		float:left;
		padding-top: 7.0em;
	}
	
			#hmCnt-1A img { /*Used to push a clear img to voerlay the map in order to make it clickable*/
				margin-top: -11em;
			}	

			#hmCnt-1A h2 {
				font-weight: bold;
				color: #fd7202;
				font-size: 1.0em;
			}
	

	#hmCnt-1B {
		width: 11.6em;
		height: 14.35em;
		float:right;
		background-color: #EBF5E6;
		border: #349A04 1px solid;
		margin-top: 0.75em;
		position:relative;
	}
	
		#hmCnt-1B img {
			position:absolute;
			top: -13px;
			left: 28px;
		}

			#hmCnt-1B h2 {
				font-weight: bold;
				color: #379907;
				font-size: 1.0em;
				margin-top: 99px;
			}
	

#hmCnt-2 {
	width: 19.50em;
	height:14.50em;
	margin: 0.75em 0.56em 0.44em 0;
	float:left;
}


	#hmCnt-2A {
		background-color: #f0eaf6;
		border: #6c2da6 1px solid;
		width: 19.50em;
		height: 6.94em;
		margin: 0 0 0.38em 0;
	}

			#hmCnt-2A h3 {
				font-weight: bold;
				color: #6c2da6;
			}



	#hmCnt-2B {
		background-color: #e6f1f7;
		border: #067ab1 1px solid;
		width: 19.50em;
		height: 6.94em;
	}
	
			#hmCnt-2B h3 {
				font-weight: bold;
				color: #067ab1;
			}



#hmCnt-3 {
	width: 15.25em;
	height:14.50em;
	margin: 0.75em 0.44em 0.44em 0;
	float:left;
}

	#hmCnt-3A { /* Member Login */
		background-color: #eeeeee;
		border: #eeeeee 1px solid;
		width: 15.25em;
/*		min-height: 6.94em;*/
		min-height: 6.94em;
		margin: 0 0 0.38em 0;
	}

	#hmCnt-3B {
		background-color: #eeeeee;
		border: #eeeeee 1px solid;
		width: 15.25em;
		height:7.00em;
	}



#hmCnt-4 {
	width:23.88em;
	height: 10.0em;
	margin: 0 0.44em 0.44em 0.44em;
	float:left;
}


	#hmCnt-4A {
		width:23.88em;
		height: 4.60em;
		border: #eeeeee 1px solid;
		background-color: #E6F1F7 /*#D2EAEA /*#eeeeee*/;
		float:left;
	}
	
	#hmCnt-4B {
		width:23.88em;
		height: 4.60em;
		margin: 0.44em 0 0 0;
		border: #eeeeee 1px solid;
		background-color: #FFFFFF /*#eeeeee*/;
		float:left;
	}


/*
#hmCnt-5 { Gumnuts
	width: 19.50em;
	height:6.18em;
	margin: 0 0.44em 0.44em 0;
	border:#ddf4d2 1px solid;
	background-color: #ddf4d2;
	float:left;
	padding: 0.44em 0;
}
*/

#hmCnt-5 {
	width: 19.6em;
	height: 10.7em;
	margin: 0 0.44em 0.44em 0;
	border:#CD7A14 /*#ddf4d2*/ 1px solid;
	background-color: #FFE38F /*#FBDB9F /*#FAD692 /*#F7C05F/*#EEA32C*/;
	float:left;
	padding: 0.44em 0;
}

	#hmCnt-5 h3 { /* USED WHEN 'Industry Shows' REPLACES Fuel Prices */
		font-weight: bold;
		color: #056FA3 /*#af151b*/;
		margin-top: 0;
		padding-top: 0;
		font-size: 1.0em;
	}
	
	
	#hmCnt-5a {
	width: 18.0em;
	height: 3.7em;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 0.40em 0.22em;
	}
	
		#hmCnt-5a img {
		margin: 0;
		float:left;
		}
		
		#hmCnt-5a h4 {
		padding-left: 190px;
		margin-top: -10px;
		font-size: 0.77em;
		color:#800000;
		}

		#hmCnt-5a p {
		padding-left: 190px;
		font-size: 0.76em;
		color:#800000;
		}

	#hmCnt-5b {
	width: 5.8em;
	height: 3.00em;
	margin: 0.44em 0.20em;
	background-color: #FFFFFF;
	float:left;
	padding: 0.44em 0.1em;
	}

	
		#hmCnt-5b h4 {
		padding-left: 6px;
		margin-top: -10px;
		font-size: 0.77em;
		color:#800000;
		}

		#hmCnt-5b p {
		padding-left: 6px;
		font-size: 0.70em;
		color:#800000;
		}

	#hmCnt-5c {
	width: 6.8em;
	height: 3.00em;
	margin: 0.44em 0em;
	background-color: #FFFFFF;
	float:left;
	padding: 0.44em 0em;
	}

		#hmCnt-5c h4 {
		padding-left: 5px;
		margin-top: -10px;
		font-size: 0.70em;
		color:#800000;
		}

		#hmCnt-5c p {
		padding-left: 5px;
		font-size: 0.70em;
		color:#800000;
		}


	#hmCnt-5d {
	width: 6.2em;
	height: 3.4em;
	margin: 0.44em 0em;
	background-color: #FFFFFF;
	float:right;
	padding: 0.44em 0em;
	}

		#hmCnt-5d h4 {
		padding-left: 5px;
		margin-top: -10px;
		font-size: 0.70em;
		color:#800000;
		}

		#hmCnt-5d p {
		padding-left: 5px;
		font-size: 0.70em;
		color:#800000;
		}

#hmCnt-6 {
	width: 15.25em;
	min-height: 8.00em;
	margin: 0 0.38em 0.44em 0;
	border: #eeeeee 1px solid;
	background-color: #eeeeee;
	float:left;
}





																					/*
##################################### END OF CSS ############################################
							-------------------------------
																					*/