/* CSS Document */
/*-----------------------------------------------
Community Action Agency of Butte County, Inc. 
-------------------------------------------------
Author:		Matson & Isom Technology Consulting
            www.mitcs.com
Version:	2007.03.12.1618
----------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#container
{
	width: 800px;
	background-color: #FFF;
	border: none;
}

#mainContainer
{
	width: 800px;
	background-color: #FFF;
	margin: 0 auto;
	text-align: left;
}

#header
{
	width: 770px;
	position: relative;
	display: none;
}

html>body #header
{
	margin: 0;
}

#header h1
{
	font-size: .01em;
	color: #FFF;
}

#logo
{
	float: left;
	background: url(/_images/logo.gif) no-repeat bottom;
	width: 368px;
	height: 62px;
	margin: 0 0 10px 0;
	padding-top: 10px;
}

#capLogo
{
	float: right;
	margin: 27px 0 0 0;
}

#helpNav
{
	font-weight: bold;
	font-size: 85%;
	position: absolute;
	top: 5px;
	right: 2px;
}

#helpNav li
{
	display: inline;
	padding: 0 4px;
}

#helpNav a
{
	color: #396666;
	padding: 2px 3px;
}

#nav
{
	clear: both;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	text-align: center;
	background-color: #4f7c7c;
	margin: 0 auto;
	border-bottom: 2px solid #000;
}

#nav ul
{
	padding: 3px 10px 5px 10px;
}

html>body #nav ul
{
	padding: 6px 10px 4px 10px;
}

#nav li
{
	display: inline;
	letter-spacing: -1px;
}

#nav li a
{
	color: #FFF;
	margin: 0 15px;
	padding: 6px 10px 4px 10px;
}

#mainPhoto
{
	position: relative;
	width: 766px;
	height: 165px;
	background: url(/_images/homepage_photo.jpg) no-repeat;
	text-align: center;
	margin: 0 auto;
	border: 2px solid #000;
	border-top: none;
}

#mainPhoto p
{
	position: absolute;
	left: 10px;
	bottom: 15px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width: 550px;
	text-align: left;
	font-size: 120%;
	letter-spacing: -1px;
	color: #FFF;
	margin: 0;
}

html>body #mainPhoto p
{
	font-size: 120%;
}

#features
{
	float: left;
	width: 770px;
	background: url(/_images/features_bg.gif) repeat-y center;
	padding-bottom: 10px;
}

#features h2
{
	font-size: 140%;
	padding: 5px 5px 5px 15px;
}

html>body #features h2
{
	font-size: 155%;
}

#features h3
{
	margin: 15px 10px 5px 15px;
	font-size: 120%;
	color: #396565;
}

#features p
{
	font-size: 90%;
	line-height: 150%;
	margin: 0 15px 0 15px;
}

#successStories
{
	float: left;
	width: 500px;
	margin: 5%;
}

#successStories h2
{
	color: #FFF;
	background-color: #6f9898;
}

.story img
{
	float: right;
	padding: 5px;
	margin: 0 20px 5px 8px;
	border: 1px solid #EFEFEF;
}

#recentUpdates
{
	float: right;
	width: 245px;
}

#recentUpdates h2
{
	color: #3a6666;
	background-color: #d0d0d0;
}

#recentUpdates h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 5px 5px 15px;
	text-decoration: underline;
	font-size: 85%;
	font-weight: bold;
	color: #396565;
}

#recentUpdates h3 a
{
	color: #396565;
	text-decoration: underline;
}

	
#recentUpdates p
{
	margin: 0 5px 15px 15px;
	font-size: 85%;
}

#footer
{
	clear: both;
	text-align: left;
	border-top: 1px solid #B5C4C4;
	width: 800px;
}

#footer img
{
	display: none;
}


#footer p
{
	float: left;
	width: 400px;
	font-size: 85%;
	font-weight: bold;
	color: #909090;
	padding: 13px 0 10px 15px;
}

#footer img
{
	margin-left: 282px;
	width: 88px;
	padding: 5px 0;
}
/*-----------------------------------------------
-- Sub Page Styles 
----------------------------------------------- */

#bodyContent p
{
	margin: 0 0 10px 0;
	line-height: 140%;
}

#pageTitle
{
	background: url(/_images/page_title.gif) no-repeat bottom left;
	background-color: #6f9898;
	width: 770px;
	letter-spacing: -1px;
	font-size: 100%;
}

