/*
	Farmworker Justice styles
*/

body {
	margin: 0;
	padding: 0;
	background:#fff url('../images/FJ-background.jpg') repeat;
	font:normal 15px/1.5 'Open Sans', helvetica, arial, sans-serif;
	color: #281302;
}

.clearblock {
	display: block;
	float: none;
	clear: both;
	height: 0;
}


/* CKEditor alignment and indentation */
.rteindent1 {
	margin-left:25px;
}
.rteindent2 {
	margin-left:50px;
}
.rteindent3 {
	margin-left:75px;
}
.rteindent4 {
	margin-left:100px;
}

.rteleft {
	text-align:left;
}
.rtecenter {
	text-align:center;
}
.rteright {
	text-align:right;
}
.rtejustify {
	text-align:justify;
}


/* Text formatting */
.small, small {
	font-size:80%;
}
.big, big { 
	font-size:120%;
}
.highlight {
	color:#ff8c00;
}


hr {
	margin: 2em 0;
	height: 0;
	border: 0;
	border-bottom: 2px solid #b4ac96;
}
blockquote {
	width: 85%;
	margin: 15px auto;
	padding: 15px 15px;
	border-top: 2px solid #b4ac96;
	border-bottom: 2px solid #b4ac96;
}


/* Images */
img.float-left, img.rteleft {
	display: inline-block;
	float: left;
	clear: left;
	margin: 0 8px 8px 0;
}
img.float-right, img.rteright {
	display: inline-block;
	float: right;
	clear: right;
	margin: 0 0 8px 8px;
}

/* Photo with caption */
div.photo {
	float:left;
	margin:.4em 1em 1em 0;
	font:italic normal 11px/1.3 'Open Sans Condensed',helvetica,arial,sans-serif;
	color: #7d6f59;
}
div.photo img {
	display:block;
	margin:0 0 .3em;
}

figure {
	margin:0 0 1em 0;
	font:italic normal 11px/1.3 'Open Sans Condensed',helvetica,arial,sans-serif;
	color: #7d6f59;
}
figure img {
	display:block;
	margin:0 0 .3em;
}


.not-logged-in #content-area .node-inner .links,
#content-area .content .views-field-body .field-content img {
	display: none;
}

.node
{ clear:none }

/* Links */
a:link, a:visited {
	color: #0985cd;
	text-decoration:none;
	outline:0;
}
a:hover, a:active {
	color: #e8aa40;
	text-decoration: underline;
}
	
.node-type-webform .content .node-inner p a:link,
.node-type-webform .content .node-inner p a:visited {
	color: #0985cd;
}
.node-type-webform .content .node-inner p a:active,
.node-type-webform .content .node-inner p a:hover {
	color: #e8aa40;
}

/* Titles. */
a#logo { 
	display: inline-block;
	margin: 15px 0;
}

#name-and-slogan { display: none; }
#site-name {
	font-size: 2.2em;
	line-height: 1.3em;
	font-weight: 300;
	padding: 0 0 0.5em;
	margin: 0; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans Condensed', helvetica, arial, sans-serif;
	line-height:1.3em;
	margin:0 0 .8em;
	padding:0;
}

h1, h1.title {
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom:.5em;
	color:#d99c33;
}
body.front h1.title {
	display:none;
}

h1, h1.title small { /* Flag/marker */
	margin-left:.1em;
	vertical-align:top;
	text-transform:none;
}

h2, h2.pane-title, h2.block-title,
.sidebar-first .block h3 {	
	font-size: 24px;
	margin-bottom:.5em;
}
h3 {
	font-size: 21px;
	margin-bottom:1em;
}
h4 {
	font-size: 18px;
	margin-bottom:.8em;
}

h5 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom:.5em;
}
h6 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #7d6f59;
	margin-bottom: 1.65em;
}

h6.float-left {
	display: inline;
	float: left;
	margin: 5px 10px 10px 0;
}
h6.float-right {
	display: inline;
	float: right;
	margin: 5px 0 10px 10px;
}

#content-area .content img,
body.cke_editable img {
	border: 3px solid #281302;
}
#content-area .content a:hover img,
body.cke_editable a:hover img {
	border-color:#552d05;
}


/* Paragraph styles. */
p {
	margin: 0 0 1.4em;
}


/* Lists */
ul {
	margin:0 0 1.4em .5em;
	padding:0;
	list-style:none;
}
ul > li {
	margin:0;
	padding:0 0 .7em 1.3em; 
}
	ul > li:last-child {
		padding-bottom:0;
	}
	.region-content ul > li:before,
	body.cke_editable ul > li:before { /* Custom bullets */
		content:"";
		float:left;
		position:relative;
		width:8px;
		height:8px;
		margin-top:.5em;
		margin-left:-1.3em;
		border-radius:8px;
		background-color:#cc6425;
	}

	.region-content .item-list ul > li:before,
	ul.contextual-links > li:before /* Remove from Views, contextual lists */
	{ content:none }


ul > li ul {
	margin-top:.8em;
	margin-left:.8em;
}
	.region-content ul > li ul > li:before,
	body.cke_editable ul > li ul > li:before {
		background-color:#fff;
		width:7px;
		height:7px;
		border:2px solid #cc6425;
		border-radius:7px;
	}

/* Remove bullets */
ul.list-unstyled > li {
	padding-bottom:0;
	padding-left:0;
	padding-left:5px;
	line-height:1.42857143;
}
ul.list-unstyled > li:before {
	content:none;
	display:none;
}

/* Ordered list */
ol {
	counter-reset:list;
	margin:0 0 1.4em .5em;
	padding:0;
	list-style:none;
}
ol > li {
	margin:0;
	padding:0 0 .7em 1.3em;
}
	ol > li:last-child {
		padding-bottom:0;
	}
	.region-content ol > li:before,
	body.cke_editable  ol > li:before { /* Stylize list bullet */
		content:counter(list, decimal) ".";
		counter-increment:list;
		display:block;
		position:relative;
		float:left;
		margin-left:-2em;
		width:1.5em;
		text-align:right;
		color:#cc6425;
		font-weight:bold;
	}

ol > li ol {
	margin-top:.8em;
	margin-left:.8em;
}


/* Two column lists */
ul.two-columns,
ol.two-columns {
	clear:both;
	-webkit-column-width:auto; -moz-column-width:auto; column-width:auto;
	-webkit-column-count:2; -moz-column-count:2; column-count:2;
	-webkit-column-gap:35px; -moz-column-gap:35px; column-gap:35px;
}
ul.two-columns:after,
ol.two-columns:after { /* Add clearfix for better wrapping */
	display:table;
	content:" ";
}

ul.two-columns > li,
ol.two-columns > li { /* Prevent break within list item */
	-webkit-column-break-inside:avoid; -moz-break-inside:avoid-column; page-break-inside:avoid; break-inside:avoid; break-inside:avoid-column;
}
ul.two-columns > li:last-child,
ol.two-columns > li:last-child { /* Improve splitting so left column is always taller */
	margin-bottom:30px;
}

/* Mobile collapse */
@media screen and (max-width:767px) {
	ul.two-columns,
	ol.two-columns {
		-webkit-column-count:1; -moz-column-count:1; column-count:1;
	}
	ul.two-columns > li:last-child,
	ol.two-columns > li:last-child { /* Undo column split improvement */
		margin-bottom:0;
	}
}

/* Drupal defaults */
ul.menu
{ margin:0 }


/* Table styles. */
table {
	margin-bottom:1em;
	width: 99%; }

/* line 74, ../sass/style.sass */
tr.even td,
tr.odd td {
	padding: 10px 5px; }

/* line 77, ../sass/style.sass */
tr.odd {
	background-color: white; }
	
