/* Main CSS Document */

body{
background-color:#666666;
text-align:center;
margin:0 ;
line-height:1.3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#396EB2;
}

p{
color:black;
font-size:13px;
text-indent:20px;
}

#maincontainer{
width: 880px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align:left;
border:#396EB2 thin;
background-color:white;
overflow: hidden;
}

#topsection{
	margin:0px;
	color: #FFF;
	height: 100px; /*Height of top section*/
}


#contentwrapper{
float: left;
width:880px;
background:white;
}

#contentcolumn{
margin-left: 460px; /*Set left margin to LeftColumnWidth*/
margin-right:25px;
padding-left:40px;
margin-top:25px;
}

#singlecolumn{
/*margin-left: 440px; Set left margin to LeftColumnWidth*/
padding-left:40px;
padding-right:25px;
margin-top:25px;
}

#waterquality{
text-align:center;
padding: 10px 15px 10px 15px;
margin:15px 35px 15px 35px;
background-image:url(../images/backgrounds/river_background.jpg);
border:#CCCCCC;
border:double;
color:#000099;
}

#waterquality p{
color:#396EB2;
text-indent:0px;
}

#swimbox{
text-align:center;
padding: 10px 15px 10px 15px;
margin:15px 35px 15px 35px;
background-image:url(../images/backgrounds/river_background.jpg);
border:#CCCCCC;
border:double;
color:#000099;
}

#swimbox p{
font-weight:700;
color:#396EB2;
text-indent:0px;
}

#swimtext p{
font-size:13px;
font-weight:400;
color:#396EB2;
text-indent: 0px;
}

#faqtext ul{
font-size:11px;
font-weight:400;
color:#396EB2;
text-indent: 0px;
}

#leftcontainer{
float: left;
width: 440px; /*Width of left column*/
margin-left: -880px; /*Set left margin to -(MainContainerWidth)*/
}

#leftcolumn{
float: left;
margin-left:10px;
margin-top:0px;

}

#leftcolumn p{
margin-left:10px;
}

#announce{
text-align:center;
margin:15px;
padding: 10px 15px 10px 15px;
background-color:#396EB2;
border:#CCCCCC;
border:double;
color:white;
}

#announce2{
text-align:center;
margin:15px;
padding: 10px 15px 10px 15px;
background-color:#D8EFF0;
border:#CCCCCC;
border:double;
color:#0D108F;
}

#lifebox{
text-align:center;
margin:15px;
padding: 10px 15px 10px 15px;
background-color:#FFFF99;
border:#CCCCCC;
border:double;
color:#396EB2;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
background: transparent url(../images/backgrounds/twobluebox.png) no-repeat bottom right; 
} 

.cssbox { 
width: 400px !important; /* intended total box width - padding-right(next) */ 
width: 385px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
background-position: top right; 
margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssbox_head h2 { background-position: top left; 
margin: 0; 
/* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; 
height: 1%; /* IE Holly Hack */ 
color:#FFFF66;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
background-position: bottom left; 
margin-right: 25px; /* interior-padding right */ 
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 

#footer{
clear:both;
height:150px;
background:url(../images/Footer.jpg);
background-repeat:no-repeat;
font-size:14px;
text-align: center;
padding-left:175px;
}
#footer p{
color:white;
}
#copyright p{
color:#999999;
font-size:9px;
font-style:italic;
}
#footer a{
color: #FFFF66;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;

}