#services #pageTitle
{
	background: url(/_images/header_aboutus.jpg) no-repeat bottom left;
}

#aboutUs #pageTitle
{
	background: url(/_images/header_services.jpg) no-repeat bottom left;
}
	
#donate #pageTitle
{
	background: url(/_images/header_volunteer.jpg) no-repeat bottom left;
}

#employment #pageTitle
{
	background: url(/_images/header_employment.jpg) no-repeat bottom left;
}

#bodyContent #pageTitle h2
{
	font-size: 140%;
	color: #FFF;
	padding: 13px 0 10px 15px;
	width: 150px;
}

html>body #bodyContent h2#pageTitle
{
	font-size: 150%;
}

#subNav
{
	display: none;
}


#contentColumn

{
	float: left;
	margin: 0 10% 0 10%;
	padding: 0 10px 20px 0;  
} 

html>body #contentColumn
{
	padding: 0 0 20px 0;
}



#contentColumn h3
{
	clear: both;
	font-size: 125%;
	color: #fff;
	margin: 15px 5px 10px 0;
}

html>body #contentColumn h3
{
	font-size: 135%;
}

#contentColumn h3 a
{
	color: #3a6666;
	text-decoration: underline;
}

#contentColumn ul
{
	margin: 10px 10px 15px 15px;
}

#contentColumn li
{
	margin-bottom: 5px;
	list-style: inside;
	list-style-type: circle;
}

.rightImg 
{
	display: none; 
}

.leftImg
{
	display: none;
}

#highlight
{
	float: right;
	clear: right;
	margin: 10px 0 10px 10px;
	width: 243px;
	background: url(/_images/highlight_box_bottom.png) no-repeat bottom;
}

#highlight h4
{
	background: url(/_images/highlight_box_top.png) no-repeat top;
	padding: 10px 5px 5px 15px;
	color: #6c9c9c;
}

#highlight a
{
	color: #333;
}

#highlight ul
{
	font-size: 90%;
	margin: 5px 10px 10px 15px;
}

#highlight li
{
	list-style: none;
	background: url(/_images/pdf.png) no-repeat top left;
	padding: 0 0 5px 0;
}

html>body #highlight li
{
	padding: 0 0 5px 18px;
}

#highlight img
{
	float: none;
}	

.job
{
	background: #f8f8f8;
	border: 1px dashed #CCC;
	margin-bottom: 10px;
	padding: 10px 5px 0 10px;
}

.job h4 a
{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 75%;
	margin: 0 5px 0 0;
}

html>body .job h4 a
{
	font-size: 95%;
}

.job p
{
	margin: 5px 5px 0 0;
	line-height: 140%;
	font-size: 85%;
}

.job p.fullDescription
{
	text-align: right;
	margin: 0 5px;
}

.job p.fullDescription a
{
	color: #3A6666;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 90%;
	font-weight: bold;
}



/*-----------------------------------------------
-- Surplus Food Table Styles 
----------------------------------------------- */

#services table
{
	border: 1px solid #3A6666;
	padding: 2px;
	margin: 10px;
}

#services table tr td
{
	padding: 7px;
	text-align: center;
}

#services table th
{
	background: #6c9c9c;
	padding: 5px;
}

#services table th h4,
#services table th h3
{
	color: #fff;
}

#services table th,
#services table td
{

	border-bottom: 1px solid #CCC;
	padding: 2px 10px;
}

#services table .title th
{
	background: #4F7C7C;
	text-align: center;
}

#services table .alt
{
	background: #F9F9F9;
}

/*-----------------------------------------------

-- Department Contact Styles 

----------------------------------------------- */

.deptContactLeft
{
	float: left;
	clear: left;
}

.deptContact
{
	float: right;
	clear: right;
	margin-left: 5px;
}

.deptContact dl,
.deptContactLeft dl
{
	padding: 10px 5px 10px 5px;
}

.deptContact dt,
.deptContactLeft dt
{
	float: left;
	font-size: 85%;
}

.deptContact dd,
.deptContactLeft dd
{	
	font-size: 85%;
	padding-left: 3px;
}

.deptContact dd a,
.deptContactLeft dd a

{
	color: #396565;
	font-weight: normal;
	text-decoration: underline;
}

#employment h3
{
	clear: left;
}