td.col-first {
	width: 320px;
	vertical-align: top;
	padding: 20px 40px 20px 0;
}
td.col-last {
	width: 320px;
	vertical-align: top;
	padding: 20px 0;
}


/* Abbreviation. */
abbr {
	border-bottom: 1px dotted #666666;
	cursor: help;
	white-space: nowrap; }

/* UI improvments. */
/* line 116, ../sass/style.sass */
#edit-title {
	font-size: 24px;
	width: 99%; }

/* line 120, ../sass/style.sass */
#system-themes-form img {
	width: 100px; }

/* line 123, ../sass/style.sass */
.form-item .description {
	font-style: italic;
	line-height: 1.2em;
	font-size: 0.8em;
	margin-top: 5px;
	color: #777777; }

/* line 130, ../sass/style.sass */
#edit-delete {
	color: #cc0000; }

/* Console, style from slate theme. */
/* line 134, ../sass/style.sass */
div.messages {
	padding: 9px;
	margin: 1em 0;
	color: #003366;
	background: #bbddff;
	border: 1px solid #aaccee; }

/* line 141, ../sass/style.sass */
div.warning {
	color: #884400;
	background: #ffee66;
	border-color: #eedd55; }

/* line 146, ../sass/style.sass */
div.error {
	color: white;
	background: #ee6633;
	border-color: #dd5522; }

/* line 151, ../sass/style.sass */
div.status {
	color: #336600;
	background: #ccff88;
	border-color: #bbee77; }

/* Region Colors. delete when starting a new theme. */
/* line 157, ../sass/style.sass */
#footer {
	height: 100px;
	background-color: #281302;
}

/* line 160, ../sass/style.sass */
#sidebar-first { background-color: Transparent; }

/* line 163, ../sass/style.sass */
#sidebar-second {
	background: transparent;
	margin-top: 40px;}
body.page-node-11	 #sidebar-second {
	width: 180px;
	
}
body.page-node-11 #sidebar-second #block-block-5	{
	margin-left: 0;
	width: 145px;
}
body.page-node-11 #sidebar-second #block-block-5 h4 {
	font-size: 14px;
}
body.page-node-11 #sidebar-second #block-block-5 p {
	font-size: 13px;
}
body.page-node-11 .two-sidebars #content-header, .two-sidebars #content-area {
margin-right: 200px;
}
#page-cap {
	width: 100%;
	height: 7px;
	background-color: #e97733;
}


/* --- Main menu --- */
#navigation {
	position:relative;
	z-index:2;
	background-color:#fff;
}

#block-menu_block-2 {
	position:relative;
	width: 803px;
	float: left;
	background-color:#fff;
}
#block-menu_block-2 ul.menu {
	margin:0 0 0 -12px; /* Shift so Home is left-aligned */
	padding:0;
	list-style:none;
}

#block-menu_block-2 ul.menu > li {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}
	#block-menu_block-2 ul.menu > li.last {
		margin-right:0;
	}

#block-menu_block-2 ul.menu > li > a {
	min-height:28px;
	display: inline-block;
	padding:13px 12px;
	background:none no-repeat center bottom;
	font:normal 23px/1.25 'Open Sans Condensed',helvetica,arial,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #281302;
	white-space:nowrap;
}

	#block-menu_block-2 ul.menu > li > a:hover,
	#block-menu_block-2 ul.menu > li > a:active {
		background-image: url('../images/main-nav-arrow-active.jpg');
		color: #e8aa40;
	}
	#block-menu_block-2 ul.menu > li.expanded:hover > a {
		background-image: url('../images/main-nav-arrow-over.jpg');
		color: #e8aa40;
	}
	#block-menu_block-2 ul.menu > li.active-trail > a {
		background-image: url('../images/main-nav-arrow-active.jpg');
		color: #0985cd;
	}

/* Submenus */
#block-menu_block-2 ul.menu > li ul.menu {
	display:none;
	position:absolute;
	z-index:9999;
	top: 54px;
	left: 8px;
	width: 400px;
	margin:0;
	padding: 14px 18px;
	border: 3px solid #4e2d11;
	background-color: #fff;
	line-height: 1.2;
	-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
	-webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;
	-webkit-column-rule: 1px solid #d8d8ca; -moz-column-rule: 1px solid #d8d8ca; column-rule: 1px solid #d8d8ca;
}

	/* Single column for Advocacy */
	#block-menu_block-2 ul.menu > li.menu-mlid-609 ul.menu {
		width:16em;
		-webkit-column-count:auto; -moz-column-count:auto; column-count:auto;
	}
	/* Shift Resources away from edge */
	#block-menu_block-2 ul.menu > li.menu-mlid-621 ul.menu {
		margin-left: -85px;
	}


#block-menu_block-2 ul.menu > li ul.menu > li {
	-webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside:avoid;
	display:block;
	margin:0;
	padding:0;
}

#block-menu_block-2 ul.menu > li ul.menu > li > a {
	-webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside:avoid;
	min-height:0;
	display:block;
	margin:2px 0;
	padding:5px 0;
	font:normal 13px/1.2 'Open Sans',helvetica,arial,sans-serif;
	text-transform: capitalize;
	color: #6e3c0b;
	background-image:none;
	white-space:normal;
}

#block-menu_block-2 ul.menu > li ul.menu > li a:hover,
#block-menu_block-2 ul.menu > li ul.menu > li a:active {
	color: #e8aa40;
}


/* Reduce size for HTTPS */
/*
body.https-on #block-menu_block-2 li a,
body.https-on #block-menu_block-2 li a:link,
body.https-on #block-menu_block-2 li a:visited {
	font-size: 18px;
	letter-spacing: -1px;
}
*/


/* search form - in navigation div
;line 166, ../sass/style.sass */
#block-search-form {
	position: relative;
	width: 183px;
	float: right;
	line-height: 54px;
	text-align: right;
}
#block-search-form .container-inline {
	position: absolute;
	top: 10px;
	width: 173px;
	height: 29px;
	margin: 0;
	padding: 3px;
	background-color: #552d06;
}
#block-search-form .container-inline h2 { display: none; }
#block-search-form .container-inline .form-item,
#block-search-form .container-inline .form-actions {
	position: absolute;
	top: 3px;
	left: 3px;
	height: 24px;
	margin: 0;
	padding: 0;
}
#block-search-form .container-inline .form-actions {
	right: 3px;
}
#block-search-form .container-inline .form-item input {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 29px;
	margin: 0;
	padding: 0 3px 0 23px;
	font-size: 14px;
	line-height: 29px;
	font-style: italic;
	border: 0;
	color: #552d06;
	z-index: 2;
	background-image: url('../images/search-mag.gif');
	background-position: left center;
	background-repeat: no-repeat;
}
#block-search-form .container-inline .form-actions input {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 29px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	background: none;
	background-image: url('../images/fj-arrows-yellow.png');
	background-position: center center;
	background-repeat: no-repeat;
	color: #552d06;
	z-index: 1;
}

