@charset "UTF-8";
/* CSS Document */


*
{
	padding: 0;
	margin: 0;
	list-style: none;
	behavior: url(iepngfix.htc);
}
 

body
{
	background: url(images/bgHeroImg.jpg) #000 no-repeat 50% 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

	
/* ******************************************************************************************* */
/* *********************************   POSITION CONTENT   ************************************ */
/* ******************************************************************************************* */
#centre
{
	width: 865px;
	margin: 0 auto;
}
	
	
#content_positioner {
	width: 520px;
	margin: 70px 0 0 345px;
	}
	

#content_vid {
	background: #FFFFFF;
	padding: 5px 5px 0;
	display: block;
		}

#content {
	background: #FFFFFF;
	padding: 10px 10px 5px;
		}
		
		
.downloads_img
{
	background: #CCCCCC;
	padding: 5px;
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
	position: relative;
}


/* ******************************************************************************************* */
/* ************************************   TEXT STYLES   ************************************** */
/* ******************************************************************************************* */	
	

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	display: block;
	text-transform: uppercase;
	margin: 0 0 5px;
	}
	
h2 {
	font-size: 1.1em;
	margin: 0 0 10px;
	display: block;
	text-transform: uppercase;
	}
	
h3 {
	font-size: 1em;
	display: block;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #999999;
	text-transform: uppercase;
	clear: both;
	}
	
	
p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 10px 0;
	color:#666666;
	display: block;
	}
	
#content ul {
	margin: 0 0 20px;
	display: block;
	}


#content li {
	margin: 0 0 10px;
	display: block;
	background: url(images/bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
	}
	
.hdr_turnthetide, .hdr_preventing, .hdr_downloads, .hdr_joinus {
	text-indent:-99999px;
	width: 460px;
	height: 60px;
	}
	
.hdr_turnthetide {	background: url(images/hdrCommoncauses.gif) no-repeat;	}
.hdr_preventing {	background: url(images/hdrPreventinigBeach.gif) no-repeat;	}
.hdr_downloads {	background: url(images/hdrPreventinigBeach.gif) no-repeat;	}
.hdr_downloads {	background: url(images/hdrDownloads.gif) no-repeat;	}
.hdr_joinus {	background: url(images/hdrJoinus.gif) no-repeat;	}

	
/* ******************************************************************************************* */
/* **********************************   NAV SIMPLE TABS   ************************************ */
/* ******************************************************************************************* */
#nav
 		{
		text-transform: uppercase;
		font-size: 1em;
		font-weight: bold;
		width: 100%;
		background: url(images/header_footer.gif) repeat-x bottom left;
		}
	  
#nav ul
		{
		padding: 0;
		list-style:none;
		display: block;
		}
	  
#nav li
		{
		display: block;
		background:url("images/nav_bg_right.gif") no-repeat right top;
		margin: 0 2px 0 0;
		float: left;
		}

#nav a
		{
		color: #27537a;
		display:block;
		padding:8px 10px 4px 10px;
		text-decoration:none;
		background:url("images/nav_bg_left.gif") no-repeat left top;
		}


/* HACK FOR TABS TO SHOW IN IE MAC \*/
#nav a { float:none; }	/* End IE5-Mac hack */
#nav a:hover{ color: #000000; }
		

/* ***********************************   NAV ON STATE    ************************************* */	
#nav #current
	{
	background-image:url("images/nav_bg_on_right.gif");
	}


#nav #current a
	{
	color:#000000;
	background-image:url("images/nav_bg_on_left.gif");
	padding-bottom: 5px;
	}	
	


/* ******************************************************************************************* */
/* *********************************   BACKGROUND IMGS   ************************************* */
/* ******************************************************************************************* */
#content_top {
	background: url(images/bgContentTop.png) no-repeat;
	height: 20px;
	display: block;
	}
	
	
#content_body {
	background: url(images/bgContentBody.png) repeat-y;
	display: block;
	width: 480px;
	padding: 0 20px;
	}
	
	
#content_bottom {
	background: url(images/bgContentBottom.png) no-repeat bottom;
	height: 20px;
	display: block;
	}
	
	 
/* ******************************************************************************************* */
/* ***********************************   CLEAR FLOATS    ************************************* */
/* ******************************************************************************************* */
#nav:after, .downloads:after {
    display: block;
    clear: both;
    content: " ";
}

/* Additional IE specific bug fixes... */ */
* html #nav, * html .downloads { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}

*:first-child+html #nav, *:first-child+html .downloads { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}