/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0 }

body, button, input, select, textarea { color: #333; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #798d41; text-decoration: none; }
a:visited { color: #798d41; }
a:hover { color: #798d41; text-decoration: underline; }
a:focus { outline: transparent; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #999; margin: 1em 0; padding: 0; clear:both; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Roger Los
   ========================================================================== */

.font-vollkorn {
	font-family: 'Vollkorn',sans-serif;
	font-style: normal;
	font-weight: 400;
	}
.font-palatino {
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
	}
.font-arial {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
.font-arial-narrow {
	font-family: "franklin-gothic-ext-comp-urw","tandelle","Arial Narrow", Arial, sans-serif;
	}
	
p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	
/* Images */

.wp-caption {
	display: block;
	} 
.alignright {
	float: right;
	margin: 5px 0 5px 15px;
	}
.alignleft {
	float: left;
	margin: 5px 15px 5px 0 ;
	}
.aligncenter {
	margin: 5px 0 15px 0;
	}
.wp-caption img, img.alignleft, img.alignright {
	border: 1px solid #1f577f;
	}
.wp-caption img {
	margin: 5px;
	}
p.wp-caption-text {
	text-align: left !important;
	margin: 0 !important;
	padding:  0 5px 7px !important;
	font: 11px/13px arial,sans-serif !important;
	color: #666 !important;
	}

body {
	background: #404041;
	}
	
#rar-container {
	position: relative;
	width: 1000px;
	background: #f0f0e4;
	margin: 0 auto;
	z-index: 10;
	}
	#rar-dec-li {
		z-index: 100;
		position: absolute;
		top: 0;
		left: 70px;
		background: url(img/bg-li.png) top left no-repeat;
		width: 114px;
		height: 47px;
		}
	#rar-dec-nj {
		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
		background: url(img/bg-nj.png) top left no-repeat;
		width: 70px;
		height: 220px;
		}
	#rar-header {
		z-index: 20;
		width: 1000px;
		position: relative;
		height: 132px;
		}
		#rar-header-logo {
			position: absolute;
			top: 0;
			left: 230px;
			width: 261px;
			height: 75px;
			}
		#rar-header-tagline {
			position: absolute;
			top: 46px;
			left: 505px;
			width: 300px;
			height: 30px;
			}
			#rar-header-tagline p {
				font-size: 18px;
				color: #1f577f;
				font-style: italic;
				}
		#rar-header-topnav {
			position: absolute;
			top: 0;
			right: 20px;
			width: 350px;
			height: 25px;
			padding: 8px 0 0 0;
			}
			#rar-header-topnav ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
				#rar-header-topnav li {
					float: right;
					margin: 0 0 0 8px;
					}
				#rar-header-topnav a {
					background: #80a3b7;
					color: #fff;
					padding: 5px 6px 3px;
					border-radius: 5px;
					font-size: 16px;
					line-height: 16px;
					display: block;
					}
				#rar-header-topnav a:hover {
					background: #537d98;
					}
				#rar-header-topnav ul ul {
					display: none;
					}
		#rar-header-nav {
			position: absolute;
			top: 85px;
			width: 985px;
			right: 0;
			height: 36px;
			background: #96ab5c;
			}
	#rar-main {
		position: relative;
		width: 1000px;
		z-index: 15;
		}
		#rar-main-left {
			position: relative;
			float: left;
			width: 690px;
			background: #fff;
			border: 1px solid #1f577f;
			padding: 15px;
			margin: 0 20px 20px 20px;
			}
			#rar-main-left-crumb {
				position: relative;
				height: 30px;
				font-size: 11px;
				color: #999;
				padding-left: 140px;
				}
			#rar-main-left-left {
				float: left;
				position: relative;
				width: 100px;
				padding: 0 20px 0 0;
				color: #205780;
				font-size: 16px;
				line-height: 18px;
				}
				#rar-main-left-left ul {
					margin: 5px 0;
					padding: 0 0 0 16px;
					list-style-image: url(img/bullet.png);
					}
				#rar-main-left-left li {
					font-size: 12px;
					line-height: 14px;
					margin: 0 0 5px 0;
					}
			#rar-main-left-content {
				float: left;
				position: relative;
				width: 535px;
				padding: 0 0 0 20px;
				border-left: 1px solid #bacad6;
				color: #333;
				font-size: 14px;
				}
				#rar-main-left-content-headline h1 {
					font-weight: normal;
					color: #1f577f;
					line-height: 27px;
					margin-bottom: 10px;
					}
				#rar-main-left-content-excerpt, #rar-main-left-content-text h6 {
					font-style: italic;
					font-weight: normal;
					font-size: 16px;
					color: #58585a;
					border-bottom: 1px solid #bacad6;
					line-height: 20px;
					padding-bottom: 10px;
					margin-bottom: 10px;
					}
				#rar-main-left-content-text p {
					margin-bottom: 10px;
					}
				#rar-main-left-content-text h2, #rar-main-left-content-text h3, #rar-main-left-content-text h4, #rar-main-left-content-text h5 {
					font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
					color: #1f577f;
					}
				#rar-main-left-content-text blockquote {
					color: #1f577f;
					font-size: 16px;
					line-height: 22px;
					padding: 0 20px 10px 20px;
					margin: 0;
					}
				#rar-main-left-content-text ul {
					list-style-image: url(img/bullet.png);
					}
				#rar-main-left-content-share {
					margin-top: 12px;
					border-top: 1px solid #eee;
					padding-top: 10px;
					}
				.blog-headline a {
					color: #1f577f;
					}
				.blog-headline a:hover {
					text-decoration: none;
					}
				.blog-headline {
					border-top: 1px solid #b7dbf5 !important;
					padding-top: 10px;
					margin-top: 20px !important;
					clear: both;
					}
				.blog-headline:first-child {
					border-top: transparent !important;
					margin-top: 0 !important;
					padding-top: 0;
					}
				.blog-index h5, .blog-index h4 {
					padding-bottom: 10px;
					}
		#rar-main-right {
			float: left;
			position: relative;
			width: 220px;
			}
			ul.widgetul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
				.widget {
					background: #fff;
					padding: 15px;
					border: 1px solid #1f577f;
					margin: 0 0 20px 0;
					font-size: 14px;
					}
					.widget h3 {
						color: #fff;
						background: #80a3b7;
						font-weight: normal;
						margin: -15px -15px 8px -15px;
						padding: 6px 15px;
						font-size: 18px;
						}
					.widget h3 a {
						color: #fff;
						}
		#rar-main #slideshow {
			position: relative;
			width: 960px;
			height: 315px;
			border: 1px solid #1f577f;
			margin: 0 auto;
			margin-top: 4px;
			margin-bottom: 15px;
			background: #fff url(img/frog.jpg) bottom right no-repeat;
			z-index: 15;
			}
			/*
			#rar-main #slideshow img {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 550px;
				height: 315px;
				}
				*/
			#rar-main #slideshow .slide-words {
				position: absolute;
				top: 25px;
				left: 580px;
				width: 350px;
				height: 250px;
				}
			#rar-main #slideshow .slide-words p {
				font-size: 18px;
				color: #555;
				}
			#rar-main #slideshow .slide-words h2 {
				color: #1f577f;
				font-size: 36px;
				line-height: 36px;
				text-transform: uppercase;
				font-family: "franklin-gothic-ext-comp-urw","tandelle","Arial Narrow", Arial, sans-serif;
				font-weight: normal;
				letter-spacing: 1px;
				}
			#rar-main #slideshow .slide-words a {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				padding-top: 10px !important;
				display: inline-block;
				}
		#rar-main #slideshow-counter {
			position: absolute;
			top: 272px;
			left: 600px;
			width: 200px;
			height: 30px;
			z-index:200;
			}
			#rar-main #slideshow-counter a {
				display: block;
				float: left;
				font-size: 1px;
				line-height: 1px;
				background: #d0d7b5;
				width: 20px;
				height: 20px;
				margin: 0 12px 0 0;
				color: #fff;
				border-radius: 50%;
				}
			#rar-main #slideshow-counter a.activeSlide {
				background: #80a3b7;
				}
		#rar-front-widgets {
			position: relative;
			width: 960px;
			margin: 0 auto;
			margin-bottom: 20px;
			}
			#rar-front-widgets .rar-front-widget-col {
				float: left;
				width: 310px;
				margin: 0 0 0 15px;
				}
			#rar-front-widgets .rar-front-widget-col:first-child {
				margin: 0;
				}
	#rar-footer {
		position: relative;
		width: 1000px;
		background: #1f577f;
		height: 100px;
		z-index: 15;
		}
		#rar-footer-menu {
			position: absolute;
			width: 800px;
			height: 20px;
			top: 10px;
			left: 30px;
			}
			#rar-footer-menu ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
			#rar-footer-menu li {
				float: left;
				margin: 0;
				padding: 0;
				font-size: 16px;
				}
			#rar-footer-menu a {
				color: #fff;
				margin: 0 15px 0 0;
				}
			#rar-header-nav ul ul {
				display: none;
				}
		#rar-footer-logo {
			position: absolute;
			width: 154px;
			height: 44px;
			top: 40px;
			left: 30px;
			}
		#rar-footer-widget {
			position: absolute;
			top: 55px;
			left: 200px;
			width: 580px;
			height: 40px;
			font-size: 12px;
			line-height: 16px;
			color: #e3eaef;
			}
		#rar-footer-widget a {
			color: #fff;
			}
			
			