#header-region {
	position: absolute;
	top: 7px;
	right: 0;
	text-align: right;
}
/* get updates */
/* header/global */
div.get-updates {
	position: absolute;
	margin-top: 30px;
	right: 5px;
	text-align: right;	
}
.get-updates span {
	font-size: 13px;
	color: #552d06;
}
.get-updates input {
	position: relative;
	width: 120px;
	height: 18px;
	margin: 0 5px 0 0;
	padding: 3px 23px 3px 5px;
	font-size: 12px;
	font-style: italic;
	border: 1px solid #d3d4c7;
	color: #7c5737;
	z-index: 2;
}
/* replaced by link version
.get-updates a.arrow-submit {
	display: inline-block;
	position: relative;
	top: 8px;
	left: 0;
	width: 24px;
	height: 24px;
	margin: 0 0 0 -30px;
	padding: 0;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	background: none;
	background-image: url('../images/fj-arrows-tan.png');
	background-position: center 3px;
	background-repeat: no-repeat;
	color: #552d06;
	z-index: 3;
}
-- text version
.get-updates a.arrow-submit {
	display: inline-block;
	position: relative;
	margin: 0 10px 0 0;
	padding: 0 18px 0 0;
	text-indent: 0;
	border: 0;
	cursor: pointer;
	background: none;
	background-image: url('../images/fj-arrows-tan.png');
	background-position: right 3px;
	background-repeat: no-repeat;
	color: #fff;
	z-index: 3;
}
-- button version -- 
*/
.get-updates a.yellow-button:link,
.get-updates a.yellow-button:visited {
	margin: 0 18px 0 0;
	padding: 5px 10px 5px 5px;
	width: 120px;
	height: 22px;
	line-height: 22px;
	font-size: 18px;
	background-image: url('../images/fj-arrows-brown.png');
	background-position: 110px 9px;
	background-repeat: no-repeat;
}
.get-updates a.facebook,
.get-updates a.twitter {
	display: inline-block;
	position: relative;
	top: 6px;
	margin-left:2px;
}
/* footer get updates */
#footer .get-updates {
	position: absolute;
	top: 0;
	right: 15px;
	margin-top: 0;
}
#footer .get-updates span {
	color: #fff;
}


/* global menu */
.global-menu {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;	
} 
.global-menu ul.menu {
	display: block;
	float: right;
	margin-top: -2px;
	padding: 0;
	list-style-type: none;	
}
.global-menu ul.menu li.leaf {
	display: block;
	float: left;
	height: 13px;
	margin: 5px 0 0 0;
	padding: 0 5px 3px 5px;
	line-height: 13px;
	list-style-type: none;	
	list-style-image: none;
	list-style-type: none;
	border-left: 1px solid #281302;
}
.global-menu ul.menu li.leaf a:link,
.global-menu ul.menu li.leaf a:visited {
	display: block;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
	color: #281302;
}
.global-menu ul.menu li.leaf a:active,
.global-menu ul.menu li.leaf a:hover {
	color: #e8aa40;
}
.global-menu ul.menu li.first {
	border-left: 0;
}
.global-menu ul.menu li.last {
	margin-top: 0;
	border-left: 0;
}
.global-menu ul.menu li.last a:link,
.global-menu ul.menu li.last a:visited {
	margin-top: -5px;
	height: 32px;
	padding: 0 28px 0 16px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 32px;
	background-color: #e97733;
	background-image: url('../images/fj-arrows-brown.png');
	background-position: 100px center;
	background-repeat: no-repeat;
	border-left: 1px solid #e8d4c3;
	border-right: 1px solid #e9a57a;
	border-bottom: 1px solid #e9a57a;
	color: #fff;
} 
.global-menu ul.menu li.last a:active,
.global-menu ul.menu li.last a:hover {
	/*color: #281302;*/
	color: #4e2d11;
}
.global-menu ul.menu li.leaf a.active-trail {
	color: #0985cd;
}
.global-menu ul.menu li.last a.active-trail {
	color: #fff;
}

/* footer */
.copyright {
	position: relative;
	margin: 20px 0 0 5px;
	font-size: 13px;
	color: #fff;
}
/* footer menu */
.footer-menu {
	position: relative;
	width: 500px;
}
.footer-menu .menu {
	position: relative;
	padding: 0;
	list-style: none;
}
.footer-menu .menu li.leaf {
	display: inline-block;
	padding: 0 0 0 10px;
	list-style: none;
	line-height: 15px;
	border-left: 1px solid #fff;
}
.footer-menu .menu li.leaf.first {
	border-left: 0;
	padding: 0;
}
.footer-menu .menu li.leaf a:link,
.footer-menu .menu li.leaf a:visited {
	text-decoration: none;
	font-size: 13px;
	color: #e8aa40;
}
.footer-menu .menu li.leaf a:active,
.footer-menu .menu li.leaf a:hover {
	color: #fff;
}

/* --- Left sidebar subnav --- */
#sidebar-first .block-menu-block {
	margin: 0 0 24px 0;
	padding: 0 0 32px 0;
	border-bottom: 2px solid #b4ac96;
}
#sidebar-first .block-menu-block ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#sidebar-first .block-menu-block ul.menu ul {
	display: none;
	margin: 0 0 0 10px;
}
#sidebar-first .block-menu-block ul.menu li.active-trail ul {
	display: block;
}
#sidebar-first .block-menu-block ul.menu li {
	width: 260px;
	margin: 0;
	padding: 2px 0;
	list-style: none;
	list-style-image: none;
}
#sidebar-first .block-menu-block ul.menu a:link,
#sidebar-first .block-menu-block ul.menu a:visited {
	padding-right: 20px;
	line-height: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #281302;
}
#sidebar-first .block-menu-block ul.menu a:active,
#sidebar-first .block-menu-block ul.menu a:hover {
	color: #e8aa40;
}
#sidebar-first .block-menu-block ul.menu a.active {
	background-image: url('../images/nav-arrow-right.png');
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 18px;
	color: #0985cd;
}
#sidebar-first .block-menu-block ul.menu li.expanded a.active-trail {
	background-image: url('../images/nav-arrow-down.png');
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 18px;
	color: #0985cd;
}
#sidebar-first .block-menu-block ul.menu ul li {
	width: 250px;
}
#sidebar-first .block-menu-block ul.menu ul a:link {
	font-size: 15px;
	font-weight: normal;
}
#sidebar-first .block-menu-block ul.menu ul a.active {
	font-size: 15px;
}
#sidebar-first .block-menu-block ul.menu li.expanded ul li a.active-trail {
	background-image: url('../images/nav-arrow-right.png');
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 15px;
	color: #0985cd;
}
#sidebar-first .block-menu-block ul.menu li.expanded ul li.expanded a.active-trail {
	background-image: url('../images/nav-arrow-down.png');
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 15px;
	color: #0985cd;
}
#sidebar-first .block-menu-block ul.menu ul.menu li.expanded ul li.expanded a.active-trail.active {
	background-image: url('../images/nav-arrow-right.png');
}
/*
	color: #281302;
	color: #e8aa40;
	color: #0985cd;
*/


/* --- Blocks and Buttons --- */

/* HIV testing widget */
#block-block-11 .content > div.active
{ margin:0 auto }

.get-involved,
.pop-vox,
.get-updates-block
{
	width: 230px;
	margin: 0 0 10px 0;
	padding: 15px 15px 20px 15px;
	background-color: #d5d1c7;
}
.pop-vox h2 {
	height: 36px;
	margin-left: -3px;
	background-image: url('../images/fj-popVox.png');
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: 0;
}
#content-area .content .pop-vox h3 {
	margin-bottom: 0;
	text-transform: none;
	font-size: 24px;
	color: #281302;
}
.pop-vox p {
	margin-bottom: 0;
}
.pop-vox a:link,
.pop-vox a:visited {
	text-decoration: none;
	line-height: 40px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 20px;
	color: #d06f28;
}
.pop-vox a:active,
.pop-vox a:hover {
	color:#fff;
}
.pop-vox a span.arrow {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 20px;
	top: 4px;
	background-image: url('../images/fj-arrows-orange.png');
	background-position: center center;
	background-repeat: no-repeat;
	overflow:hidden;
}


#updates-block-form input.form-text {
	position: relative;
	width: 210px;
	height: 32px;
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	font-style: italic;
	border: 1px solid #d3d4c7;
	color: #7c5737;
	z-index: 2;
}

