/************* 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;	
	background: #FFF;
}

/************* 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;}

h3 + h4
{
	margin-top: 10px;	
}


/************* 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;	
}

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

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

#search input.active
{
	color: #000;	
}

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

#mission
{
	margin-top: 17px;	
}

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



/************* Nav Main Styling *************/
#nav-main
{
	height: 49px;
	background: transparent url(/templates/cfjc/images/nav-main-bg.jpg) bottom left 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: -1px 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: -1px -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: -1px -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;	
}


/************* Nav Bread *************/
#nav-bread p
{
	font-size: 1.2em;
}


/************* Nav Side *************/
#nav-side, #cta
{
	background: #E9DFD8; 
}

#nav-side
{
	padding-bottom: 10px;
}

#nav-side ul { margin: 0; padding:0; list-style: none;}

#nav-side li
{
	font-size: 1.3em;	
}

#nav-side a, #nav-side li p
{
	color: #6b4a36;
	font-weight: bold;
}

#nav-side li p, #nav-side li li
{
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}

#nav-side li li
{
	padding-bottom: 1px;	
}

#nav-side .menu-1 a, #nav-side .menu-1 p, #nav-side .menu-0 a, #nav-side .menu-0 p 
{
	display: block;
	width: 195px;
	padding: 5px 20px 3px 30px;
	text-decoration: none;
}
#nav-side .menu-2 a, #nav-side .menu-2 p 
{
	display: block;
	width: 185px;
	padding: 5px 20px 3px 40px;
	text-decoration: none;
	font-weight: normal;
}
#nav-side .menu-3 a, #nav-side .menu-3 p 
{
	display: block;
	width: 175px;
	padding: 5px 20px 3px 50px;
	text-decoration: none;
	font-weight: normal;
}

#nav-side li
{
	background: url(/templates/cfjc/images/nav-side-li-bg.gif) bottom left no-repeat;
	padding-bottom: 1px;
	margin-bottom: 0;
}

#nav-side li.menu-2.menu-last, #nav-side li.menu-3.menu-last
{
	background: none;
	padding-bottom: 0;
}

#nav-side ul.menu-2, #nav-side ul.menu-3 
{
	background: url(/templates/cfjc/images/nav-side-li-bg.gif) top left no-repeat;
	padding-top: 1px;
}

#nav-side li p 
{
	background: #C2ADA0 url(/templates/cfjc/images/nav-side-li-current-bg.gif) center left no-repeat;
}

#nav-side li a:hover
{
	background: #D9CBC2 url(/templates/cfjc/images/nav-side-li-hover-bg.gif) center left no-repeat;
}

#nav-side ul.menu-3, #nav-side .menu-expand ul.menu-3
{
	display: none;
}
 
#nav-side .menu-2.menu-current ul.menu-3, #nav-side .menu-2.menu-parent ul.menu-3
{
	display: block;
}

#nav-side p#address
{
	margin-top: 20px;
	padding: 10px;
	background: #C2ADA0;
	color: #FFF;
	font-size: 1.4em;
	margin-left: 20px;
	width: 185px;
}

#nav-side p#address a
{
	text-decoration: underline;
	color: #FFF;
	font-weight:normal;
}

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

/*** Hide Certain Sub-Menu Items ***/
#nav-side .menu-2.id-15 ul.menu-3
{
	display: none;	
}

#nav-side .menu-3.id-18 ul.menu-4, #nav-side .menu-3.id-19 ul.menu-4, #nav-side .menu-3.id-20 ul.menu-4
{
	display: none;	
}

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


/************* 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 *************/
.post-date
{
	margin: 4px 0 0 0;
	color: #855F48;
	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;
}




/****** Calculator ***********/
form.standard
{
	padding-top: 10px;	
}

form.standard h3 input
{
	font-size: .765em;	
}

form.rsvp input.text
{
	margin-bottom: 5px;	
}

form.rsvp .form-multi label
{
	display: inline;	
}

form.rsvp fieldset fieldset
{
	margin:0 0 10px 0;
	background: #FFF;
	float: left;
}

table.calculatorTable
{
	padding-top: 10px;
}

table.calculatorTable td
{
	font-size: 1.3em;
	text-align: center;
	padding: 10px 5px;
	border-right: 1px solid #CAB7AB;
	border-bottom: 1px solid #CAB7AB;
}

table.calculatorTable td.calculatorHeading
{
	background: #E9DFD8;
}

table.calculatorTable td.tableTop
{
	border-top: 1px solid #CAB7AB;
}

table.calculatorTable td.tableLeft
{
	border-left: 1px solid #CAB7AB;
}

table.calculatorTable td.calculatorTotal input
{
	font-weight:bold;
}

table.calculatorTable input
{
	width: 130px;
	font-size: .923em;
}
	

/************* 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: #e9dfd8;
}

#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
{
	color: #e9dfd8;
	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 li ul
{
	margin-top: 5px;
}

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

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


/***** Application Formatting *******/

#container-application
{
	margin-top: -4px;
	padding-top: 14px;
	background: #FFF url(/templates/cfjc/images/container-application-bg.jpg) repeat-x;
}

form.application
{
	padding-top: 0;	
}

form.application .form-input, form.application fieldset fieldset
{
	margin-bottom: 25px;
}

form.application .form-multi label, form#rsvp-form .form-multi label
{
	display: inline;
}

form.application label, form#rsvp-form label
{
	font-size: 1.154em;
}

form.application .form-input label, form#rsvp-form .form-input label
{
	font-size: 1.23em;
}

form.application textarea, form#rsvp-form textarea
{
	height: 130px;
	font-size: 14px;
}

form.application .form-submit
{
	margin: 0;
}

form.application fieldset
{
	border: none;
}

form.application .budget
{
	margin-bottom: 15px;
}

form.application div .budget
{
	font-size: 1.0em;
}

form.application span.dollar {margin: 2px 4px 0 0; float:left; }

#applicationReview h2
{
	padding-top: 25px;
	font-size: 2.0em;
}
#applicationReview h3
{
	font-size: 1.7em;	
}
#applicationReview h4
{
	font-size: 1.5em;	
}

#applicationReview p
{
	margin-bottom: 25px;
}

form.application h2
{
	padding-top: 10px;
	margin-bottom: 0;
}

form.application h3
{
	font-size: 1.8em;
	padding-top: 15px;
	padding-bottom: 5px;
}

form.standard .form-submit input.other
{
	background: #e9dfd8;
	color: #6B4A36;
	border-color: #6B4A36;
}

form.standard .form-submit input
{
	font-size: 1.1538em;	
}

form.standard .budget label { font-size: 13px; }
form.standard .req label { font-weight: bold; }

#app-print fieldset
{
	padding-left: 0;	
}

.ui-tabs-nav
{
	margin: 0;	
}

form#rsvp-form fieldset
{
	padding: 0;
	border: none;
	margin: 0;
}

form#rsvp-form fieldset fieldset
{
	padding: 10px;
	border: 1px solid #666;
	margin: 10px 0 20px 0;	
}

form#rsvp-form fieldset fieldset.family-container
{
	margin: 0;
	padding: 0;
	border: 0;
}

form#rsvp-form fieldset div
{
	margin-bottom: 5px;	
}

form#rsvp-form fieldset fieldset p
{
	font-size: 1.0em
}

form#rsvp-form h3
{
	margin-bottom: 15px;	
}
