/*
	Fort York Food Bank || http://www.fyfb.com || 
	xguru, Inc. http://www.xguru.com
	All rights reserved. fyfb.css ::
	:: last updated September 16 2009 :: v2


a		{ color:#000000; text-decoration: underline; }
a:link		{ color:#000000; text-decoration: underline; }
a:visited 	{ color:#000000; text-decoration: underline; }
a:hover		{ color:#cecea5; text-decoration: none; }
a:active	{ color:#cecea5; text-decoration: none; }

*/

body	{ 	margin: 0px 0px 0px 0px;
		padding: 0px;
			background-color: #ffffff;
	min-width:640px;

	}

#header		{	background: #ffffff;
			border-bottom: 1px solid #000000;
		}
#banner1	{	position:absolute; float: right;
			top: 130px; right: 260px;
			width: 240px; height:100px;
		}
#banner2	{	position:absolute; float: right;
			top: 10px; right: 240px;
			width: 180px; height:200px;
		}
#banner3	{	position:absolute; float: right;
			top: 10px; right: 10px;
			width: 180px; height:200px;
		}

#frame		{ 	width: 100%;
			background-color: #E7E7D6;
			margin: 0px 0px 0px 0px;
		}
#main 		{ 	width: 750px; 
			border: 2px solid #232525; 
			background-color: #ffffff;
			margin: 0px 0px 0px 50px;
		}
div#content 	{	width: 100%;
			border: 2px solid #cecea5; 
			background-color: #ffffff;
		}

div#content a:link		{ color:#000000; text-decoration: underline; }
div#content a:visited		{ color:#000000; text-decoration: underline; }
div#content a:hover		{ color:#cecea5; text-decoration: none; }


#left 		{	width: 200px;
			float: left;
				background: #E7E7D6;
				vertical-align: text-top;
		}
#right		{	width: 200px;
			float: right;
				background: #E7E7D6;
				vertical-align: text-top;
		}
#footer		{	border-top: 1px solid #000000;
			border-bottom: 1px solid #000000; padding:0px 10px 0px 10px;
			background: #ffffff;
			text-align:right;
		}

#xfooter	{	text-align:center; margin-top: 12px;
		}
#caption	{	margin: 15px 0px 10px 0px;
				font: bold 12pt trebuchet, arial, helvetica, san-serif;  color: #000000;
				text-align:left;
		}

/* content classes */

.sidenav 	{ 	margin: 0px 0px 12px 10px;
			font: normal 10pt trebuchet, arial, helvetica, san serif;
			color:#000000;
			letter-spacing: 0.2em;
			line-height: 1.0em;
			text-align:left;
		}