a.yellow-button:link,
a.yellow-button:visited {
	display: inline-block;
	border: 0;
	width: 220px;
	height: 40px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 21px;
	color: #fff;
	background-color: #e8aa40;
	background-image: linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -o-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(222,151,29)),
		color-stop(1, rgb(232,170,64))
	);
}
a.yellow-button:hover {
	/*color: #281302;*/
	color: #fff;
	background-color: #de971d;
	background-image: linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -o-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -moz-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -webkit-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -ms-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(222,151,29)),
		color-stop(1, rgb(232,170,64))
	);
}
a.yellow-button:active {	
	background-image: none;
	background-color: #e8aa40;
}
a.yellow-button span.arrow { 
	display: inline-block;
	position: relative;
	width: 16px;
	height: 20px;
	top: 4px;
	background-image: url('../images/fj-arrows-brown.png');
	background-position: center center;
	background-repeat: no-repeat;
}
a.brown-button:link,
a.brown-button:visited {
	display: inline-block;
	border: 0;
	width: 220px;
	height: 40px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 21px;
	color: #fff;
	background-color: #593007;
	background-image: linear-gradient(bottom, rgb(63,32,1) 0%, rgb(89,48,7) 100%);
	background-image: -o-linear-gradient(bottom, rgb(63,32,1) 0%, rgb(89,48,7) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(63,32,1) 0%, rgb(89,48,7) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(63,32,1) 0%, rgb(89,48,7) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(63,32,1) 0%, rgb(89,48,7) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(63,32,1)),
		color-stop(1, rgb(89,48,7))
	);
}
a.brown-button:hover {
	/*color: #D99C33;*/
	color: #fff;
	background-color: #3f2001;
	background-image: linear-gradient(bottom, rgb(89,48,7) 0%, rgb(63,32,1) 100%);
	background-image: -o-linear-gradient(bottom, rgb(89,48,7) 0%, rgb(63,32,1) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(89,48,7) 0%, rgb(63,32,1) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(89,48,7) 0%, rgb(63,32,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(89,48,7) 0%, rgb(63,32,1) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(89,48,7)),
		color-stop(1, rgb(63,32,1))
	);
}
a.brown-button:active {
	background-image: none;
	background-color: #593007;
}
a.brown-button span.arrow { 
	display: inline-block;
	position: relative;
	width: 16px;
	height: 20px;
	top: 4px;
	background-image: url('../images/fj-arrows-orange.png');
	background-position: center center;
	background-repeat: no-repeat;
}
a.resource_link:link,
a.resource_link:visited {
	display: inline-block;
	padding-right: 20px;
	text-decoration: none;
	line-height: 22px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 21px;
	font-weight: 800px;
	color: #e7811e;
	background-image: url('../images/fj-arrows-orange.png');
	background-position: right center;
	background-repeat: no-repeat;
}
a.resource_link:active,
a.resource_link:hover {
	color: #0985CD;
}
a.orange-button:link,
a.orange-button:visited {
	display: inline-block;
	border: 0;
	width: 220px;
	height: 40px;
	margin: 0 0 18px 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 21px;
	color: #fff;
	background-color: #e97733;
	background-image: linear-gradient(bottom, rgb(205,95,31) 0%, rgb(233,118,51) 100%);
	background-image: -o-linear-gradient(bottom, rgb(205,95,31) 0%, rgb(233,118,51) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(205,95,31) 0%, rgb(233,118,51) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(205,95,31) 0%, rgb(233,118,51) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(205,95,31) 0%, rgb(233,118,51) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(205,95,31)),
		color-stop(1, rgb(233,118,51))
	);
}
a.orange-button:hover {
	/*color: #281302;*/
	color: #fff;
	background-color: #cd601f;
	background-image: linear-gradient(bottom, rgb(233,118,51) 0%, rgb(205,95,31) 100%);
	background-image: -o-linear-gradient(bottom, rgb(233,118,51) 0%, rgb(205,95,31) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(233,118,51) 0%, rgb(205,95,31) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(233,118,51) 0%, rgb(205,95,31) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(233,118,51) 0%, rgb(205,95,31) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(233,118,51)),
		color-stop(1, rgb(205,95,31))
	);
}
a.orange-button:active {
	background-image: none;
	background-color: #e97733;
}
a.orange-button span.arrow { 
	display: inline-block;
	position: relative;
	width: 16px;
	height: 20px;
	top: 4px;
	background-image: url('../images/fj-arrows-brown.png');
	background-position: center center;
	background-repeat: no-repeat;
}
body.front a.orange-button:link,
body.front a.orange-button:visited {
	margin: 10px 0 0 0;
}



/* PAGES */
/* home */
/* blocks are loacted with the global block in this file
Dynamic Lead is located a separate css file */

body.front .home-content-block {
	height: 314px;
	margin-bottom: 52px;
	font-size: 19px;
	line-height: 25px;
}
body.front .home-content-block a.yellow-button {
	width: 165px;
}
/* homepage tabs */
body.front .panels-ipe-portlet-wrapper {
	position: relative;
	top: 0;
}
body.front #adv-pro-tab .pane-content {
	position: relative;
}
.homepage-tab {
	position: absolute;
	top: 30px;
}
.not-logged-in .homepage-tab {
	position: absolute;
	top: 372px;
}

.homepage-tab h2.pane-title {
	position: absolute;
	background: #e8aa40;
	margin: 0;
	padding: 0;
	line-height: 44px;
	text-align: center;
	font-size: 21px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	z-index: 20;
}
.homepage-tab h2.pane-title.hover {
	background-color: #cf8911;
	cursor: pointer;
}
.homepage-tab h2.pane-title.active,
.homepage-tab h2.pane-title.active.hover {
	color: #281302;
	background-color: #fff;
	text-transform: uppercase;
}
#news-tab h2.pane-title {
	width: 160px;
	left: 0;
}
#blog-tab h2.pane-title {
	width: 160px;
	left: 162px;
}
#adv-pro-tab h2.pane-title {
	width: 240px;
	left: 324px;
}
.homepage-tab .pane-content {
	position: relative;
	top: 44px;
	background: #fff;
	width: 623px;
	margin: 0;
	padding: 30px 30px 0 30px;
}
.homepage-tab .pane-content.hide {
	display: none;
}
.homepage-tab .pane-content .views-row {
	min-height: 136px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 2px solid #b4ac96;
}
.homepage-tab .pane-content .views-row.views-row-last {
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: none;
}
.homepage-tab .pane-content .views-field-field-highlight-image {
	display: block;
	margin: 5px 10px 0 0;
	float: left;
	clear: left;
}
#content-area .content .homepage-tab .pane-content .image-block img {
	display: none;
	width: 202px;
	height: 126px;
	border: 0;
	float: left;
	clear: left;
}