/* autonav styles */

ul.subpages {
	list-style-type: none;
	margin: 10px 0 !important;
	padding: 0 !important;
	list-style-image: none !important;
	}
ul.subpages li {
	border-top: 1px dotted #ccc;
	margin: 8px 0 !important;
	padding: 8px 0 !important;
	clear: left;
	}
ul.subpages img {
	float: left;
	margin: 0 10px 8px 0;
	}
ul.subpages a {
	font: bold 16px/16px arial,sans-serif !important;
	}
ul.subpages.ffb-home li p {
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	font: 12px/15px arial;
	}
.autonav-error {
	display: none;
	}
	
/* form styles */

.ginput_left label, .ginput_right label, .ginput_full label {
	font-size: 12px !important;
	font-style: italic;
	}
	
/* widget stylings */

.image-widget-wide {
	display: block;
	margin: -8px 0 10px -15px !important;
	}
.widget ul {
	margin: 8px 0 8px 15px;
	padding: 0;
	list-style-image: url(img/bullet.png) !important;
	}
.widget ul li {
	padding: 0 0 3px 0;
	font-size: 14px;
	}
.widget ul li b, .widget ul li  strong {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	}
.widget-thumb {
	float: left;
	margin: 0 8px 5px 0;
	border: 1px solid #5e88a2;
	}
