/* CSS Document */

/*-----------------------layout---------------------------*/
body{
	background-image: url(../images/insideFrdcBackgroundV3.jpg); 
	background-repeat:repeat-x;
	margin:0;
}

body#home{
		background-image: url(../images/frdcBackgroundV3.jpg);
	}



/*-----Hold entire content area------*/
#container{
	width: 975px;
	position: relative;
	margin: 0 auto 0 auto;
	left: 0px;
	}
	
/*-----position and format header area at top of page------*/
#header{
  	position: relative;
	width: 975px;	
	text-align: left;
	}

#logo
	{
		float:left;
		background-image:url(../images/logoFDRC.png);
		height:172px;
		width:335px;
	}

/*-----Position Menu at top within header------*/
/*----Main Navigation Layer---*/	
#mainNav{
	display: block;
	float:left;
	/*position: relative;*/
 	height: 28px;
	left:0;	
	width: 598px;/*5was 90*/
	/*Text Navigation elements in text style sheet*/
	}

/*----Area for welcome message on home page---*/	
#fdrcWelcome
	{
		float:right;
		width:550px;
		margin-top:55px;
		padding-right:35px;
	}
/*----Main photo on home page---*/	
#headerPhoto{
  	float:left;
 	margin-top: 0px;
	margin-right:auto;
	margin-left:17px;
    height :465px;
	width: 889px;	
	background-color:#412716;
	}
/*---Set up area for jquery scroller---*/
ul#homeSlides{/*so will not indent*/
	margin:0;
	padding:0px;
	}

#homeSlides li a, #homeSlides li{
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}	

	
/*----Positions and holds left and right col on page for text content and sidebar---*/		
#homeContent, #content{
	/*position:relative;*/
	float:left;
	/* background-color:#F5F2EB;  could be used to make side bar extend top and bottom tan*/
	width: 889px;	
	text-align: left;
	/*margin: 0 auto 0 auto;* margin has to match headerPhoto so they appear to
	line up*/
}

#homeContent{
	margin-right:auto;
	margin-left:17px;

}

#content{
	margin-top: 45px;
	margin-right:auto;
	margin-left:17px;
}


#mainContent, #insideMainContent{
	float:left;
	width:610px;
	background-color:#FFF;
	padding-right:35px;

}

#insideMainContent{
	margin-top:30px;
	}



#sideBar{
	float:right;
	width:233px;
	background-color: #F5F2EB;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:25px;
}

#sideBarContain{
 width:195px; 
 margin: 35px auto 0 auto;
}

#sideGetInvolved{
 width:164px;
 height: 45px;
 /*background-image:url(../images/getInvolved.png);*/
 }

/*----Position individual outline sections on homepage---*/
.homeSection, .homeSectionPicnic {
	height:230px; /*was 245 for events*/
	width:600px;
	margin-left:10px;
	}

/*----Position individual outline sections on homepage for Picnic in middle---*/
.homeSectionPicnic{
	background-repeat:no-repeat;
	background-image: url(../images/PicnicTest.jpg);
	height:245px;
	}
/*----currently not used did not use background image---*/



/*----Position individual text area withing home sections 
this area holds descriptive text*/
.homeSectionText{
	width: 277px;
	float:left;
	}

/*----Align photos to right for sections on home page---*/	
.homeSectionPhoto {
	float:right;
	margin-right:25px;
	}


/*.insideSection {
	width:300px;
	margin-left:10px;
	float: left;
	}	
*/	
/*----Align photos to right for sections on inside pages---*/	
.insideSectionPhoto {
	float:right;
	margin-right:10px;
	margin-top:5px;
	}
	
	
.leftProgramSection{	
	width:280px;
	margin-left:10px;
	
	float:left;
	}
	
.rightProgramSection{
	width:280px;
	margin-left:10px;
	
	float:right;
	}

	
	
	
	
/*----footer;---*/	
#footer{
	position:relative;
	clear: both;
	/*display: block;*/
	background-color:#442A18;
	height:130px;
	margin-bottom:0px;

	}