/*
-----------------------------------------------
Fremantle Sailing Club
- - - - - - - - - - - - - - - - - - - - - - - -
Description:		Base Styles
Filename:			styleStructure.css
Author:				IBC (www.ibc.com.au)
Date:				10 / 12 / 2008
Updated:			
Version:			v.1.0
----------------------------------------------- */

/*
GLOBAL
	- Clearfix

COMMON

VARIANTS
	
STRUCTURE

	- CONTAINER ------------------- #container
	  - HEADER -------------------- #header
	  - MIDDLE -------------------- #middle
	    - LEFT -------------------- #left
	    - CENTRE ------------------ #centre  
	    - RIGHT ------------------- #right
	  - FOOTER -------------------- #footer
	  	
		
   
COLOURS
	- Red (Title): #d3232a
	- Gold (Title): #fdb816
	- Dark Blue (Title Background): #214291
	- Light Blue (Left Background): #cbdde1
	- Light Grey (Right Background): #eaecf4
	- Dark Green (Right Background): #006381
	- Light Green (Right Background) #a7d0db
	
*/

/*--------------------------------------------- */
/* =GLOBAL
----------------------------------------------- */


/* clear without structural mark-up*/
/* do not change or amalgamate clearfix styles*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */

.hide { 
	text-indent: -9999em; 
	outline: none; 
}
.hideLabel{
	position:absolute;
	left:0px;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.clearBoth{
	clear: both;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.dark,
h2.inLineContentHeader {
	background-color: #214291;
	height: 23px;
	border-bottom: 2px solid #fff;
	padding: 7px 20px 0px 15px;	
	margin-bottom: 0;
}
.dark h2,
h2.inLineContentHeader {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
#verdiSection18 .inLineContentWithTitleBody,
#verdiSection21 .inLineContentWithTitleBody
{
	background-color: #A6D0DA;	
	color: #000;
}
	#verdiSection18 a,
	#verdiSection21 a
	{		
		color: #fff;
	}
#verdiSection19 .inLineContentWithTitleBody,
#verdiSection22 .inLineContentWithTitleBody
{
	background-color: #006381;	
	color: #fff;
}
	#verdiSection19 a,
	#verdiSection22 a
	{		
		color: #A6D0DA;
	}
#verdiSection20 .inLineContentWithTitleBody,
#verdiSection23 .inLineContentWithTitleBody
{
	background-color: #EAEEF5;	
	color: #000;
}
	#verdiSection20 a,
	#verdiSection23 a
	{		
		color: #D32329;
	}
.inLineContentWithTitlePadding
{
	padding: 11px 13px 4px 13px;
	font-size: 10px;
	line-height: 1.3em;
}


.light {
	height: 23px;
	border-bottom: 2px solid #7d8082;
	padding: 7px 20px 0px 15px;
}
.light h2{
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
/*--------------------------------------------- */
/* =COMMON
----------------------------------------------- */
h1,h2,h3 {
	font-size: 13px;
	color: #FDB816;
}
h1,h2,h3,p {
	margin-top:0
}
h3 {
	font-size: 11px;
	color: #000;
}
a img{
	border: none;
}
form{
	margin: 0;
	padding: 0;
}
/*--------------------------------------------- */
/* =VARIANTS
----------------------------------------------- */
/*--------------------------------------------- */
/* =STRUCTURE
----------------------------------------------- */

/* ------------------------------------ = body  */
body {
	color: #000;
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	font-size:11px; /*centre for ie5 */
}
a {
color:#D32329;
text-decoration:none;
}
a:hover {
color:#D32329;
text-decoration: underline;
}
/* --------------------------------- #container */
#container {
	width:950px;
	margin: auto; 
	background: #fff;
	text-align: left;
	position: relative;
	
}
/* ------------------------------------ #header */
#header {
	z-index: 2;
	height: 306px;
	background-color: #e9ebf2;
	margin: 0;
	padding: 0;
	position: relative;
}
/* ------------------------------------ #middle */
#middle {
	clear: both;
	margin: 0;
	padding: 0;
	height: 100%;
	display: block;
	background: #fff url(../images/columns.gif) repeat-y  0 0;
}
/* -------------------------------------- #left */
#left {
	float:left;
	width: 230px;
	min-height: 578px;
	display: block;
	background: #a7c7e9;
	border: 0px solid #000;
	
}
/* ------------------------------------ #centre */
#centre	{
	float: left;
	width: 434px;
	display: block;
	/*min-height: 578px;*/
	margin: 6px 0;
	padding: 0px 70px 20px 26px;
	border: 0px solid red;
	z-index: 13;
	background: url(../images/centre_bg.gif) no-repeat 0 24px;
	/*position: relative;*/
}
/* ------------------------------------- #right */
#right	{
	float: left;
	width: 190px;
	display: block;
	min-height: 578px;
	border: 0px solid #f89919;
	background: #eaeef5;
	z-index: 3;
}
/* ------------------------------------ #footer */
#footer {
	clear:both;
	min-height:148px;
	display: block;
	background-color: #214291!important;
	color: #fff;
	z-index: 100;
	padding-bottom: 4px;
}