.widget h4, .widget h5 {
	color: #1f577f;
	margin:  0 0 8px 0;
	font: bold 14px/14px arial, sans-serif;
	}
.widget h4 a, .widget h5 a {
	color: #1f577f;
	}
.widget p {
	margin: 4px 0 8px 0;
	}
.widget h4 {
	text-transform: uppercase;
	}
.widget .donate-button {
	text-align: center;
	}
.widget a.donate-button {
	font: 36px/3px "franklin-gothic-ext-comp-urw","tandelle";
	color: #fff;
	background: #96ab5c;
	padding: 26px 0 0 0;
	border-radius: 10px;
	border: 1px solid #96ab5c;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	width: 180px;
	height: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
.widgetshare p {
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	}
.widgetshare a {
	color: #1f577f;
	}
.widgetshare img {
	margin: -2px 8px 0 0;
	}
.widgetshare form {
	margin: 0;
	}
.widgetshare input.txtetr {
	background: #bcc695;
	margin: 0 2px 0 0 !important;
	padding: 0 10px;
	height: 20px;
	border: 0;
	color: #fff;
	font: 12px/12px sans-serif;
	border-radius: 3px;
	width: 146px;
	}
.widgetshare table {
	border-collapse: collapse;
	}
.widgetshare table td {
	margin: 0;
	padding: 0;
	}
.rar-front-widget-col .widget {
	height: 210px;
	overflow: hidden;
	}
.rar-front-widget-col .widget:first-child {
	height: 380px;
	}
#fwc3 .widget {
	height: auto !important;
	}
	
.clearcut {
	clear: both;
	}
	
.author {
	margin: -5px 0 10px 0 !important;
	font-style: italic;
	font-size: 14px;
	color: #555;
	}
	
/* calendar mods */

.widget .my-calendar-prev a, .widget .my-calendar-next a {
	background: none !important;
	color: #8a9f50 !important;
	border: 0 transparent !important;
	font-size: 10px !important;
	}
#jd-calendar ul {
	list-style-image: none;
	}
#jd-calendar .my-calendar-prev a, #jd-calendar .my-calendar-next a {
	background: none !important;
	color: #8a9f50 !important;
	border: 0 transparent !important;
	font-size: 12px !important;
	}
#jd-calendar .my-calendar-nav {
	margin-top: -20px !important;
	}
.time-block {
	float: none !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	}
.time-block span {
	float: none !important;
	width: auto !important;
	}
.details {
	background: #f6f6ee !important;
	border: 1px solid #80a3b7 !important;
	}
.vcard {
	border: 1px solid #80a3b7 !important;
	margin-left: 10px !important;
	}
	
/* Search */
#rar-header-search {
	position: absolute;
	bottom: 14px;
	right: 0;
	width: 235px;
	height: 25px;
	}
#rar-header-search label {
	display: none;
	}
#rar-header-search form {
	margin: 0;
	padding: 0;
	}
#rar-header-search form input {
	display: block;
	float: left;
	}
#rar-header-search form #s {
	background: #bcc695;
	margin: 0 2px 0 0 !important;
	padding: 0 10px;
	width: 170px;
	height: 20px;
	border: 0;
	color: #fff;
	font: 12px/12px sans-serif;
	border-radius: 3px;
	}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}