.homepage-tab .pane-content .views-field-title a:link,
.homepage-tab .pane-content .views-field-title a:visited {
	display: inline;
	padding-right: 20px;
	background-image: url('../images/fj-arrows-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 20px;
	font-weight: 800;
	text-decoration: none;
	color: #0985cd;
}
.homepage-tab .pane-content .view-fj-blog .views-field-field-highlight-image + .views-field-title {
	display: inline;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 21px;
	font-weight: bold;
	width: 400px;
}
.homepage-tab .pane-content .views-field-title a:active,
.homepage-tab .pane-content .views-field-title a:hover {
	text-decoration: underline;
}
.homepage-tab .pane-content .views-field-created {
	font-size: 12px;
	font-weight: 600;
	color: #e7811e;
}
.homepage-tab .pane-content .views-field-body {
	line-height: 20px;
}
.homepage-tab .pane-content .view-footer {
	position: absolute;
	width: 663px;
	height: 46px;
	line-height: 46px;
	margin-left: -30px;
	padding: 0 20px 0 0;
	text-align: right;
	background-color: #e8aa40;
}
.homepage-tab .pane-content .view-footer a:link,
.homepage-tab .pane-content .view-footer a:visited {
	display: block;
	width: 663px;
	height: 46px;
	padding: 0 20px 0 0;
	text-align: right;
	font-size: 18px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	color: #fff;	
	background-color: #e8aa40;
}
.homepage-tab .pane-content .view-footer a:active,
.homepage-tab .pane-content .view-footer a:hover {
	background-color: #cf8911;
	text-decoration: none;
}
.homepage-tab .pane-content .view-footer a span.arrow { 
	display: inline-block;
	position: relative;
	width: 16px;
	height: 20px;
	top: 4px;
	background-image: url('../images/fj-arrows-brown.png');
	background-position: center center;
	background-repeat: no-repeat;
}


/* landing pages */

.view-advocacy-programs-landing .views-row {
	margin: 20px 0;
	float: none;
	clear: both;
}
.view-advocacy-programs-landing .views-row .node-inner {
	float: none;
	clear: both;
	min-height: 165px;
}
.view-advocacy-programs-landing .views-field-title {
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
}
.view-advocacy-programs-landing .views-field-title a:link,
.view-advocacy-programs-landing .views-field-title a:visited {
	text-decoration: none;
	font-size: 21px;
	color: #281302;
}
.view-advocacy-programs-landing .views-field-title a:active,
.view-advocacy-programs-landing .views-field-title a:hover {
	text-decoration: none;
	color: #E97733;
}
.view-advocacy-programs-landing a:link,
.view-advocacy-programs-landing a:visited {
	text-decoration: none;
	color: #E97733;
}
.view-advocacy-programs-landing a:active,
.view-advocacy-programs-landing a:hover {
	text-decoration: none;
	color: #281302;
}
.view-advocacy-programs-landing table p {
	margin-top:.2em;
	margin-bottom:.3em;
	font-size: 13px;
}
.view-advocacy-programs-landing div.links li {
	margin: 0;
	padding: 0;
} 
.view-advocacy-programs-landing a.with-arrow,
.view-advocacy-programs-landing div.links li a,
.view-advocacy-programs-landing .views-field-view-node a {
	padding: 0 13px 3px 0;
	font-size: 13px;
	font-weight: bold;
	background-image: url('../images/fj-arrows-orange-small.png');
	background-position: right center;
	background-repeat: no-repeat; 
}
.view-advocacy-programs-landing a.with-arrow {
	font-size: 13px;
}
.view-advocacy-programs-landing .views-view-grid .views-field-field-highlight-image,
.view-advocacy-programs-landing .views-row .views-field-field-highlight-image {
	margin: 5px 10px 0 0;
	float: left;
	clear: left;
}

.view-display-id-block_7 tr.row-1.row-first td.col-1.col-first .views-field-view-node {
	margin-top: -15px;
}


/* ----- Blog nodes and taxonomy terms ----- */
#blog-header-link {
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 990px;
	height: 128px;
}
body.one-sidebar.sidebar-second.page-fj-blog #content-area {
	margin-top: 15px;
}
body.vocabulary-blog #content,
body.page-fj-blog #content,
body.node-type-blog-post #content {
	background-image: url('../images/fj-blog-header-bg.png');
	background-position: center 15px;
	background-repeat: no-repeat;
}
body.vocabulary-blog #content-inner,
body.page-fj-blog #content-inner,
body.node-type-blog-post	#content-inner {
	margin-top: 25px;
}
body.vocabulary-blog #content-header,
body.page-fj-blog #content-header,
body.node-type-blog-post #content-header	{
	background-image: url('../images/fj-blog-header.png');
	background-position: left 20px;
	background-repeat: no-repeat; 
	width: 990px;
}
body.vocabulary-blog #content-area .content .views-field-body .field-content img,
body.page-fj-blog #content-area .content .views-field-body .field-content img,
body.node-type-blog-post #content-area .content .views-field-body .field-content img	{
	display: inline;
}
body.vocabulary-blog.not-logged-in #content-area .node-inner .links,
body.page-fj-blog.not-logged-in #content-area .node-inner .links,
body.node-type-blog-post.not-logged-in #content-area .node-inner .links	 {
	display: block;
}

body.vocabulary-blog #content a:link,
body.vocabulary-blog #content a:visited,
body.page-fj-blog #content a:link,
body.page-fj-blog #content a:visited,
body.node-type-blog-post #content a:link,
body.node-type-blog-post #content a:visited {
	color: #281302;
	text-decoration: underline;
}
body.vocabulary-blog #content a:active,
body.vocabulary-blog #content a:hover,
body.page-fj-blog #content a:active,
body.page-fj-blog #content a:hover,
body.node-type-blog-post #content a:active,
body.node-type-blog-post #content a:hover {
	color: #E8AA40;
	text-decoration: none;
}
body.page-fj-blog #content-header h1.title {
	width: 650px;
	height: 140px;
	text-indent: -9999px;
	outline: none;
}
body.vocabulary-blog #content-header,
body.node-type-blog-post #content-header {
	padding-top: 170px;
}
body.node-type-blog-post #content-header h1.title {
	width: 650px;
	padding: 20px 20px 0 20px;
	background-color: #fff;
	text-transform: none;
	background-image: url('../images/fj-blog-title-icon.png');
	background-position: left 30px;
	background-repeat: no-repeat; 
}
body.vocabulary-blog #content-header h1.title {
	width: 650px;
	display: block;
	padding: 20px;
	background-color: #fff;
}
body.vocabulary-blog .node-blog-post,
body.vocabulary-blog #content-area .views-row,
body.page-fj-blog #content-area .views-row {
	padding: 20px;
	background-color: #fff;
	width: 650px;
	margin-top: 38px;
}
body.vocabulary-blog .node-blog-post.first,
body.page-fj-blog #content-area .views-row-first {
	margin-top: -5px;
}
body.node-type-blog-post #content-area {
	padding: 0 20px 20px 20px;
	background-color: #fff;
	width: 650px;
	margin-top: -5px;
}
body.vocabulary-blog #content-area {
	margin-left: 0;
	background-color: transparent;
}
body.node-type-blog-post #content-area	.field-name-body {
	margin-bottom: 10px;
	border-bottom: 2px solid #b4ac96;
}
body.page-fj-blog #content-area .views-field-body,
body.vocabulary-blog #content-area .views-field-body {
	margin-bottom: 10px;
}

body.vocabulary-blog #content-area h2,
body.vocabulary-blog #content-area .views-field-title,
body.page-fj-blog #content-area .views-field-title {
	margin-left: -21px;
	padding-left: 21px;
	background-image: url('../images/fj-blog-title-icon.png');
	background-position: left 10px;
	background-repeat: no-repeat; 
}
body.vocabulary-blog #content-area h2 a:link,
body.vocabulary-blog #content-area h2 a:visited,
body.vocabulary-blog #content-area .views-field-title a:link,
body.vocabulary-blog #content-area .views-field-title a:visited,
body.page-fj-blog #content-area .views-field-title a:link,
body.page-fj-blog #content-area .views-field-title a:visited {
	font-size: 28px;
	font-weight: 300;
	line-height: 42px;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	text-decoration: none;
	color: #D99C33;
}
body.vocabulary-blog #content-area h2 a:active,
body.vocabulary-blog #content-area h2 a:hover,
body.page-fj-blog #content-area .views-field-title a:active,
body.page-fj-blog #content-area .views-field-title a:hover {
	text-decoration: underline;
}
body.node-type-blog-post #content-area .content ul,
body.page-fj-blog #content-area .content ul,
body.vocabulary-blog #content-area .content ul {
	margin-bottom: 15px;
}
/* fields */
body.vocabulary-blog .views-field-created,
body.node-type-blog-post .submitted-date,
body.page-fj-blog .views-field-created {
	display: block;
	margin: 0 0 15px 0;
	font-size: 13px;
	font-style: italic;
} 
body.page-fj-blog #content-area .views-field-path-1,
body.vocabulary-blog #content-area .views-field-path-1 {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 2px solid #b4ac96;
}
body.page-fj-blog #content-area .views-field-path-1 a:active,
body.page-fj-blog #content-area .views-field-path-1 a:hover,
body.vocabulary-blog #content-area .views-field-path-1 a:active,
body.vocabulary-blog #content-area .views-field-path-1 a: hover {
	color: #E8AA40;
	text-decoration: none;
}
body.page-fj-blog #content-area .views-field-path-1 a span.arrow,
body.vocabulary-blog #content-area .views-field-path-1 a span.arrow {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 20px;
	top: 6px;
	margin: 0 5px 0 0;
	background-image: url('../images/fj-arrows-brown.png');
	background-position: center center;
	background-repeat: no-repeat;
}

