@charset "utf-8";
/* CSS Document 

COLORS
	blue #00629b;
	blue lettering #003E62;
	red #a5192c;
	yellow #ffd777;
	yellow-brown #D2BD8C;
	off-gray lettering #D3CFC9;
	off-gray lettering dk #C6BEBD;
*/
@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/FiraSans-Regular.eot');
    src: url('/fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/FiraSans-Regular.woff2') format('woff2'),
         url('/fonts/FiraSans-Regular.woff') format('woff'),
         url('/fonts/FiraSans-Regular.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/FiraSans-Italic.eot');
    src: url('/fonts/FiraSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/FiraSans-Italic.woff2') format('woff2'),
         url('/fonts/FiraSans-Italic.woff') format('woff'),
         url('/fonts/FiraSans-Italic.ttf') format('truetype');         
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'FiraSans';
    src: url('/fonts/FiraSans-Bold.eot');
    src: url('/fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/FiraSans-Bold.woff2') format('woff2'),
         url('/fonts/FiraSans-Bold.woff') format('woff'),
         url('/fonts/FiraSans-Bold.ttf') format('truetype');         
    font-weight: bold;
    font-style: normal;
}
body {
	font-family:FiraSans,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0;
	padding:0;
	background:#fff;
}
h1, h2, .tagline, .box, p.note, .notebox, .credit {
	font-family:"warnock-pro","Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h1, h2 {font-weight:normal; }
h1, h2, h3, h4, p { margin:0; }
h2 {font-style:italic;}
article h3 {
	padding:.7em 0 .1em;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
}
h4 {margin-top:.5em; padding:.4em 0 0; border-top:1px solid #ddd; }
h4 + p.detail {padding:0 0 .25em; }
p {
	padding:.4em 0 .2em;	
}
p.note, .notebox { 
	font-size:.94em;
	font-style:italic;
	border:1px solid #a5192c;
	padding:7px 10px;
	line-height:1.35;
	width:100%;
	max-width:550px;
	margin: 12px auto;
}
a { text-decoration:none; }
.box a:hover, .box a:active, p.note a:hover, p.note a:active, .notebox a:hover, .notebox:active, .credit a:hover, .credit a:active {
	border:none !important;
	text-decoration: underline;
}
img { height:auto; }
header, nav {
	text-transform:uppercase;
}
header {
	text-align:center;
	padding:0 5%;
	background: #00629b;
}
nav ul, nav li {
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0;
	text-indent:0;
}
.mainnav a {
	color: #D3CFC9;
	display: inline-block;
	font-size: 1em;
	background: linear-gradient(to bottom, #0081cc 0%,#00629b 56%);
	background-size: 100% 200%;
	background-position: 0 100%;
	transition: background-position 0.4s linear;
	border-right: 1px solid #00588C;
	border-left: 1px solid #3379A4;
	padding: 24px 12px 3px;
}
.mainnav li:first-child a { border-left:none; }
.mainnav li:last-child a { border-right:none; }
.subnav a {
	color:#C6BEBD;
	font-size:.88em;
	display:inline-block;
	background: linear-gradient(to top, #0081cc 0%,#00629b 45%);
	background-size:auto 200%;
	background-position:0 0;
	transition:background-position 0.4s linear;
}
.mainnav a:hover, .mainnav a:active, .subnav a:hover, .subnav a:active { color:#fff; }
.mainnav a:hover, .mainnav a:active {
		background-position:0 0;
}
.subnav a:hover, .subnav a:active {
	background-position:0 100%;
}
@media screen and (max-width:560px) {
	.mainnav li a {
	border-bottom:1px solid #00588C !important;
	border-top:1px solid #3379A4 !important;
	padding:3px 4px 2px;
	margin:3px;
  }
  .mainnav li:first-child a { border-left:1px solid #3884b1; margin-left:0; }
  .mainnav li:last-child a { border-right:1px solid #004c79; margin-right:0; }	
}



/* current page marker */
.pg-home a.lkhm, .pg-home a.lkhm:hover, .pg-home a.lkhm:active, .pg-church a.lkch, .pg-church a.lkch:hover, .pg-church a.lkch:active, .pg-feat a.lkft, .pg-feat a.lkft:hover, .pg-feat a.lkft:active, .pg-news a.lknews, .pg-news a.lknews:hover, .pg-news a.lknews:active, .pg-con a.lkcon, .pg-con a.lkcon:hover, .pg-con a.lkcon:active, .pg-ab a.lkab, .pg-ab a.lkab:hover, .pg-ab a.lkab:active, .pg-mis a.lkmis, .pg-mis a.lkmis:hover, .pg-mis a.lkmis:active, .pg-doc a.lkdoc, .pg-doc a.lkdoc a:hover, .pg-doc a.lkdoc:active, .pg-res a.lkres, .pg-res a.lkres:hover, .pg-res a.lkres:active, .pg-serve a.lksv, .pg-serve a.lksv:hover, .pg-serve a.lksv:active { 
	color:#fff; cursor:default; background:none; 
}
@media screen and (max-width:560px) {
	.pg-home a.lkhm, .pg-home a.lkhm:hover, .pg-home a.lkhm:active, .pg-church a.lkch, .pg-church a.lkch:hover, .pg-church a.lkch:active, .pg-feat a.lkft, .pg-feat a.lkft:hover, .pg-feat a.lkft:active, .pg-news a.lknews, .pg-news a.lknews:hover, .pg-news a.lknews:active, .pg-con a.lkcon, .pg-con a.lkcon:hover, .pg-con a.lkcon:active, .pg-ab a.lkab, .pg-ab a.lkab:hover, .pg-ab a.lkab:active, .pg-mis a.lkmis, .pg-mis a.lkmis:hover, .pg-mis a.lkmis:active, .pg-doc a.lkdoc, .pg-doc a.lkdoc a:hover, .pg-doc a.lkdoc:active, .pg-res a.lkres, .pg-res a.lkres:hover, .pg-res a.lkres:active, .pg-serve a.lksv, .pg-serve a.lksv:hover, .pg-serve a.lksv:active {
	border:none !important; }
}

header h1 {
	font-size:1.65em;
	color:#fff;
	line-height:1.15em;	
}
.imghd {
	background:#000 url(/images/people-hdr700.jpg) top left no-repeat;
	position:relative;
}
.briefscontainer {
	background:#000;
	border-top:1px solid #ffd777;
	border-bottom:1px solid #ffd777;
	margin:8px 0;	
}
.briefsbox {
	margin: 0 auto;
}
.box {
	color:#fff;
	position:relative;
	line-height:1.3;
}
.box h2, .box a {
	color:#ffd777;	
}
.vidbox iframe {
	width:100%;
	max-width:640px;	
}

.tagline { 
	background:#00629b;
	color: #D2BD8C;
	text-align:center; 
	font-size:1.47em;
	padding:10px 0;
}
.tagline p.accent { 
	color:#fff;
	font-style:italic;
	font-size:1.44em;
	margin-right:25px;
}
.fbgroup { display:inline-block; float:left; margin:-5px 10px 0 0; max-width:65%; }
.fb-like { margin-bottom:7px; }
.maincontainer {
	border-top:2px solid #a6192e;	
}
.maincontent, .socialbox {
	box-sizing:border-box;	
}
.maincontent:after, .socialbox:after {
	clear:both;
	display:table;
	content:"";
}
.maincontent h1, .maincontent h2:first-child {
	padding-top:0;
	line-height:1;	
}
.maincontent h1 {
	color:#a5192c;
	font-size:1.76em;
	font-style:italic;
	margin-bottom:.3em;
}
.maincontent h1 span {
	display:block;
	margin-bottom:.15em;
	color:#000;
	font-size:.78em;	
}
.maincontent h2 {
	font-size:1.3728em;
	color:#003E62;	
}
article h2 {
	padding:.8em 0 .2em;
	line-height:1.25;
}
article hr + h2 { padding:.1em 0 .1em; }
article h1 + h2 { padding-top:0; }

.maincontent a {
	color:#a5192c;	
}
.maincontent a:visited {
	color: #73111E;
}
.maincontent a:hover, .maincontent a:focus {
	border-bottom:1px dotted #a5192c;
}
article, #results_wrap { min-height:310px; }
@media screen and (min-width: 344px ) and (max-width:903px) {
	article, #results_wrap { min-height:380px; }
}
.internal-nav {
	text-align:center;
	font-size:.9em;
	color:#ccc;
	margin:12px 0;	
}
.internal-nav h2 {
	font-style:normal;
	font-size:1.05em;
	font-family:FiraSans,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#555;
	padding:.6em 0 0;
}
.internal-nav p {
	padding:0;	
}
footer {
	background:#00629b;
	text-align:center;
}
footer nav {
	font-size:.76em;	
}
footer a {
	color:#d4d4d4;
	margin:2px 6px;
}
footer a:hover, footer a:active, footer a:focus {
	color:#fff;
	border-bottom:1px dotted #fff;	
}
.credit {
	font-size:.88em;
	font-style:italic;
}
.full {
	text-transform:uppercase;
	font-size:.75em; 
	font-family:FiraSans,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-top:1px solid #222;
	text-align:center;
}
.box .full { 
	position:absolute;
	bottom:12px;
	width:100%;
	left:0;
	box-sizing:border-box;
	padding:.4em 5% 0;
}

.maincontent .full, .maincontent hr {border-color:#eaeaea; margin-top:7px; }

/* contact form styling */
form.mailform {
	width:100%;
	max-width:550px;
	margin:15px auto;
	border:1px solid #a5192c;
	border-bottom:4px double #a5192c;
	padding:7px 10px 9px;
}
.mailform fieldset {
	margin-bottom:4px;
	background:#333;
	padding:4px 8px;
}
.mailform fieldset.rec {
	background:#00629b;
}
.mailform label {
	text-transform:uppercase;
	font-size:.8em;
	color:#fff;
	width:30%;
	min-width:180px;
	display:inline-block;
	padding:2px 8px 0 0;
	vertical-align:top;
}
.mailform input, .mailform textarea { width:60%;}
.mailform input[type=submit] { 
	width:100px;
	float:right;
	margin-right:8%;
	text-transform:uppercase;
	border:1px solid #00629b;
	border-radius:4px;
}
/* clearfix */ .mailform input[type=submit]:after {
	clear:both;
	display:table;
	content:"";
}



@media screen and (max-width:599px) {
	header h1 {
	font-size:1.4em;
	}
	.pg-home .imghd {
	padding-bottom:10px;	
	}
	.pg-home #logobox {
	  width:101px;
	  height:133px;
	  background:url(/images/shieldbg180.png) center top no-repeat;
	  background-size:100%;
	  margin:0 auto 20px;
	  position:relative;
  }
  .pg-home #logobox img { 
	  width:57px;
	  display:block; 
	  margin:0 auto;
	  padding:28px 0;
  }
  .inner .imghd {
	background-position:center; 
	padding-bottom:12px;
	background-size:100%;
  }
  .inner #logobox {
	  width:71px;
	  height:93px;
	  background:url(/images/shieldbg180.png) center top no-repeat;
	  background-size:100%;
	  margin:0 auto 20px;
	  position:relative;
  }
  .inner #logobox img { 
	  width:40px;
	  display:block; 
	  margin:0 auto;
	  padding:20px 0;
  }
  .maincontainer { padding:18px 0; }
  .box, .maincontent, .socialbox {
	margin:0 auto;
	max-width:90%;  
  }
  
  .fbgroup {float:left; }  
  .twitter-follow-button { display:block; clear:left;}
  .tagline {
	padding:6px 5% 10px;
  }
  .tagline p {
	padding:0; 
	line-height:1.25em;
  }
  .pg-home article { min-height:0; }
  .maincontent h1 { margin-bottom:10px; }
  .additionalcontent { margin-top:22px; }
  button.more {display:none; }
  footer { padding:5px 5% 8px; }
  footer nav { margin-bottom:10px; }
}
@media screen and (max-width:800px) {
  .fbgroup, .twitter-follow-button {
	display:block;
	margin:8px 0;  
  }
}
@media screen and (min-width:600px) {
	.newsbox {
	border-left:1px solid #ffd777;	
  }
  .vidbox {
	  border-left:1px solid #ffd777;
	  border-right:1px solid #ffd777;
	  text-align:center;
  }
  .calendarbox {
	  border-right:1px solid #ffd777;
  }
  .tagline p {
	display:inline;
	max-width:1240px;
	}
	.twitter-follow-button { float:right; }
	.section-more {
		display:none;
	}
	 button.more:hover + .section-more, button.more:active + .section-more, button.more:target + .section-more, .section-more:hover, .section-more:active, .section-more:target {
		display:block;
		padding-bottom:70px;
	}
}
@media screen and (min-width:600px) and (max-width:900px) {
	.pg-home .imghd {
	padding-bottom:10px;	
	}
	.inner .imghd {
		height:175px;
		background-position:center left;
  }
  .inner #logobox {
	  width:101px;
	  height:133px;
	  background:url(/images/shieldbg180.png) center top no-repeat;
	  background-size:100%;
	  margin:0 auto 20px;
	  position:relative;
  }
  .inner #logobox img { 
	  width:57px;
	  display:block; 
	  margin:0 auto;
	  padding:28px 0;
  }
  	.pg-home #logobox {
	  width:119px;
	  height:156px;
	  background:url(/images/shieldbg180.png) center top no-repeat;
	  background-size:100%;
	  margin:0 auto 20px;
	  position:relative;
  }
  .pg-home #logobox img { 
	  width:68px;
	  display:block; 
	  margin:0 auto;
	  padding:34px 0;
  }
  .briefsbox {
		display:flex;
		padding:0 15px;
		box-sizing:border-box;
	}
	.box {
		width:33.333%;
		box-sizing:border-box;
		padding:4px 8px 25px;
	}
	.vidbox { padding-left:0; padding-right:0; }
	.maincontent {
		padding:20px 15px 65px;
	}
	.maincontent article {
		margin-bottom:15px;
		background:url(/images/CREC_logo_28.png) center bottom no-repeat;
		padding-bottom:55px;	
	}
	.pg-single .maincontent, .pg-single .socialbox {
		width:880px;
		max-width:96%;
		margin:0 auto;	
	}
	.pg-single .socialbox {
		width:850px;
		padding:23px 15px 13px;	
	}
	.pg-twocol .maincontent, .pg-twocol .socialbox, .briefsbox {
		width:880px;
		max-width:96%;
		margin:0 auto;	
	}
	.pg-twocol .socialbox {
		width:880px;
		padding:23px 15px 13px;	
	}
	.pg-twocol article, .pg-twocol .additionalcontent {
		width:45%;
		max-width:420px;	
	}
	.pg-twocol article { float:left; }
	.pg-twocol .additionalcontent { float:right; }
	footer {
		padding:10px 15px 25px;	
	}
	.credit {
		margin-top:25px;
	}
}
@media screen and (max-width:799px) { body {font-size:13.5px;} }
@media screen and (min-width:901px) and (max-width:1299px) {
  .inner #logobox {
	  width:140px;
	  height:183px;
	  background:url(/images/shieldbg180.png) center top no-repeat;
	  background-size:100%;
	  margin:0 75px;
	  position:relative;
  }
  .inner #logobox img { 
	  width:80px;
	  display:block; 
	  margin:0 auto;
	  padding:34px 0;
  }
  .pg-home .imghd {
	height:310px;  
  }
  .pg-home #logobox {
	  width:140px;
	  height:183px;
	  background:url(/images/shieldbg180.png) center top no-repeat;
	  background-size:100%;
	  margin:0 75px;
	  position:relative;
  }
  .pg-home #logobox img { 
	  width:80px;
	  display:block; 
	  margin:0 auto;
	  padding:34px 0;
  }
  .pg-home .findbox {
	position: absolute;
	z-index:90;
	top: 20px;
	left:50%;
	}
  .flags {
		position:absolute;
		bottom:4px;
		left:10%;
		z-index:80;
		width:80%;
		height:40px;
		background:url(/images/flag-array-lg.png) center top no-repeat;
		background-size:100%;
	}
  .box { padding:12px 30px 30px; }
}
@media screen and (max-width:900px) {
	header {padding:15px 5%; }	
	.mainnav a {
	padding:3px 9px 12px;	
	}
	header h1 { padding:.2em 0 .3em; }
	.subnav a {padding:3px 7px 2px;}
}
@media screen and (min-width:901px) {
	.mainnav a {	
	padding:33px 9px 5px;
	}
	header h1 { padding:.4em 0 .45em; }
	.subnav a {padding:2px 7px 14px;}
	.inner .imghd {
		height:235px;
		background-position:center left;
  }
	.inner #logobox {
	  width:119px;
	  height:156px;
	  background:url(/images/shieldbg180.png) center top no-repeat;
	  background-size:100%;
	  margin:0 auto 20px;
	  position:relative;
  }
  	.inner #logobox img { 
	  width:68px;
	  display:block; 
	  margin:0 auto;
	  padding:34px 0;
  }
	.briefsbox {
		display:flex;
		padding:0 66px;
		box-sizing:border-box;
	}
	.box {
		width:33.333%;
		box-sizing:border-box;
		position:relative;
	}
	.maincontent {
		background:url(/images/CREC_logo_45.png) 0 40px no-repeat;
	}
	.pg-single .maincontent {
		padding:35px 0 35px 66px;
	}
	.pg-twocol .maincontent {
		padding:35px 66px;
	}
	.pg-single .maincontent, .pg-single .socialbox {
		width:790px;
		max-width:96%;
		margin:0 auto;	
	}
	.pg-single .socialbox {
		padding:23px 0 13px 66px;	
	}
	.pg-twocol .maincontent, .pg-twocol .socialbox, .briefsbox {
		width:1372px;
		max-width:96%;
		margin:0 auto;	
	}
	.pg-twocol .socialbox {	
		padding:23px 66px 13px;	
	}
	article { min-height:200px; }
	.pg-twocol article, .pg-twocol .additionalcontent {
		width:45%;
		max-width:500px;	
	}
	.pg-twocol article { float:left; }
	.pg-twocol .additionalcontent { float:right; }
	footer {
		padding:15px 15px 45px;	
	}
	.credit {
		margin-top:45px;
	}
}
@media screen and (min-width:800px) and (max-width:1099px) {
	body {font-size:15px;}	
}
@media screen and (min-width:1100px) {
	body { font-size:17px; }	
}
@media screen and (min-width:1300px) {
  .flags {
		position:absolute;
		bottom:18px;
		left:0;
		z-index:80;
		width:100%;
		height:40px;
		background:url(/images/flag-array-lg.png) center top no-repeat;	
	}
  .pg-home .imghd {
		height:385px;
  }
  .pg-home #logobox {
	  width:180px;
	  height:236px;
	  background:url(/images/shieldbg180.png) center top no-repeat;
	  background-size:100%;
	  margin:0 auto;
	  position:relative;
  }
  .pg-home #logobox img { 
	  width:100px;
	  display:block; 
	  margin:0 auto;
	  padding:42px 0;
  }
  .pg-home .findbox {
	position: absolute;
	z-index:90;
	top: 50px;
	left:50%;
	margin-left: 130px;
  }
}
@media screen and (min-width:561px) { nav.mainnav li a { margin-bottom:12px; } }

.sil {display:none; }
h1.oversize {font-size:2.5em; }

/* news styling */
p.dateline {
	font-size:.8em;
	color:#777;
	text-transform:uppercase;
	padding:0 0 .4em;
	line-height:1;
}
.pg-news p + h2 { border-top:4px double #dadada; padding:.2em 0; margin-top:.3em; }
article h2.related {
	text-align:center;
	font-family:FiraSans,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999;
	padding:15px 0;
	font-style:normal;	
}
nav.archives { text-align:center;}

.briefsbox .box { padding:.2em 2% 2.75em; position:relative; }