/* -------------------------------------------

TITLE : Clowntown Frenchs Forest
URL:  http://www.clowntown.com.au

AUTHOR : SiteSuite Australasia
AUTHOR URL : http://www.sitesuite.com.au

DESCRIPTION : Full Site Styles
 
------------------------------------------ */


/* ------------------------------------------
 GLOBALS AND LAYOUT ELEMENTS
------------------------------------------ */

body, html {
	margin: 0;
	padding: 0;
	background: #60a1d4;
	}

#container {
	margin: 0 auto;
	width: 947px;
	background: url(../templateimages/ff_bgtile.gif) top left repeat-y;
	}
	
	#banner {
		width: 947px;
		height: 186px;
		background: #60a1d4 url(../templateimages/ff_banner.gif) bottom left no-repeat;
		}
		
		#logo { position: absolute; }
		
			#logo img { border: 0; }
	
	#photoBanner {
		width: 894px;
		height: 157px;
		margin: 1px auto;
		}
	
	#contentWrapper {
		margin: 40px auto 0 auto;
		width: 894px;
		background: url(../templateimages/ff_bottom_left_stars.gif) bottom left no-repeat;
		}
	
		#nav {
			margin: 0 0 0 21px;
			width: 160px;
			float: left;
			display: inline; /* to fix IE's doubled float margin bug */
			}

			/* ------------------------------------------
			 NAV / MENU STYLES
			------------------------------------------ */

			#navul {
				width: 160px;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				text-align: right;
				}
			
				#navul li { display: inline; }  /* To remove IE's whitespace beneath all list-items */
			
				#navul li a  {
					margin: 0px;
					padding: 12px 15px 12px 5px;
					display: block;
					font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					color: #f02420;
					text-decoration: none;
					border-bottom: 1px solid #ffefef;
					}
			
				#navul li a:hover {
					background: #fff764;
					color: #60a1d4;
					}
			
					#navul ul {
						margin: 0px;
						padding: 10px 0;
						list-style-type: none;
						border-bottom: 1px solid #ffefef;
						}
				
						#navul ul li a {
							padding: 8px 10px 8px 0px;
							margin: 0px;
							border: none;
							display: block;
							font-weight: normal;
							font-size: 11px;
							}
						
						#navul ul li a:hover { background: none; }
				
		#content {
			margin: 0;
			width: 673px;
			float: right;
			}

			#redBox {
				width: 249px;
				float: right;
				margin: 0 0 0 14px;
				}
				
				#redBoxInner {
					width: 196px;
					margin: 0 0 0 13px;
					padding: 15px 15px 0 15px;
					background: #f15652 url(/persistent/templateimages/red_box_top.jpg) top left no-repeat;
					}
				
				#redBoxInner h2 {
					font: normal 20px "Snap ITC", Ravie, Jokerman, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					color: #fff540;
					margin: 0 0 15px 0;
					padding: 0;
					}
				
				#redBoxInner h3 {
					font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					color: #fff;
					margin: 0 0 5px 0;
					padding: 0;
					}
				
				#redBoxInner p, #redBoxInner td, #redBoxInner li {
					font: 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					color: #fff;
					}
				
				#redBoxInner p { margin: 0 0 20px 0; }
				#redBoxInner a { color: #fff540; }

			#contentHomeWrapper {
				width: 400px;
				float: left;
				margin: 0;
				padding: 0;
				}

	#footer {
		width: 922px;
		background: #60a1d4 url(../templateimages/ff_footer.gif) top left no-repeat;
		padding: 60px 0 0 25px;
		}
		
		.footerLogos {
			width: 320px;
			height: 125px;
			float: left;
			}
			
			.footerLogos img { border: 0; }
		
		#footer p, #footer a { color: #fff; }
		.footerHeader { text-transform: uppercase; }
		a.linkNoUnderline { text-decoration: none; }		
		a.linkNoUnderline:hover { text-decoration: underline; }	

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	}

#stats {
	display: none;
	height: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}

/* ------------------------------------------
 TEXT FORMATTING
------------------------------------------ */

p, td, li {
	font: 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

p {	margin: 0 0 20px 0; }

hr {
	border: none;
	color: #fff;
	border-top: 1px solid #9dbbd2;
	padding: 0 0 10px 0;
	width: 100%;
	}

#content ul {
	margin-bottom: 0;
	padding-bottom: 12px;
	margin-top: 0;
	padding-top: 0;
	}
	
#content li {
	list-style-image:url(/persistent/templateimages/tick.gif);
	padding: 0 0 8px 0;
	}	

/* ------------------------------------------
 HEADINGS
------------------------------------------ */

h1 {
	font: normal 24px "Snap ITC", Ravie, Jokerman, Kristen ITC, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4490cb;
	margin: 0;
	padding: 0 0 20px 0;
	}

h2 {
	font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #f02420;
	margin: 5px 0 10px 0;
	text-transform: uppercase;
	}

h3 {
	font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #9fcf67;
	margin: 5px 0 10px 0;
	}


/* ------------------------------------------
  LINKS
------------------------------------------ */

a, a:link, a:visited, a:active { color: #0096dc; }
a:hover { text-decoration: none; }


.imgleft {
	float: left;
	margin: 0 15px 15px 0;
	}

.imgright {
	float: right;
	margin: 0 0 15px 15px;
	}

.imgWithBorder { border: 1px solid #f2eeeb; }

.greyText { color: #9b9b9b; }
.greyText strong, strong.greyText, .greyText b, b.greyText { color: #66a5d5; }
.greyText a { color: #9b9b9b;}