body.vocabulary-blog .views-field-value,
body.node-type-blog-post .blog-post-footer,
body.page-fj-blog .views-field-value {
	display: inline-block;
	margin: 0;
	padding: 0 10px 0 5px;
	font-size: 13px;
	border-right: 1px solid #b4ac96;
}
body.vocabulary-blog .field-name-field-blog-category,
body.node-type-blog-post .field-name-field-blog-category {
	display: inline-block;
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 13px;
}
body.vocabulary-blog .field-name-field-blog-category .field-item,
body.node-type-blog-post .field-name-field-blog-category .field-item {
	display: inline-block;
}
body.vocabulary-blog .views-field-field-blog-category,
body.page-fj-blog .views-field-field-blog-category {
	display: inline-block;
	margin: 0;
	padding: 0 10px 0 5px;
	font-size: 13px;
	border-right: 1px solid #b4ac96;
}
body.node-type-blog-post .links .comment-add {
	display: none;
}
body.vocabulary-blog .views-field-comments-link,
body.page-fj-blog .views-field-comments-link {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 13px;
}
body.vocabulary-blog .views-field-comment-count,
body.page-fj-blog .views-field-comment-count {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 13px;
}
#content-area .content ul li.sharethis {
	background-image: none;
}

body.vocabulary-blog .views-field-sharethis,
body.node-type-blog-post .sharethis-wrapper,
body.page-fj-blog .views-field-sharethis {
	display: block;
	float: none;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 13px;
}

body.vocabulary-blog #sidebar-second,
body.page-fj-blog #sidebar-second,
body.node-type-blog-post #sidebar-second {
	background-color: transparent;
}

body.vocabulary-blog .about-blog,
body.page-fj-blog .about-blog,
body.node-type-blog-post .about-blog {
	margin-top: -50px;
}

#block-views-fj_blog_topics-block a:link,
#block-views-fj_blog_topics-block a:visited {
	line-height: 24px;
	color: #D99C33;
	text-decoration: none;
}
#block-views-fj_blog_topics-block a:active,
#block-views-fj_blog_topics-block a:hover {
	color: #281302;
	text-decoration: underline;
}

/* Comments */
body.node-type-blog-post #comments {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 2px solid #b4ac96;
}
body.node-type-blog-post #comments .comment {
	width: 530px;
	margin-bottom: 20px;
	padding: 10px;
}
body.node-type-blog-post #comments .indented .comment {
	margin-top: -10px;
	width: 505px;
}
body.node-type-blog-post #comments .comment.even {
	background-color: #eee;
}
body.node-type-blog-post #comments h2.title {
	font-size: 18px;
	margin-bottom: 20px;
}
body.node-type-blog-post #comments .comment h3.title {
	font-size: 15px;
	margin-bottom: 0;
}
body.node-type-blog-post #comments .comment .submitted {
	font-size: 11px;
}
body.node-type-blog-post #comments .comment .content {
	font-size: 13px;
}
body.node-type-blog-post #comments .comment .links {
	font-size: 11px;
}

body.node-type-blog-post #comments h2.comment-form {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 2px solid #b4ac96;
	font-size: 15px;
}
body.node-type-blog-post #comments #comment-form {
	width: 550px;
	font-size: 13px;
}
body.not-logged-in.node-type-blog-post #comments .comment .links {
	display: none;
}

#content-area + a.feed-icon {
	display: inline-block;
	margin-top: 15px;
}




/* overlays & forms */
body.not-logged-in.node-type-webform .messages.status a,
.node-webform .submitted {
	display: none;
}

.webform-client-form label {
	font-size: 15px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	color: #281302;
	line-height: 1.5em;
}
.webform-client-form input#edit-submit {
	display: inline-block;
	border: 0;
	width: 220px;
	height: 40px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 21px;
	color: #fff;
	background-color: #e8aa40;
	background-image: linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -o-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(222,151,29)),
		color-stop(1, rgb(232,170,64))
	);
}
.webform-client-form input#edit-submit:hover {
	color: #fff;
	background-color: #de971d;
	background-image: linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -o-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -moz-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -webkit-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -ms-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(222,151,29)),
		color-stop(1, rgb(232,170,64))
	);
}
.webform-client-form input.form-text {
	position: relative;
	height: 32px;
	max-width: 392px;
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	font-style: italic;
	border: 1px solid #d3d4c7;
	color: #7c5737;
	/*z-index: 200;*/
}
.webform-client-form input#edit-submit:active { 
	background-image: none;
	background-color: #e8aa40;
}

#temp-value {
	position: relative;
	display: block;
	left: 0;
	top: 0;
	height: 32px;
	width: 401px;
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	font-style: italic;
	border: 1px solid #D3D4C7;
	color: #7C5737;
	border: 1px solid red;
}



/* --- Accordion widget --- */

div.accordion
{ margin:0 0 40px }

/* Headings */
div.accordion > h2.accordion-title
{ margin:0; padding:0;
  font:bold 21px/1.4 'Open Sans Condensed',helvetica,arial,sans-serif; color:#fff }

div.accordion > h2.accordion-title > a
{ display:block; padding:4px 10px; color:#fff;
  background:none #e8aa40;
  background-image:linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
  background-image:-moz-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
  background-image:-webkit-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(222,151,29)),color-stop(1, rgb(232,170,64)));
}
div.accordion > h2.accordion-title > a:link, div.accordion > h2.accordion-title > a:visited
{ color:#fff }
	div.accordion > h2.accordion-title > a:before /* Right arrow */
	{ content:""; position:relative; display:inline-block; width:0; height:0; top:0; left:.16em; margin-right:6px;
	  border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:7px solid transparent; border-left:7px solid #4e2d11 }

div.accordion > h2.accordion-title > a:hover
{ cursor:pointer; text-decoration:none;
  background-color:#cd601f;
	  background-image:linear-gradient(bottom, rgb(233,118,51) 0%, rgb(205,95,31) 100%);
	  background-image:-moz-linear-gradient(bottom, rgb(233,118,51) 0%, rgb(205,95,31) 100%);
	  background-image:-webkit-linear-gradient(bottom, rgb(233,118,51) 0%, rgb(205,95,31) 100%);
	  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(233,118,51)),color-stop(1, rgb(205,95,31)));
	}
	div.accordion > h2.accordion-title > a:hover:before, div.accordion > h2.accordion-title.tab-open > a:before /* Down arrow */
	{ top:.18em; left:0;
	  border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid transparent; border-top:7px solid #4e2d11 }


/* Inner content */
div.accordion > div.accordion-content
{ padding:1em; border:1px solid #b4ac96; border-top-style:none; background:rgba(255,255,255,.8); 
  box-shadow:inset 0 3px 4px rgba(180, 172, 150, .5) }
div.accordion > div.accordion-content > *:last-child /* Condense bottom margin */
{ margin-bottom:0 }

/* Collapse adjacent panes */
div.accordion + div.accordion
{ margin-top:-20px }



/* --- News / Press --- */

#content-area .content .view-press .view-header .jump-links {
	margin:1.1em 0 1.5em;
}

