/************* Global Stuff *************/
html
{
	background: #734f3a;
}

body
{
	margin: 0;
    font-family: Helvetica, Arial, sans-serif;
	background: #FFF url(/templates/cfjc/images/body-bg.jpg) top left repeat-x;
}

#nav-main ul, #nav-bread ul, #nav-side ul
{
	list-style: none;
	padding: 10px 0;
	margin: 0;
}


#nav-main li, #nav-bread li, #nav-top li
{
	display: inline;
	margin-right: 10px;
}

#content, #cta
{
	padding-top: 5px;	
}

/************* Typography *************/

p, li, h2, h3, h4 { color: #563a29; }
h2{ font-size: 2.0em; font-weight:bold; margin-bottom: 5px; color: #85A634; }
h3{ font-size: 1.7em; font-weight:bold; margin-bottom: 0; color: #6b4a36;}
h4,h5,h6{ font-size: 1.4em; font-weight:bold; margin-bottom: 0; color: #6b4a36;}
p, li{ font-size: 1.4em; }
li { margin-bottom: 5px; }

a{ color: #85a634;}
a:hover{ text-decoration:none; color: #85a634;}

h3.post-title a {  color: #6b4a36; text-decoration: none;}
h3.post-title a:hover { color: #6b4a36; text-decoration: underline;}


/************* Header Styling *************/

#header
{
	background: url(/templates/cfjc/images/header-bg.jpg) 280px 0 no-repeat;
}

#nav-top, #search
{
	margin-top: 5px;
}

#nav-top ul
{
	margin: 1px 0 0 0;	
}

#nav-top a, #nav-top p, #nav-top li
{
	color: #FFF;
}

#nav-top a
{
	text-decoration: none;	
}

#nav-top a:hover
{
	text-decoration: underline;	
}

#logo h1
{
	height: 160px;
	margin: 0;
}

#mission
{
	margin-top: 17px;	
}


/************* Search Styling *************/

#search input
{
	margin: 0;
	padding: 0;
	border: 0;
}

#search input.text
{
	height: 16px;
	padding: 2px 5px;
	color: #999;
}

#search input.active
{
	color: #6b4a36;	
}

/************* Nav Main Styling *************/
#nav-main
{
	height: 49px;
	background: transparent url(/templates/cfjc/images/nav-main-bg.jpg) 730px bottom no-repeat;
	padding-bottom: 5px;
}

#nav-main ul
{
	margin: 0;
	padding: 0;
}

#nav-main li
{
	list-style: none;
	float: left;
	margin-right: 28px;
}

#nav-main li.menu-last
{
	margin-right: 0;
	margin-left: 1px;
}

#nav-main li a
{
	display: block;
	height: 49px;
	text-indent:-9009px;
	background:url(/templates/cfjc/images/nav-main-li-bg.jpg) no-repeat top left;
}

#nav-main li.sib-1 a
{
	background-position: 0px 0px;
	width: 171px;
}

#nav-main li.sib-2 a
{
	background-position: -201px 0px;	
	width: 231px;
}

#nav-main li.sib-3 a
{
	background-position: -462px 0px;	
	width: 272px;
}

#nav-main li.sib-4 a
{
	background-position: -758px 0px;
	width: 216px;
}

#nav-main li.sib-1 a:hover
{
	background-position: 0px -49px;	
}

#nav-main li.sib-2 a:hover
{
	background-position: -201px -49px;	
}

#nav-main li.sib-3 a:hover
{
	background-position: -462px -49px;	
}

#nav-main li.sib-4 a:hover
{
	background-position: -758px -49px;	
}

#nav-main li.sib-1 a.menu-current, #nav-main li.sib-1 a.menu-parent
{
	background-position: 0px -49px;	
}

#nav-main li.sib-2 a.menu-current, #nav-main li.sib-2 a.menu-parent
{
	background-position: -201px -49px;	
}

#nav-main li.sib-3 a.menu-current, #nav-main li.sib-3 a.menu-parent
{
	background-position: -462px -49px;	
}

#nav-main li.sib-4 a.menu-current, #nav-main li.sib-4 a.menu-parent
{
	background-position: -758px -49px;	
}




/************* Content Styling *************/
#container-content
{
	background: transparent url(/templates/cfjc/images/container-content-bg.gif) top right repeat-y;
	padding-top: 7px;
	padding-bottom: 20px;
}

#nav-side ul ul
{
	padding: 5px 0 0 10px;
}

#nav-side, #cta
{
	background: #E9DFD8; 
}

.cta-establish-fund a, .cta-apply-grant a, .cta-donate-now a
{
	display: block;
	height: 65px;
	width: 205px;
	text-indent: -9009px;
}

.cta-establish-fund a
{
	background: url(/templates/cfjc/images/cta-establish-fund.jpg) top left no-repeat;
}

.cta-apply-grant a
{
	background: url(/templates/cfjc/images/cta-apply-grant.jpg) top left no-repeat;
}

.cta-donate-now a
{
	background: url(/templates/cfjc/images/cta-donate-now.jpg) top left no-repeat;
}

.cta-establish-fund a:hover, .cta-apply-grant a:hover, .cta-donate-now a:hover
{
	background-position: 0px -65px;	
}

#cta p
{
	margin-bottom: 20px;	
}

p#address
{
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #C2ADA0;
	color: #FFF;
	font-size: 1.4em;
}

p#address a
{
	text-decoration: underline;
	color: #FFF;
}

p#address a:hover
{
	text-decoration: none;
}


#news-header
{
	margin-top: 25px;
}	

#news-header h2
{
	margin-bottom: 0;
	line-height: 1;
	height: 35px;
}	

#news
{
	border-top: 1px solid #85A634;
	padding-top: 10px;
}	


/************* Small Dot *************/

#small-dot
{
	background: #FFF;
}

#small-dot p
{
	font-size: 1.2em;
	color: #888888;
	margin: 0;
}

#small-dot a
{
	color: #888888;	
}

#small-dot a:hover
{
	color: #888888;	
	text-decoration: none;
}

/*************  News Formatting *************/
p#rss
{
	margin: 5px 0 0 0;
}

p#rss a
{
	display: block;
	height: 20px;
	text-indent: -9009px;
	background:url(/templates/cfjc/images/news-rss.gif) no-repeat top left;
}

p#rss a:hover
{
	background-position: 0 -20px;
}

.post-date
{
	margin: 4px 0 0 0;
	color: #cab7ab;
	font-weight: bold;
}

.divider
{
	height: 11px;
	background: url(/templates/iwf/images/divider.gif) repeat-x top left;
}

form.standard
{
	margin-bottom: 10px;
}

form.search label
{
	font-size: 1.3em;
}


/************* Footer *************/

#footer-body {width: 100%; float:left; background: #734f3a url(/templates/cfjc/images/footer-bg.jpg) top left repeat-x;}
#footer-container {width:975px;margin:0 auto;}
#footer-container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer-container {display:inline-block;}
* html #footer-container {height:1%;}
#footer-container {display:block;}

#footer
{
	padding-top: 20px;
	padding-bottom: 10px;
}

#footer p, #footer li
{
	font-size: 1.2em; color: #676666;
}

#footer li
{
	list-style: none;
}

#footer li li
{
	font-size: 1.0em;
	
}

#footer ul
{
	padding: 0;
	margin: 0;
	background: none;
}

#footer li
{
	margin-right: 0;
}

#footer a, #footer p, #footer h2
{
	color: #FFF;
	text-decoration: none;
}

#footer li a
{
	color: #e9dfd8;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer h2
{
	color: #FFF;
	font-size: 1.4em;
	margin-bottom: 5px;
}

#footer ul.menu-3, #footer .menu-expand ul.menu-3, #footer ul.menu-2, #footer .menu-expand ul.menu-2
{
	display: none;
}

#footer-logo p img
{
	margin: 0;	
}

#footer li ul
{
	margin-top: 5px;
}

#copyright
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px #CCC solid;
}