body{ margin:0; text-align:center; font: 13px Verdana, Geneva, sans-serif; background: #CCC}
ul,li,h1,h2,h3,h4,h5,h6,ol{ margin:0; padding:0; list-style-type:none;}
.fixed { clear:both;}
#wraper{ width:900px; margin:0 auto; text-align:left; background:url(images/LOGO.jpg) no-repeat right top;}
#header{ width:900px; height:198px; position:relative;background:url(images/riverlifeHDR.jpg) no-repeat right top; }
.leftImg {width:194px; height:198px; position:absolute; top:0px; left:0px;}
#logo{width:200px; height:150px; position:absolute; top:0px; left:460px;}
.right-bg{  width:706px; height:80px; position:absolute; top:162px; right:0px;}


#menu{ font:bold 13px Verdana, Geneva, sans-serif;}
#menu ul{ list-style:none;}
#menu li{ float:left; padding:25px 0px 0px 20px;}
#menu li a{  text-decoration:none; color:#0076de;}
#content{ background:#fff url(images/LEFTBG.jpg) repeat-y left top;}
#leftContent{ width:209px; float:left;}
.leftMenu{ margin:0 20px 0 20px;}
.leftMenu h2{ font-size:16px; color:#000000;}
.leftMenu ul { margin:10px 0 0 0px;}
.leftMenu li { margin:5pxpx 0px 0px 10px;}
.leftMenu li a { text-decoration:none; background:url(images/arrow.gif) no-repeat left 11px; height:100%; color:#005bab; display:block; padding:5px 0 5px 9px;}

/*#rightContent { float:right; width:680px; background:url(images/BG1.jpg) no-repeat top center; padding:20px 0;}*/

#rightContent { float:right; width:660px; background:url(images/BG1.jpg) no-repeat top center; padding:20px 20px 20px 0; text-align:justify; }


.blogPhoto { float:left; margin:0 5px 5px 0;}

#footer { text-align:center; padding:10px 0; background:#fff; border-top:3px solid #D4EEFB;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
	/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}
	
	
	
small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #0076de;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited{
	text-decoration: none;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}
	
#searchsubmit {border:none; background-color:#00a6d3; font:bold 11px Arial, Helvetica, sans-serif; margin-top:5px; color:#FFFFFF; }