.sidenav a:link				{ color:#000000; text-decoration: none; }
.sidenav a:visited 			{ color:#000000; text-decoration: none; }
.sidenav a:hover 			{ color:#c3c3c3; text-decoration: none; }

.sidenavb	{ 		font: normal 14pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 4px 0px 4px 10px;
				line-height: 1.4em;
				letter-spacing: .10em;
	}
.sidenavc	{ 		font: normal 9pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 4px 0px 4px 20px; text-align:left;
				line-height: 1.0em;
				letter-spacing: .08em;
	}

.sidenavc a:link				{ color:#000000; text-decoration: none; }
.sidenavc a:visited 			{ color:#000000; text-decoration: none; }
.sidenavc a:hover 			{ color:#c3c3c3; text-decoration: none; }

.rightside	{ 	font: normal 14pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 4px 0px 4px 10px;
				line-height: 1.4em;
				letter-spacing: .10em;
	}


h1		{	font: normal 24pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 20px 0px 10px 20px;
/*				line-height: 1.4em;
				letter-spacing: .25em; */
		}

h2	{ 		font: normal 14pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 12px 10px 4px 20px;
				line-height: 1.4em;
				letter-spacing: .20em;
	}

h3	{ font: 9pt trebuchet, arial, helvetica, san-serif;
			color:#000000; 
			margin: 15px 20px 15px 20px;
			letter-spacing: 0.08em;
	}

h4	{ font: 9pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 2px 0px 20px 0px;
				line-height: 1.0em;
				letter-spacing: .12em;
				text-align:justify;
	}

/*     use h5 for centred photopgraph captions !     */
h5	{ font: 9pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 2px 0px 20px 0px;
				line-height: 1.0em;
				letter-spacing: .12em;
				text-align:center;
	}


.last		{	margin-bottom: 0px;
		}
.clearing	{	height: 0px;
			clear: both;
		}

p		{	font: 9pt trebuchet, arial, helvetica, san-serif;
			color:#000000; 
			margin: 0px 20px 10px 20px;
			letter-spacing: 0.08em;
			text-align:left;
		}

#right h1	{	font: normal 14pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 20px 0px 10px 20px;
/*				line-height: 1.4em;
				letter-spacing: .25em; */
		}
#right p	{	font: 9pt trebuchet, arial, helvetica, san-serif;
			color:#000000; 
			margin: 0px 20px 10px 20px;
			letter-spacing: 0.08em;
			text-align:left;
		}

li		{	font: 9pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 10px 20px 10px 40px;
			letter-spacing: .10em;
			text-align:left;
		}

.footerlarge	{	font: 12pt arial, helvetica, san-serif; font-weight:bold;
			color:#000000; 
			margin: 10px 20px 10px 0px;
		}
.footer		{	font: 9pt arial, helvetica, san-serif;
			color:#000000;
			margin: 10px 20px 10px 0px;
		}
.footer a:link	 		{ color:#000000; text-decoration: underline; }
.footer a:visited		{ color:#000000; text-decoration: underline; }
.footer a:hover			{ color:#000000; text-decoration: none; }


.xfooter 	{	font: 9pt arial, helvetica, san serif; color:#000000;
		}
.xfooter a:link			{ color:#000000; text-decoration: underline; }
.xfooter a:visited		{ color:#000000; text-decoration: underline; }
.xfooter a:hover 		{ color:#000000; text-decoration: none; }


input, textarea, select { font: 8pt trebuchet, arial, helvetica, san-serif; color: #666666;}

.formbox	{ 	font-family: trebuchet, arial, helvetica, san serif; font-size:8pt; 
				border: 1px solid #CDBB55;
				color: #868686;
				background: #F7F7F5;
				letter-spacing: .10em;
		}
.formbox2 	{ 	font-family: trebuchet, arial, helvetica, san serif; font-size:8pt; 
				border: 1px solid #6D6228;
				color: #868686;
				background: #f0f1f0;
				letter-spacing: .10em;
		}


.logo	{	margin: 5px 0px 10px 20px; }
.img	{	border: 1px solid #cecea5; margin: 10px 0px 10px 0px; }
.imgw	{	border: 0px solid #ffffff; margin: 0px 0px 0px 0px; }
.imgl	{	border: 1px solid #000000; margin: 0px 20px 10px 0px; }
.imgr	{	border: 1px solid #000000; margin: 0px 0px 10px 20px; }
.imglw	{	border: 1px solid #ffffff; margin: 10px 20px 10px 0px; }
.imgrw	{	border: 1px solid #ffffff; margin: 10px 0px 10px 20px; }
.imgbk	{	border: 0px solid #000000; margin: 10px 0px 10px 250px; }
.photo	{	border: 1px solid #cecea5; margin: 0px 0px 0px 0px; }
.picon	{	margin: 0px 0px 15px 20px; }


hr	{	height: 1px; border:1px; background-color: #E7E7D6; margin: 15px 20px 15px 20px; }


#table { margin: 0px 10px 0px 20px; }

#table th  { margin: 5px 0px 5px 0px; 
			font: bold 12px trebuchet, arial, helvetica, san-serif; color: #000000;
			line-height: 1.4em;
			text-align:left;
			vertical-align:top;
			white-space:nowrap;
		}
#table td  { margin: 5px 0px 5px 0px;
			font: 12px trebuchet, arial, helvetica, san-serif; color: #000000;
			line-height: 1.4em;
			text-align:left;
			vertical-align:top;
		}

#gallery 		{ margin: 0px 0px 150px 10px;
				width:450px;
				clear: both;
			}
#gallery th  		{ margin: 5px 0px 5px 0px; 
			font: bold 12px trebuchet, arial, helvetica, san-serif; color: #000000;
			line-height: 2.0em;
			text-align:left;
			}
#gallery td  		{ margin: 5px 0px 5px 0px;
			font: 12px trebuchet, arial, helvetica, san-serif; color: #000000;
			line-height: 2.0em;
			text-align:left;
			}

#contact 		{ margin: 0px 0px 300px 10px;
				width:450px; 
				clear: both;
			}
#contact th  		{ margin: 5px 0px 5px 0px; 
			font: bold 12px trebuchet, arial, helvetica, san-serif; color: #000000;
			line-height: 2.0em;
			text-align:left;
			}
#contact td  		{ margin: 5px 0px 5px 0px;
			font: 12px trebuchet, arial, helvetica, san-serif; color: #000000;
			line-height: 2.0em;
			text-align:left;
			}

#volunteer 		{ margin: 0px 0px 0px 10px;
			}
#volunteer h2		{ 	font: normal 14pt trebuchet, arial, helvetica, san-serif; 
			color:#000000; 
			margin: 0px 0px 4px 0px;
				line-height: 1.4em;
				letter-spacing: .20em;
	}
#volunteer th  		{ margin: 5px 0px 5px 0px; 
			font: bold 12px trebuchet, arial, helvetica, san-serif; color: #000000;
			line-height: 2.0em;
			text-align:left;
			}
#volunteer td  		{ margin: 5px 0px 5px 0px;
			font: 12px trebuchet, arial, helvetica, san-serif; color: #000000;
			line-height: 1.2em;
			vertical-align:top;
			}