#content-area .content .view-press .view-content {
	margin-top:1em;
	border-top: 2px solid #b4ac96;
}
#content-area .content .view-press .view-grouping {
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #b4ac96;
}
#content-area .content .view-press .view-grouping-content ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#content-area .content .view-press .view-grouping-content ul li {
	list-style: none;
	list-style-image: none;
	background-image: none;
	margin: 0 0 25px 0;
	padding: 0;
}
#content-area .content .view-press .view-grouping-content h3 {
	font-weight: normal;
	font-size: 15px;
	font-family: 'Open Sans', helvetica, arial, 'sans-serif';
}
#content-area .content .view-press .view-grouping-content .views-field-field-source-link a {
	background-image: url('../images/fj-arrows-orange.png');
	background-repeat: no-repeat;
	background-position: right 4px;
	padding-right: 20px;
	line-height: 22px;
}
.views-field-field-dowloads .item-list ul {
	list-style-type: none;
	margin-top: 0;
	padding-left: 0;
}
#content-area .content .view-press .view-grouping-content .views-field-field-dowloads .item-list ul li {
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 5px;
	padding-left: 15px;
	background-image: url('../images/fj-dl-indicators-on.png');
	background-repeat: no-repeat;
	background-position: left 6px;
}
.views-field-field-dowloads .file a:link,
.views-field-field-dowloads .file a:visited {
	display: inline-block;
	position: relative;
	text-decoration: underline;
}
.views-field-field-dowloads .file a:active,
.views-field-field-dowloads .file a:hover {
	text-decoration: none;
}
#content-area .content .view-press .views-field-field-highlight-image {
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
}
#content-area .content .file img,
#content-area .content .views-field-field-dowloads .file img,
.views-field-field-dowloads .file img {
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: 5px;
	border: 0;
}
.view-press .views-row {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 2px solid #b4ac96;
}
.view-press.view-display-id-block .views-row {
	border-bottom: 0;
}
.view-press .views-field-title {
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 0 0;
}
.view-press .views-field-created {
	display: block;
	margin: 0 0 5px 0;
	font-size: 13px;
	font-style: italic;
} 
.node-type-news-article span.submitted {
	display: inline-block;
	margin: 20px 0 10px 0;
}

body.two-sidebars #sidebar-second .media-contact {
	margin-left: 80px;
	width: 145px;
}
body.two-sidebars #sidebar-second .media-contact h4 {
	font-size: 14px;
}
body.two-sidebars #sidebar-second .media-contact p {
	font-size: 13px;
}
#sidebar-second .media-contact {
	margin-right: 6px;
	padding: 15px;
	background-color: #281302;	
	color: #fff;
}

.view-press a.with-arrow:link,
.view-press a.with-arrow:visited,
#sidebar-second .media-contact a.email-link:link,
#sidebar-second .media-contact a.email-link:visited {
	display: inline-block;
	padding-right: 20px;	
	line-height: 22px;
	color: #E97733;
	background-image: url('../images/fj-arrows-orange.png');
	background-repeat: no-repeat;
	background-position: right 4px;
}
#sidebar-second .media-contact a.email-link:active,
#sidebar-second .media-contact a.email-link:hover {

}

#sidebar-second .media-contact h4 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	color: #E8AA40;
}


/* donation form */
body.node-type-webform fieldset label {
	display: inline-block;
	width: 150px;
	text-align: right;
}
body.node-type-webform label em {
	display: block;
}

body.node-type-webform fieldset div.description {
	width: 360px;
	margin-left: 170px;
}

fieldset.captcha {
	width: 449px;
	font-size: 11px;
}
body.node-type-webform fieldset.captcha div.description {
	margin-left: 0;
}
/* Form Elements */
.contact-form input.form-text,
.search-form input.form-text,
.page-user input.form-text {
	position: relative;
	height: 32px;
	margin: 0;
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	font-style: italic;
	border: 1px solid #d3d4c7;
	color: #7c5737;
	z-index: 200;
}
.contact-form input#edit-submit,
.search-form input.form-submit,
.page-user input.form-submit {
	display: inline-block;
	border: 0;
	width: 220px;
	height: 40px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 21px;
	color: #fff;
	background-color: #e8aa40;
	background-image: linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -o-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(222,151,29)),
		color-stop(1, rgb(232,170,64))
	);
}
.search-form input#edit-submit {
	display: block;
	width: 250px;
	margin-left: 166px;
}
.contact-form input#edit-submit:hover,
.search-form input.form-submit:hover,
.page-user input.form-submit:hover {
	color: #fff;
	background-color: #de971d;
	background-image: linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -o-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -moz-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -webkit-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	background-image: -ms-linear-gradient(top, rgb(222,151,29) 0%, rgb(232,170,64) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(222,151,29)),
		color-stop(1, rgb(232,170,64))
	);
}
body.page-search #content-area .content h3.title {
	font-family: 'Open Sans Condensed', helvetica, arial, sans-serif;
	font-size: 21px;
	font-weight: bold;
	padding-left: 20px;
	background-image: url('../images/fj-dl-indicators-on.png');
	background-repeat: no-repeat;
	background-position: left 10px;
}

.search-info a.username { display: none; }



/* -------- Resource Center -------- */

