.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*  */	

body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3{
font-family: Georgia, Serif;		
}

BODY {	margin:0px 0 0 0; 
		padding:0px; 			
		text-align:center;
		background:url(images/river_tile.jpg)   repeat-x #fff;
		color: #000;
		font-size:90%;	
	scrollbar-base-color: #fff; 
    scrollbar-arrow-color:#fff; 
    scrollbar-face-color: #cdcdcd; 
    scrollbar-track-color: #fff;  
    scrollbar-shadow-color: #fff; 
    scrollbar-highlight-color: #fff; 
    scrollbar-darkshadow-color: #fff; 
    scrollbar-3dlight-color: #fff;  

		}
		

		
a {color:#000; outline:0;}
a:hover {text-decoration:none; }
a:active {outline:0;}

img { border: none; }



h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	margin: 0 0 0.5em 0;
	}


h1 {
	font-size:160%;
	color:#999;	
	padding:0 0 0 0;
	margin:0 0 .4em 0;
	}
	
	a.latestnews {background-image:url(images/h_latest_news.gif); width:143px; height:14px; text-indent:-3000em; background-repeat:no-repeat; display: block;padding:0px; margin:0px; margin-bottom:10px;}
	h1.news {background-image:url(images/h_news.gif); width:143px; height:20px; text-indent:-3000em; background-repeat:no-repeat;}
	a.latestblog {background-image:url(images/h_river_blog.gif); width:65px; height:14px; text-indent:-3000em; background-repeat:no-repeat; display: block;padding:0px; margin:0px; margin-bottom:10px;}	
	h1.blog {background-image:url(images/h_blog.gif); width:65px; height:14px; text-indent:-3000em; background-repeat:no-repeat;  display: block;}	
	a.fun {background-image:url(images/h_fun.gif); width:65px; height:14px; text-indent:-3000em; background-repeat:no-repeat; display: block;padding:0px; margin:0px; margin-bottom:10px;}	
	
	h1.blogarchive {background-image:url(images/h_blog_archive.gif); width:143px; height:14px; text-indent:-3000em; background-repeat:no-repeat;  display: block;}
	
h2{		
	color:#999;
	padding:0 0 0 0px;
	margin:0 0 1em 0px;
	font-size:100%;
	}

h2.charity_champions {background-image:url(images/charity_champions.gif); width:100px; height:100px; text-indent:-3000em; background-repeat:no-repeat;}

h2.charity_goodrock {background-image:url(images/charity_goodrock.gif); width:172px; height:100px; text-indent:-3000em; background-repeat:no-repeat;}
	
h3{				
	color:#999;
	font-weight:bold;	
	font-size:110%;
	margin:0 0 0px 0px;
	padding:0 0 0 0;
	}
	
p{
	line-height:1.5em;
	margin:0 0 1.2em 0;
	padding:0;
	font-size: 0.9em;
	color: #666666;
	}

form {
	padding:0;
	margin:0;
	}
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}

img.left { float:left; margin:5px 20px 10px 0; }
img.right { float:right; margin:5px 0 .5em .7em; }

.picleft{
	height:100px;
	margin:5px 40px 10px 0;
	float: left;
	vertical-align: middle;
}

.logoleft{
	height:70px;
	margin:5px 10px 15px 0;
	float: left;
	vertical-align: middle;
}

/*  */	

	
#wrap{position:relative;
		width:800px;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;
		}
		
#flash{
width:800px;
height:380px;
}

#content_flash{
width:800px;
height:200px;
margin: 0 0 20px 0;
}

#content_advertising{
width:800px;
height:200px;
padding: 0 0 30px 0;
}

#showcase_flash{
width:800px;
height:350px;
padding: 0 0 30px 0;
}

#map{
	width:800px;
	height:200px;
	padding: 0 0 30px 0;	
}

#formresponse{
    margin: 10px 0 0 0;
    width: 790px;
    border: 1px solid #9c1a9e;
    padding: 5px;
    background:url(images/river_tile.jpg)   repeat-x #fff;
}

		
#header{	
		}
	
#home_text{
padding: 20px 0 10px 0;
border-top: solid #CCCCCC 1px;
margin-top: 10px;
}
	
#home_news{
margin:20px 0 0 0;
padding: 0px 0 0 0px;
float:left;
width: 350px;
border: 0px solid red;
text-align: left;
}

#home_news p{
	line-height:1.2em;
	margin:0 0 0 0;
	padding:0;
	font-size: 0.8em;
}
	
#home_blog{
	width: 350px;
	margin:20px 0 0 0;
	padding: 0px 0 0 20px;
	border: 0px solid red;
	border-left: 1px solid  #CCCCCC;
	text-align: left;
	float:left;
}

#home_blog p{
	line-height:1.2em;
	margin:0 0 0 0;
	padding:0;
	font-size: 0.8em;
}

.home_blog_text{
    display: none;
}

#home_description{
width:800px;
	padding: 0 0 0 0px;
		border: 0px solid red;
	border-bottom: 1px solid  #CCCCCC;

	float:left;
		font-size: 0.9em;
}

/** main news/blog items */
#main_item{
  border-bottom: 1px solid #cccccc;
  margin: 0 30px 15px 0;
  padding: 5px 10px 10px 0;
}

#main_item_bottom{

}
/** /main news/blog items */

/** Blog page layout */
#blogcontents{
  float:left;
  width: 630px;
  margin: 0 0 0px 0;
    border-right: solid 1px #CCCCCC;
}

#blogarchive{
  float:right;
  width: 120px;
  margin: 0 0 0 20px;
}





/** /Blog page layout */

#embeddedvideo{
    margin: 0 0 10px 0;
    border: 1px solid #cccccc;
    width: 320px;
    height: 241px;
}

