 /* 
food bank - home page css  
**nothing theme specfic **
**home page only **
10/18/06
 
*/



/* -----------------------------------------------


 =header elements 
-----------------------------------------------*/


body#home #logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 18px;
	left: 20px;	
}


/* -----------------------------------------------


 =main navigation  
-----------------------------------------------*/

body#home #nav_main {
	height: 29px;
	margin:0;
	padding: 12px 0 0 250px;
}


/* -----------------------------------------------


 =subnav
-----------------------------------------------*/


/*bigger left padding on the home page */
body#home #nav_second {
	margin:0;
	padding: 8px 0 0 265px;	
	font-size: 95%;
}



/* -----------------------------------------------


 =content main 
-----------------------------------------------*/


/*narrower content area for the home page - all themes */
body#home #content{
	margin: 0;
	padding: 0;
	float:right;
	width:500px
}



/* -----------------------------------------------


 =text size menu
-----------------------------------------------*/

body#home #text_size_menu {
	margin: 5px 0 0 420px;
	width: 80px;
	padding:0;
}


/* -----------------------------------------------


 =content main -- home page only elements
-----------------------------------------------*/

img.section_title {
	margin: 17px 0 10px 17px;
	border:0;
	padding: 0;
}

.section_divider {
	margin: 44px 0 0 20px;
	text-align: center;	
	visibility: hidden;
}

#content .text_back {
	margin: 0 0 0 17px;
	padding:0;
	position: relative;	
	width: 396px;
	height: 130px;
}

#content .text_back .text {
	margin:0;
	padding:0;
	width: 450px;
	position: absolute;
	top:-6px;
	left:0;
}

#content .text_back .text img {
	margin:0 10px 0 0 ;
	padding:0;
	float: left;	
}

#content .text_back .text p {
	margin: 10px 10px 0 5px;
	padding: 0;
}

#content .text_back .text .read_more{
	margin:6px 0 0 0 ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	width:100%;
	float: right;
	text-align:right;
}


/* -----------------------------------------------


 =content second positioning and main styles
-----------------------------------------------*/


/*wider left hand column for the home page only - all themes*/
body#home #content_second{
	margin:0;
	padding: 0;
	float:left;
	width:250px;
	postition:relative;
	
}

body#home #content_second img, body#home #content_second #left_flash { /*move image outside main borders on home page */
	margin: 0 0 0 -19px;
	padding: 0;
}


/* -----------------------------------------------


 =footer
-----------------------------------------------*/
body#home #footer p {
	margin: 0;
	padding: 50px 10px 5px 270px;
}


/* -----------------------------------------------



 =logofooter
-----------------------------------------------*/


body#home #logofooter {
	
	width: 755px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

body#home #logofooter img.imgfoot	 {
	margin: 0 auto;
	padding: 10px 45px;
	border: 0;	
}


/* -----------------------------------------------


 =calendar styles
-----------------------------------------------*/

#calendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 10px 0 0 ;
	float: left;
	padding:0 0 15px 0;
	color: #333333;
}

#calendar table {
	width:165px;
	background-color: #ffffff;
	color: #333333;

}


#calendar table th {
	background-color: #BF7824;
	border: none;
}


#calendar table td {
	 border: 1px solid #666666;
	 text-align: center;
}


#calendar table td.currentdate {
	background-color: #E3AA31;
	color: #ffffff;
}

#calendar table td.eventlist {
	background-color: #BF7824;
	color: #ffffff;
	cursor: pointer;
}


#calendar a {
	text-decoration: underline;
	color: #ffffff;
}


a.cal_year {
	color: white;
	font-size: 80%;
}


/*----------------------------------------------------

calendar header area
----------------------------------------------------*/
.month_header {
	border: none;
	color: #ffffff;
	background-color: #BF7824;
	border-color: #BF7824;

}

table#month_header td {
	border: none;
	text-align:center;
}


table#month_header img {
	margin:0;
	padding:0;

}
.cal_left_arrow_cell {
	padding: 0 0 0 6px;
}

.cal_left_arrow {
	padding: 0 0 0 20px; 
}

.cal_right_arrow {
		float: right;
		margin: 0 0 0 3px;
		padding: 0;
}