/* Archived title marker */
#content-header h1 .archived
{ display:inline-block; margin-left:.3em; font-size:24px; vertical-align:top; color:#542d06; text-transform:none }
.view-resource-center-terms .views-field-title h3 .archived
{ display:inline-block; margin-left:.3em; position:relative; top:-.05em; font-size:19px; color:#542d06 }

/* Archived node/view */
.node-archived,
.view-resource-center-terms .view-content .views-row.archived
{ opacity:.82 }


.block-resource-search
{ padding:1em 1em .4em; background-color:rgba(213,209,198,.4) }
#block-taxonomy_menu_block-1
{ padding:0 1em 1em; background-color:rgba(213,209,198,.4) }



/* Sidebar search */
.block-resource-search h2.block-title
{ margin:0 0 .2em }
.block-resource-search h2.block-title a
{ color:#281302 }

	.block-resource-search h2.block-title a.active
	{ color:#0985cd }
	.block-resource-search h2.block-title a.active:after
	{ content:'\25BA'; display:inline-block; position:relative; top:-2px; padding-left:.4em; font-size:14px }
	.block-resource-search h2.block-title a:hover
	{ color:#e8aa40; text-decoration:none }

.block-resource-search form
{ margin:.3em 0 1em }

.block-resource-search .views-exposed-form,
.block-resource-search .views-exposed-widget
{ padding:0 }
.block-resource-search .views-exposed-widget .form-text
{ width:165px; padding:.15em; font-size:13px; vertical-align:middle }
.block-resource-search .views-exposed-widget.views-submit-button
{ float:right }
.block-resource-search .views-exposed-widget .form-submit
{ margin-top:0; vertical-align:middle }

/* Categories */
#block-taxonomy_menu_block-1
{ margin-bottom:2.8em }

#block-taxonomy_menu_block-1 .content ul, #block-taxonomy_menu_block-1 .content ul > li
{ margin:0; padding:0; list-style:none; font-weight:bold }
	.region-content #block-taxonomy_menu_block-1 .content ul > li:before
	{ content:none }
#block-taxonomy_menu_block-1 .content a
{ display:inline-block; margin-bottom:.3em; color:#281302 }
#block-taxonomy_menu_block-1 .content a:hover
{ color:#e8aa40; text-decoration:none }

/* Top resource area */
#block-taxonomy_menu_block-1 .content > ul > li
{ margin-bottom:1.6em }
	#block-taxonomy_menu_block-1 .content > ul > li:last-child
	{ margin-bottom:0 }
	#block-taxonomy_menu_block-1 .content > ul > li > a,
	#block-taxonomy_menu_block-1 .content > ul > li > a:hover
	{ display:block; cursor:text; margin-bottom:.6em; 
	  font:bold 20px/1.3 'Open Sans Condensed',helvetica,arial,sans-serif; color:#887362 }


/* Main categories */
#block-taxonomy_menu_block-1 .content > ul > li > ul > li
{ margin-bottom:.6em; font-size:15px; padding-bottom:.5em; border-bottom:1px solid rgba(255,255,255,.3) }
	#block-taxonomy_menu_block-1 .content > ul > li > ul > li:last-child
	{ margin-bottom:0; padding-bottom:0; border-bottom:none }


#block-taxonomy_menu_block-1 .content > ul > li > ul > li > a
{ display:block; line-height:1.2; margin-left:16px; color:#584332 }
#block-taxonomy_menu_block-1 .content > ul > li > ul > li > a:before
{ content:"\25BA"; position:relative; float:left; margin-top:3px; margin-left:-16px; font-size:11px; text-shadow:0 0 2px #fff; cursor:pointer }
	#block-taxonomy_menu_block-1 .content > ul > li > ul > li.open > a:before
	{ content:"\25BC" }

/* Subcategories (hidden by default) */
#block-taxonomy_menu_block-1 .content > ul > li > ul > li > ul
{ display:none; margin:0 0 .3em 16px; padding-top:.5em }
#block-taxonomy_menu_block-1 .content > ul > li > ul > li > ul > li
{ margin-bottom:.1em; font-size:13px }

	#block-taxonomy_menu_block-1 .content > ul > li > ul > li > ul > li.active > a
	{ color:#0985cd }
	#block-taxonomy_menu_block-1 .content > ul > li > ul > li > ul > li.active > a:after
	{ content:''; display:inline-block; padding-left:.2em }
	#block-taxonomy_menu_block-1 .content > ul > li > ul > li > ul > li.active > a:hover
	{ color:#e8aa40; text-decoration:none }


/* Views taxonomy list */
.view-resource-center-terms .view-content .views-row
{ margin-bottom:2em; border-bottom:1px solid #fff; padding-bottom:2em }
	.view-resource-center-terms .view-content .views-row:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:left; visibility:hidden }

	.view-resource-center-terms .view-content .views-row-last /* Last row */
	{ margin-bottom:0; border-bottom:none; padding-bottom:0 }

.view-resource-center-terms .view-content .views-field-body > .field-content > *:last-child /* Remove bottom margin */
{ margin-bottom:0 }


/* Term description */
.view-resource-center-terms .view-header
{ font-size:14px; margin-top:-.5em; margin-bottom:2.5em }


/* Indent content */
.view-resource-center-terms .view-content .views-row
{ padding-left:120px }
.view-resource-center-terms .view-content .views-row .views-field-title,
.view-resource-center-terms .views-field-field-resource-category,
.view-resource-center-terms .view-content .views-row .views-field-field-resource-thumbnail
{ margin-left:-120px }


/* Node title */
.view-resource-center-terms .views-field-title .field-content h3
{ margin-bottom:.4em; font-size:21px; line-height:1.2 }
.view-resource-center-terms .views-field-title .field-content h3 a
{ color:#281302 }
	.view-resource-center-terms .views-field-title .field-content h3 a:hover
	{ text-decoration:none; color:#e97733 }


/* Category (on landing page and results) */
.view-resource-center-terms .views-field-field-resource-category
{ margin-top:-.6em; margin-bottom:.8em; font-weight:bold }


/* Thumbnail image (full node) */
.node-resource .field-name-field-resource-thumbnail
{ float:right; margin:0 0 .8em .9em }
.node-resource .field-name-field-resource-thumbnail img
{ width:100px; height:auto }

/* Thumbnail image (view teaser) */
.view-resource-center-terms .view-content .views-row .views-field-field-resource-thumbnail
{ float:left; margin-top:.3em }
.view-resource-center-terms .view-content .views-row .views-field-field-resource-thumbnail .field-content img
{ width:100px; height:auto }


/* Documents */
.node-resource .field-name-field-resource-documents,
.view-resource-center-terms .views-field-field-resource-documents
{ display:inline-block; margin:1em 0 0; padding:.8em 1.2em; background-color:rgba(255,255,255,.7); border-radius:4px; box-shadow:inset 2px 2px 4px rgba(0,0,0,.2) }
.node-resource .field-name-field-resource-documents:before /* Add box title on full nodes */
{ display:block; content:"Documents"; margin:0 0 .5em; font:300 20px/1.2 'Open Sans Condensed', helvetica, arial, sans-serif }

#content-area .view-resource-center-terms .views-field-field-resource-documents ul
{ margin:0; padding:0; list-style:none }

.node-resource .field-name-field-resource-documents .field-item,
#content-area .view-resource-center-terms .views-field-field-resource-documents li
{ margin:.2em 0 0; padding:0; list-style:none; background:none }


/* Tags */
.node-resource .field-name-field-resource-tags,
.node-resource .field-name-field-resource-health-tags,
.node-resource .field-name-field-resource-labor-tags,
.view-resource-center-terms .resource-tags
{ display:block; margin-top:1.8em }
.node-resource .field-name-field-resource-tags .field-label,
.node-resource .field-name-field-resource-health-tags .field-label,
.node-resource .field-name-field-resource-labor-tags .field-label,
.view-resource-center-terms .resource-tags > .views-label
{ display:inline; margin-right:.4em; margin-bottom:.5em; font-weight:bold }

.node-resource .field-name-field-resource-tags .field-items,
.node-resource .field-name-field-resource-health-tags .field-items,
.node-resource .field-name-field-resource-labor-tags .field-items,
#content-area .view-resource-center-terms .resource-tags ul,
.view-resource-center-terms .resource-tags div
{ float:none; display:inline; margin:0; padding:0; list-style:none }

.node-resource .field-name-field-resource-tags .field-items .field-item,
.node-resource .field-name-field-resource-health-tags .field-items .field-item,
.node-resource .field-name-field-resource-labor-tags .field-items .field-item,
#content-area .view-resource-center-terms .resource-tags ul > li
{ display:inline-block; margin:0 .5em .7em 0; padding:0; list-style:none; background:none; white-space:nowrap }
.node-resource .field-name-field-resource-tags .field-items .field-item a,
.node-resource .field-name-field-resource-health-tags .field-items .field-item a,
.node-resource .field-name-field-resource-labor-tags .field-items .field-item a,
.view-resource-center-terms .resource-tags ul > li > a
{ background-color:rgba(255,255,255,.5); border-radius:10px; padding:.2em .5em; line-height:1.2 }
	.node-resource .field-name-field-resource-tags .field-items .field-item a:hover,
	.node-resource .field-name-field-resource-health-tags .field-items .field-item a:hover,
	.node-resource .field-name-field-resource-labor-tags .field-items .field-item a:hover,
	.view-resource-center-terms .resource-tags ul > li > a:hover
	{ background-color:rgba(255,255,255,.7); text-decoration:none }



/* ----- Drupal interface ----- */
div.tabs
{ margin-bottom:1.5em }



/* ----- CKEditor ----- */

body.cke_editable /* Editor window */
{ padding:1em }
body.cke_ltr /* Dropdown options */
{ padding:0; background:#fff none }

body.cke_editable img.cke_widget_drag_handler
{ border:none }