#blog_bttn{
float:right;
width: 100px;
border: 0px solid red;
text-align:right;
padding: 0px 0 0 0;
}
	
#header img{
float:left;
}
		

#footer{
	border-top:1px solid  #CCCCCC;
	padding: 10px 0px 0px 0px;
	margin-top: 20px;
	color:#999999;
	font-size:0.8em;
	height: 4em;
		}
		
		#footerlinks{
		float:right;
			font-size: 0.9em;
	color:#999999;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	text-transform:uppercase;
letter-spacing:.1em;
padding-bottom:5px;
width:500px;
text-align:right;
		}
		
				
/* nav  */	

#nav {padding:62px 0 10px 0px;
width:595px;
float:right;
		}
		

#nav ul {
	margin:0px;	
	padding:0px;
	}
	
	#nav  li {	
	list-style-type:none;
	margin:0;
	padding:0;
	float:left	
	}
	
	#nav li a, #nav li a:visited{	
	display: block;	
	text-decoration:none;	
	background-repeat:no-repeat;	
	background-position:0px 0px;	
	height:26px;
	text-indent:-3000em;	
	}
	
	
	#nav li.home a, #nav li.home a:visited{		
	background-image:url(images/nav_home.gif);	
	width:47px;	
	}
	/* #nav li.home a:hover{background-position:0px 0;} */
	
	
	#nav li.news a, #nav li.news a:visited{		
	background-image:url(images/nav_news.gif);	
	width:56px;	
	}
	/* #nav li.news a:hover{background-position:0px 0;} */
	
	#nav li.showcase a, #nav li.showcase a:visited{		
	background-image:url(images/nav_showcase.gif);	
	width:85px;	
	}
	/*#nav li.showcase a:hover{background-position:0px 0;}*/
	
		#nav li.whatwedo a, #nav li.whatwedo a:visited{		
	background-image:url(images/nav_whatwedo.gif);	
	width:101px;	
	}
	
		#nav li.advertising a, #nav li.advertising a:visited{		
	background-image:url(images/nav_advertising.gif);	
	width:93px;	
	}
	/*#nav li.advertising a:hover{background-position:0px 0;}*/
	
	
	#nav li.charity a, #nav li.charity a:visited{		
	background-image:url(images/nav_social.gif);	
	width:149px;	
	}
	/*#nav li.charity a:hover{background-position:0px 0;}*/
	
	#nav li.contact a, #nav li.contact a:visited{		
	background-image:url(images/nav_contact.gif);	
	width:60px;	
	}
	/*#nav li.contact a:hover{background-position:0px 0;}*/
	
	/* end nav  */
	
	#breadcrumb{
	/*height:30px; */
	border:0px solid ;
	font-size: 0.7em;
	color:#999999;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	text-transform:uppercase;
letter-spacing:.1em;
padding-bottom:5px;
		}
		
	#breadcrumb a{
	color:#999999;
		}
	
	#showcase_rightcol{
	width:320px;
	border:0px solid  #666666;
	padding: 0 0px 0px 0px;
	float: right;
		}
		
	.bigimage{
		margin: 0 0px 40px 0px;
		}
		
	.showcaseimage{
		margin: 0 0px 20px 0px;
		}
		
		.quotetext{
		font-style:italic;
		color:#660066;
		}	
		
	.showcaseitem{
		width:148px;
		float: left;
		margin: 10px 10px 0px 0px;
		text-align:center;
		font-size:0.8em;
		border:1px solid  #CCCCCC;
		}
		
	.showcasepreview{

		float:right;
		margin: 10px 0px 0px 20px;
		text-align:center;
		font-size:0.8em;
		border:0px solid  #CCCCCC;
		}	
		
.flashtext{
		margin: 10px 0 0 10px;
		font-size: 0.7em;	
		}	
		
.textwide{
		width: 65%;
		}

.itemtitle{
			font-size: 0.9em;
	color: #666666;
letter-spacing:.1em;
		}		
		
.itemdate{
			font-size: 0.7em;
	color:#999999;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	text-transform:uppercase;
letter-spacing:.1em;
		}	
		
.blogmonth{
    font-size: 90%;
		}

.blogimage{
    border: 1px solid #cccccc;
}

.blogposted{
    font-size: 80%;
    color: #9c1a9e;
}

#pagecontent{
		width: 800px;
		padding: 0 5px 35px 0;
		float: left;
		}
	#pagecontent ul {
		padding:0;
		margin:0 0 15px 0;	
		}
	
	#pagecontent ul li{
		color: #666666;		
		padding:0;
		margin:0 0 5px 23px;
		list-style-type: disc;
		}	
			
.smalltext{
    font-size: 72%;
}

/*FORM ---------------------------------------------------------------------*/
.contact_form{
		width: 600px;
		padding: 0 5px 35px 0;
		float: left;
		}	
				
.contact_address{
		width: 190px;
		padding: 0 0 10px 0;
		float: left;
		}
		
.contact_detailsleft{
		width: 260px;
		padding: 0 5px 10px 0;
		float: left;
		}
		
.contact_details{
		width: 260px;
		padding: 0 5px 10px 0;
		float: left;
		}
		
.all_contacts{
		width: 450px;
		padding: 0 5px 10px 0;
		float: left;
		}
		
.contact_left{
    width: 200px;
    float: left;
}
.contact_right{
    width: 200px;   
    float: right;
}
	
label{
float: left;
width: 190px;
}

input, textarea{
	width: 180px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	border: 1px solid #cdcdcd;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 190px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}	
	
.blogsidetext{
				font-size: 0.75em;
	color:#999999;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	text-transform:uppercase;
letter-spacing:.1em;
}	

.quote{
     color: #660066;
     font-style: italic;
}
