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

@-ms-viewport { width: device-width; }

/*** CSS RESET/NORMALIZE HYBRID ***/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles!
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
	display: block;
}

/*
 * Corrects overflow displayed oddly in IE9
 */

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

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

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

select[name="os0"] {
	font-size:90%;
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
	width: auto;
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
	height: auto;

}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**** END RESET ****/

/*** --- COLORS

Red: c41230
Header bkg: f1f1e9
Footer bkg (home): d2d2ca
Footer bkg (interior), black bar, text: 292619
Yellow headline text: c8942e
Yellow line: dea944
Messages bkg, tabs bkg: e6e5dd --> stroke: c4c2b5

***/

/*** --- GRID

total: 1024 = 100%
maincontent: 95.117188% = 974/1024
twocol: 65.605749% = 639/974
onecol: 31.211499% = 304/974
gutter: 3.1827515% = 31/974
outer margin: 2.9296875% = 30/1024

***/


/**** BASE STYLES ****/

body {
	color: #292619;
	font-family: Helvetica, Arial, sans-serif;
	background: #292619;
}

body.index {
	background: #d2d2ca;
}

#container {
	width: 100%;
	background: #ffffff;
	padding-bottom: 1.5em;
}

h1, h2, h3, h4, h5 {
	font-family:"Serifa Regular", Helvetica, Arial;
	font-weight:normal;
	font-style:normal;
	letter-spacing: 0.04em;
	color: #c8942e;
}

h1 {
	font-size: 1.75em;
	color: #292619;
}

.index h2 {
	color: #ffffff;
	background: url(/_images/black_stripes.gif) repeat-x bottom left #292619;
	margin: 0 0 0.5em;
	padding: 0.35em 3.5% 1em;
	font-size: 1.95em;
}

h3 {
	font-size: 1.25em;
}

h3 + p, h3 + section {
	margin-top: 1em;
}

.index h3 {
	font-size: 1.5em;
	padding: 0 3.5%;
}

h4 {
	font-size: 1.2em;
	line-height: 1.4em;
}

h5 {
	font-size: 1.075em;
	line-height: 1.15em;
}

h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height:1.1em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 0.5em;
}

p {
	font-size: 0.85em;
	line-height: 1.4em;
	color: #292619;
	padding: 0 3.5% 0.5em;
}

.int p {
	padding: 0 0 0.75em;
}

a {
	color: #c41230;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #dea944;
}

a:active {
	color: #292619;
}

em {
	font-style: italic;
}

.clear:after {
	clear: both;
}

.clear:before, .clear:after {
	content: " ";
	display:block;
	height:0;
	overflow:hidden;
}

.flex {
	width: 100%;
}

.abs {
	display:none;
}

.wide-only {
	display:none;
}

.right {
	float: right;
}

img.right {
	padding: 0 0 20px 20px;
}

.left {
	float: left;
}

.red {
	color: #c41230;
}

.arrow {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 0.07em;
}

.print-only {
	display: none;
}



/***** HEADER STYLES *****/

header {
	margin-bottom: 38px;
	top: 41px;
	overflow: visible;
	position: relative;
	background: url(/_images/header_stripe.gif) repeat-x scroll left bottom #f1f1e9;
	width: 100%;
	padding-bottom: 1em;
}

.index header {
	padding-bottom: 0.07em;
	background-image: none;
}

header h1 {
	text-indent: -9999px;
	height: 0;
	margin: 0;
	padding: 0;
}

#sticky {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 41px;
	display:block;
	background: #d9ad5b;
}

#sticky a {
	text-align:center;
	text-decoration: none;
	float:left;
	height: 41px;
	line-height: 43px;
	position: relative;
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(3, 3, 3, 0.5);
	padding: 0;
	font-size: 0.85em;
	text-transform:uppercase;
}

#sticky a.donate {
	width: 70%;
	background: #cb354f; /* Old browsers */
	background: -moz-linear-gradient(top,  #cb354f 0%, #cb354f 50%, #c41230 51%, #c41230 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb354f), color-stop(50%,#cb354f), color-stop(51%,#c41230), color-stop(100%,#c41230)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cb354f 0%,#cb354f 50%,#c41230 51%,#c41230 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cb354f 0%,#cb354f 50%,#c41230 51%,#c41230 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cb354f 0%,#cb354f 50%,#c41230 51%,#c41230 100%); /* IE10+ */
	background: linear-gradient(top,  #cb354f 0%,#cb354f 50%,#c41230 51%,#c41230 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb354f', endColorstr='#c41230',GradientType=0 ); /* IE6-9 */
}

.menu {
	width: 30%;
	background: #d9ad5b; /* Old browsers */
	background: -moz-linear-gradient(top,  #d9ad5b 0%, #d9ad5b 50%, #d5a140 51%, #d5a140 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9ad5b), color-stop(50%,#d9ad5b), color-stop(51%,#d5a140), color-stop(100%,#d5a140)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d9ad5b 0%,#d9ad5b 50%,#d5a140 51%,#d5a140 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9ad5b 0%,#d9ad5b 50%,#d5a140 51%,#d5a140 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9ad5b 0%,#d9ad5b 50%,#d5a140 51%,#d5a140 100%); /* IE10+ */
	background: linear-gradient(top,  #d9ad5b 0%,#d9ad5b 50%,#d5a140 51%,#d5a140 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ad5b', endColorstr='#d5a140',GradientType=0 ); /* IE6-9 */
}

.no-inlinesvg .logo {
	background-image:url(/_images/ncff_logo_240.png);
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size: 100%;
	display: block;
	position: relative;
	width: 228px;
	height: 53px;
	margin: 0.5em auto 0.65em;
	padding: 0;
}

.inlinesvg .logo {
	background-image: url(/_images/ncff_logo_v2.svgz);
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size: 100%;
	display: block;
	position: relative;
	width: 228px;
	height: 53px;
	margin: 0.5em auto 0.65em;
	padding: 0;
}

/*ACTIVE NAV ITEM*/

.index li.home a,
.donate li.donate a,
.about li.about a,
.media li.media a,
.hurricane-fund-page li.hurricane-fund a  {
	color: #292619;
	cursor: default;
}

/******** MAIN CONTENT AREA *******/

.maincontent {
	margin: 0 auto;
}

.int .maincontent {
	padding: 0.1em 3.5% 0;
}

.twocol {
	overflow: auto;
}

/*.twocol section {
	margin-bottom: 1em;
}*/

section {
	clear: both;
	margin: 0 0 0.5em;
}

.index section {
	margin-bottom: 1em;
}

.onecol {
	padding: 0 0 1em;
}

.title {
	margin: 1.5em 0 1.2em;
}

.indent {
	padding-left: 75px;
	display: block;
}

.inset {
	background: #fff;
	border: 9px solid #f5f4f0;
	display: block;
	outline: 1px solid #cbcbc3;
	padding: 0.75em;
	width: 88%;
	overflow: auto;
	margin: 0.5em 0.7em 1.75em 0.1em;
}

.inset h4 {
	color: #292619;
	font-size: 1.125em;
	line-height: 1.75em;
}

.thankyou .inset {
	float: left;
}


/*** SIDEBAR ***/

.sidebar {
	width: 100%;
	padding: 1em 0 0;
	border-top: 2px solid #dea944;
}

.no-sidebar .sidebar {
	display: none;
}

.sidebar img {
	display: none;
}

.sidebar strong, .sidebar li {
	font-size: 0.85em;
	line-height: 1.5em;
}

a.btn {
	display: none;
}

a.btn.btn-apply-big {
	display: block;
}

.sharethis {
	display: none;
}

.levels ul {
	margin-bottom: 1em;
}


/* MESSAGES */

.index .messages {
	margin-top: 0.75em;
}

.index .messages h4 {
	margin: 0 3.5%;
	border-top: 1px solid #c4c2b5;
	padding: 1em 0 0;
}

.messages p {
	font-size: 0.8em;
	line-height: 1.25em;
	color: #474232;
}

.sidebar .messages p {
	font-size: 0.95em;
}

.messages .attr {
	font-style: italic;
	padding: 0;
}

.quote {
	background-color: #e6e5dd;
	padding: 0.75em 8% 1em 6.7567%;
	border: 1px solid #c4c2b5;
	border-top: 4px solid #dea944;
	margin: 0.65em 3.5%;
}

.sidebar .quote {
	margin: 0.65em 0;
}

.quote ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.quote li {
	background-image: url(/_images/quote.jpg);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	margin: 0 0 0 -11.5%;
	padding: 0 0 0.8125em 13.5%;
}

.quote li:last-child {
	padding-bottom: 0;
}

.pipe {
	font-style:normal;
}



/*** FORMS ***/

form,
form input,
textarea {
	font-size: 0.9em;
	font-family: Helvetica, Arial, sans-serif;
}

input[type="radio"] {
	margin:0.5em 0;
}

input[type="image"] {
	width: auto;
	height: auto;
	display: block;
	margin: 0.5em 0 1em;
}

input.readonly {
	background: none;
	border: none;
	width: 22px;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	padding: 7px 0;
	text-align: center;
}

li.memo p {
	padding: 0;
	color: #848076;
	font-weight: normal;
}

li.memo textarea {
	font-size: 0.9em;
	line-height: 1.34em;
}


/* Make each field container relative.
This lets us position the label absolutely inside it. */
form ul li {
	position:relative;
}

form ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

form li {
	float: left;
	margin: 0 2% 0.4em 0;
	width: 48%;
}

form li.emailinput {
	width:60%;
}


form li.submit {
	width: auto;
}

.no-right-margin, .sidebar ul.no-right-margin {
	margin-right: 0;
}

/* Give input fields a fixed width and padding */
form input {
	width:93.5%;
	background: #ededea;
	border: 1px solid #a9aaa0;
	height: 15px;
	padding: 0.5em;
}

textarea  {
	width:93.5%;
	background: #ededea;
	border: 1px solid #a9aaa0;
	padding: 0.5em;
}

#comment {
	height: auto;
}

form input:focus,
textarea:focus {
	background: #fff;
}

/* Position the labels inside our input fields. */
/*form label {
	position:absolute;
	padding: 9px 0 0 8px;
	color:#848076;
	font-size: 0.9em;
}*/

/* form submit button */

form button {
	background: #c41230;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight:bold;
	height: 29px;
	border: 1px solid #c41230;
	padding: 6px 15px;
}

form button:hover {
	background: #dea944;
	border: 1px solid #dea944;
}


/*LEAVE A MESSAGE FORM*/

form.donate-message {
	margin: 0.5em 0 0;
}

form.donate-message li {
	width: 100%;
}

form.donate-message li.radio {
	width: auto;
	margin-top: 1em;
}

form.donate-message li.radio label {
	position:relative;
	color: #292619;
}

form.donate-message button {
	margin-top: 0.75em;
}


/*** TAB STYLES ***/

#tabs {
  overflow: hidden;
  width: 100%;
  padding: 0;
  list-style: none;
  margin: 1em 0 0 0;
  position: relative;
}

.about #tabs {
	margin: 0;
}

#tabs li{
  float: left;
  display: block;
  width: 33.333%;
  /*margin: 0;
  height: 44px;*/
}

#tabs.tabs-half li {
	width: 50%;
}

/*#tabs li.last {
	width: 34%;
}*/

#tabs a{
  position: relative;
  background: url(/_images/tab-bkg.jpg) repeat-x top left;
  padding: 1.4em 0 2em;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  /*width: 33.333%;
  height: 44px;*/
  text-align: center;
  font-size: 0.7em;
  line-height: 0.7em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  display: block;
}

#tabs a:hover,
#tabs a:focus{
	background: url(/_images/tab-bkg-current.jpg) repeat-x top left;
}

#tabs a:focus{
  outline: 0;
}

#tabs #current a {
	background: url(/_images/tab-bkg-current.jpg) repeat-x top left;
	background: url(/_images/tab-arrow.png) no-repeat 50% 33px, url(/_images/tab-bkg-current.jpg) repeat-x top left;
  	z-index: 3;
}

#tabs-content {
    background: #e6e5dd;
	border-left: 1px solid #c4c2b5;
	border-right: 1px solid #c4c2b5;
	border-bottom: 1px solid #c4c2b5;
    position: relative;
    z-index: 2;
	margin: -10px 0 1.5em;
	padding: 1.75em 3.5% 1em;
	width: auto;
	overflow: auto;
}

#tabs-content h3 {
	color: #292619;
	font-size: 1.125em;
	margin-bottom: 0.75em;
}

#tabs-content section {
	margin-bottom: 1em;
}

#tabs-content p {
	color: #474232;
	font-size: 0.8em;
}

#tabs-content li {
	font-size: 0.8em;
	line-height: 1.25em;
	color: #3c3428;
	padding: 0 0 0.5em;
	list-style: url(/_images/bullet.gif) outside;
	margin: 0 6%;
}

#tabs-content .onecol {
	padding: 0 0 1.5em;
}

#tabs-content .onecol li {
	padding: 0 0 0.2em;
	margin: 0 0 0 10%;
}

#tabs-content .inset {
	width: 80%;
}

#tabs-content .inset p,
.inset p {
	font-weight: bold;
	font-size: 0.75em;
}

#imagelibrary section {
	margin-bottom: 1em;
}

#imagelibrary img {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}


/****** FOOTER STYLES *******/

.print-footer {
	display: none;
}

footer {
	background: url(/_images/footer_stripe_dark.gif) repeat-x top left #292619;
	padding: 1.1em 0 0;
	width: 100%;
}

footer section {
	padding: 0.8em 2.9296875% 0.5em;
	margin: 0;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #464237;
}

footer section:first-child {
	border-top: none;
	border-bottom: 1px solid #000000;
}

footer section.last {
	border-bottom: none;
	border-top: 1px solid #464237;
}

footer section.last img {
	margin: 0 0 0.5em 3%;
}

footer p {
	font-size: 0.77em;
	padding: 0 0 0.75em;
	color: #fff;
}

footer h5 {
	color: #fff;
	margin-bottom:0.8em;
}

/*.index footer {
	background: url(/_images/home-footer-stripes.gif) repeat-x top left #d2d2ca;
}*/
/*
.index footer section {
	border-bottom: 1px solid #bbbbb3;
	border-top: 1px solid #e7e7df;
	margin-bottom: 0;
}

.index footer section:first-child {
	border-top: none;
	border-bottom: 1px solid #bbbbb3;
}

.index footer section.last {
	border-bottom: none;
	border-top: 1px solid #e7e7df;
}

.index footer p {
	color: #292619;
}

.index footer h5 {
	color: #292619;
}*/

a.joinbtn {
	background: url("/_images/btn_bkg_sprite.png") no-repeat scroll 0 0 transparent;
	padding: 14px 0 22px 21px;
	width: 159px;
	line-height: 1em;
	color: #fff;
	font-size: 1em;
	display:block;
	margin-bottom: 1em;
}

a.joinbtn:hover {
	background: url("/_images/btn_bkg_sprite.png") no-repeat -180px 0;
}


/* NAV IN FOOTER */

nav.footer li {
	background: none;
}

.index nav.footer li.home a {
	color: #fff;
	cursor: default;
}

.donate nav.footer li.donate a {
	color: #fff;
	cursor: default;
}

.about nav.footer li.about a {
	color: #fff;
	cursor: default;
}

.media nav.footer li.media a {
	color: #fff;
	cursor: default;
}


/*SM ICONS*/

ul.icons {
	padding: 0 0 1em;
}

.icons li {
	float: left;
	margin-right: 8px;
}

.icons li a {
	display: block;
	position: relative;
	width: 35px;
	height: 35px;
}

a.facebook {
	background: url(/_images/sm_icons.png) no-repeat;
	background-position: 0 0;
}

a.facebook:hover {
	background-position: -40px 0;
}

a.twitter {
	background: url(/_images/sm_icons.png) no-repeat;
	background-position: -80px 0;
}

a.twitter:hover {
	background-position: -120px 0;
}

a.linkedin {
	background: url(/_images/sm_icons.png) no-repeat;
	background-position: -160px 0;
}

a.linkedin:hover {
	background-position: -200px 0;
}

a.email {
	background: url(/_images/sm_icons.png) no-repeat;
	background-position: -240px 0;
}

a.email:hover {
	background-position: -280px 0;
}

a.gplus {
	background: url(/_images/sm_icons.png) no-repeat;
	background-position: -320px 0;
}

a.gplus:hover {
	background-position: -360px 0;
}

/* MOBILE NAV STYLES */


#mobile-nav a {
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(3, 3, 3, 0.5);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.85em;
	width: 100%;
	float: left;
	padding: 1em 0;
	background: #c19339; /* Old browsers */
	background: -moz-linear-gradient(top,  #c19339 0%, #d6a84f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c19339), color-stop(100%,#d6a84f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c19339 0%,#d6a84f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c19339 0%,#d6a84f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c19339 0%,#d6a84f 100%); /* IE10+ */
	background: linear-gradient(top,  #c19339 0%,#d6a84f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19339', endColorstr='#d6a84f',GradientType=0 ); /* IE6-9 */
	outline: 1px solid #d6a84f;
}

#mobile-nav a:active {
	color: #292619;
}

.index #mobile-nav li.home a {
	color: #292619;
	cursor: default;
	text-shadow:none;
}

.donate #mobile-nav li.donate a {
	color: #292619;
	cursor: default;
	text-shadow:none;
}

.about #mobile-nav li.about a {
	color: #292619;
	cursor: default;
	text-shadow:none;
}

.media #mobile-nav li.media a {
	color: #292619;
	cursor: default;
	text-shadow:none;
}


@media only screen and (min-width: 320px) {

.no-inlinesvg .logo {
	background-image:url(/_images/ncff_logo_320.png);
	width: 300px;
	height: 71px;
}

.inlinesvg .logo {
	width: 300px;
	height: 71px;
}

a.btn {
	background: url("/_images/btn_bkg_sprite.png") no-repeat scroll 0 0 transparent;
	padding: 14px 37px 22px;
	width: 106px;
	line-height: 1em;
	color: #fff;
	font-size: 1em;
	letter-spacing: 0.04em;
	display:inline-block;
}

.inset.no-float input[type="image"] {
	margin: 10px auto !important;
}

.hurricane-relief-donate {
	background-color: #f1f1e9;
}

.hurricane-relief-apply {
	background-color: #e6e5dd;
}

/*** HURRICANE RELIEF PAGE ***/
.halfcol, .fullcol {
	width: 100%;
	float: none;
	margin: 20px 0;
	box-sizing: border-box;
	padding: 2%;
}

.halfcol:last-child {
	margin-right: 0;
}

.big-donate h2, .big-apply h2 {
	font-size: 2rem;
	line-height: 4rem;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	padding: 0;
}

.big-content {
	padding: 4%
}

.big-content .inset {
	width: 80%;
	margin: 20px auto;
	text-align: center;
	float: none !important;
}

.big-donate h2 {
	background-color: #292619;
}

.big-apply h2 {
	background-color: #c41230;
}

.big-donate {
	border: 2px solid #292619;
}

.big-apply {
	border: 2px solid #c41230;
}

.formstack-form-container {
	display: none;
}

/* ======================================
	Hurricane Relief
========================================= */
.hurricane-relief-donate {
	background-color: #f1f1e9;
}



.hurricane-relief-donate .inset {
	background: #fff;
	border: 9px solid #f5f4f0;
	display: block;
	outline: 1px solid #cbcbc3;
	padding: 0.75em;
	width: 88%;
	overflow: auto;
	margin: 0.5em 0.7em 1.75em 0.1em;
	float: none !important;
}

.hurricane-relief-apply {
	background-color: #e6e5dd;
}

.maincontent .intro {
	font-size: 1.2rem;
	font-style: italic;;
}

.hurricane-relief-content > .title > section > h2 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	margin-top: 1.2rem;
}

.fsBody {
	padding: 0 !important;
}

.fsSubmitButton {
	height: auto;
}

h2.fsSectionHeading {
	background-color: transparent !important;
	margin-bottom: 0 !important;
	font-size: 24px !important;
	text-align: left !important;
}

.fsBody .fsSectionHeader {
	padding: 10px !important;
}



}/*/mediaquery*/




@media only screen and (min-width: 480px) {

.no-inlinesvg .logo {
	background-image:url(/_images/ncff_logo_lrg.png);
	width: 419px;
	height: 99px;
}

.inlinesvg .logo {
	width: 419px;
	height: 99px;
}


}/*/mediaquery*/



@media only screen and (min-width: 600px) {   /* At this point, normal header style kicks in */

#container {
	padding-bottom: 0;
}

div.mobile-pic {
	display: none;
}

h1 {
	font-size: 2em;
	line-height: 1.25em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.175em;
	padding: 0;
}

h5 {
	font-size: 0.9em;
}

.index h2, .index h3 {
	background: #ffffff;
	padding: 0;
	font-size: 1.84em;
	line-height: 1.1em;
}

.index h2 {
	color: #c8942e;
}

p, .int p {
	font-size: 0.9em;
	padding: 0 0 0.75em;
}

.wide-only {
	display: block;
}


/****** HEADER STYLES ******/

.index header, header {
	background: url(/_images/header_stripe.gif) repeat-x scroll left bottom #f1f1e9;
	padding-bottom: 0.75em;
	top: 0;
	margin-bottom: 0;
}

header div {
	margin: 0 auto;
	width: 95.117188%; /*974/1024*/
	max-width: 1024px;
}

nav {
	float: right;
	margin-top: 3em;
	font-weight: bold;
}

nav li {
	display:inline;
	padding: 0 10px 0 5px;
}

nav li.last {
	padding: 0 0 0 5px;
}

nav a {
	font-size: 0.85em;
}

#sticky {
	display: none;
}

.no-inlinesvg .logo {
	background-image:url(/_images/ncff_logo_320.png);
	width: 300px;
	height: 72px;
	margin: 0.8em 3% 0.8em 0;
	float: left;
}

.inlinesvg .logo {
	width: 300px;
	height: 72px;
	margin: 1em 3% 0.8em 0;
	float: left;
}




/******** FLEX SLIDER ********/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.flexslider-container {
	max-width: 1024px;
	margin: 0 auto;
	position:relative;
	background: transparent url('../_images/slider-bg.jpg') top left no-repeat;
	background-size: cover;
}

.flexslider-container-hurricane-relief {
	max-width: 1024px;
	margin: 0 auto;
	position:relative;
	background: transparent url('../_images/slider-hurricane-relief.jpg') top left no-repeat;
	background-size: cover;
}

.flexslider .slides > li {
	position: relative;
	height: 430px;
}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* Content over slides */

div.overlay {
	position: absolute;
	z-index: 1;
	top: 15%;
	width: 100%;
}

.flexslider-container-hurricane-relief .overlay {
	top: auto;
	bottom: 10%;
}

div.caption {
	float: right;
	width: 60%;
}

.caption.hurricane-relief-caption {
	width: 70%;
}

div.caption h3 {
	color: #ffffff;
	background: #292619;
	padding: 0.15em 3%;
	font-size: 2.5em;
	line-height: 1em;
	margin: 0 0 0.2em 0;
}

.caption.hurricane-relief-caption h3 {
	font-size: 2.2rem;
}

div.caption a {
	background: url("/_images/btn_bkg_sprite.png") no-repeat scroll -22px 0 transparent;
	color: #fff;
	display: block;
	font-size: 1.1em;
	height: 26px;
	padding: 12px 0 14px 21px;
	position:relative;
	width: 137px;
}

div.caption a.donate-today {
	padding-left: 20px;
}

div.caption a:hover {
	background: url(/_images/btn_bkg_sprite.png) no-repeat -202px 0;
}

.stripe {
	background: #292619;
}



/********** MAIN CONTENT AREA STYLES ************/

.maincontent, .int .maincontent {
	padding: 0 3% 1.5em;
	max-width: 1024px;
	background: #ffffff;
}

.index .maincontent {
	padding: 1.5em 3%;
}

.twocol section {
	margin-bottom: 0.75em;
}

.onecol {
	padding: 0 0 1em;
	width:47%;
	float: left;
}

.title {
	margin: 1.5em 0 1.35em;
}

.indent p {
	font-size: 0.85em;
}

.inset {
	width: 42%;
	margin: 0.1em 0.1em 2em 0.1em;
	float: right;
}

.thankyou .inset {
	width: 92.5%;
}


/* MESSAGES */

.messages {
	margin: 0;
}

.messages p {
	font-size: 0.8em;
	line-height: 1.25em;
	color: #474232;
}

.index .messages h4 {
	margin: 0;
}

.messages .attr {
	font-style: italic;
	padding: 0;
}

.quote {
	margin: 0.65em 0;
	padding: 0.75em 3% 1em 5%;
}

.quote ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.quote li {
	background-position: 0 0.2em;
	margin: 0 0 0 -7%;
	padding: 0 0 0.8125em 8%;
}

.quote li:last-child {
	padding-bottom: 0;
}

.pipe {
	font-style:normal;
}



/*** LEAVE A MESSAGE FORM ***/

form.donate-message li {
	width: 40%;
	float: none;
}

form.donate-message li.memo {
	width: 100%;
}



/*** TABS ***/

#tabs {
	/*height: 46px;*/
}

#tabs-content p {
	color: #474232;
	font-size: 0.9em;
}

#tabs a {
	font-size: 0.85em;
	line-height: 0.85em;
	padding: 1em 0 1.5em;
}

#tabs-content {
	margin-bottom: 1.5em;
}

#tabs-content li {
	font-size: 0.85em;
	line-height: 1.4em;
	padding: 0 0 0.7em;
}

#tabs-content .inset {
	width:40%;
	float: right;
}

#tabs-content .onecol li {
	margin: 0 0 0 7%;
}

#tabs-content h3 {
	font-size: 1.3em;
}

#tabs-content section span:first-child,
section div.onecol:first-child {
	margin-right: 5%;
}

input[type="image"] {
	margin: 0.5em auto 1em;
}




/********** FOOTER ***********/

.footer-inner {
	padding: 0.8em 3%;
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

footer section {
	box-sizing: border-box;
	padding: 0 2% 0 0;
	width: 32%;
	float: left;
	border: none;
	clear: none;
}

footer section:first-child {
	border: none;
}

footer section.last {
	padding: 0 0 0 0;
	border: none;
}

 img.footer-logo {
	 max-width: 300px;
	 max-width: 100%;
 }

.index footer section {
	border:none;
}

.index footer section:first-child {
	border:none;
}

.index footer section.last {
	border:none;
}

nav.footer {
	margin: 0;
	float: none;
	padding: 0.75em 0;
	font-weight: normal;
}

nav.footer li {
	padding: 0 3px 0 1px;
	font-size: 0.8125em;
}

nav.footer li:first-child {
	padding-left:0;
}

.index .small, .int .small {
	font-size: 0.7em;
}

#mobile-nav {
	display: none;
}

ul.icons {
	height: 35px;
	padding: 0 0 0.25em;
}

.icons a.gplus {
	display: none;
}

}/*/mediaquery*/




@media only screen and (min-width: 768px){

h1 {
	font-size: 2.2em;
}

.index h2, .index h3 {
	font-size: 2em;
	line-height: 1.1em;
}


h4 {
	font-size: 1.125em;
	line-height: 1.35em;
}

h5 {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

.halfcol {
	width: 48%;
	float: left;
	margin: 20px 0;
	margin-right: 4%;
	box-sizing: border-box;
	padding: 0;
}

.halfcol:last-child {
	margin-right: 0;
}

p, int p {
	padding: 0 0 1em;
}

/******* HEADER STYLES ********/

nav {
	margin-top: 3.85em;
}

nav a {
	font-size: 0.95em;
}

nav li {
	padding: 0 12px 0 7px;
}

nav li.last {
	padding: 0 0 0 10px;
}

.no-inlinesvg .logo {
	background-image:url(/_images/ncff_logo_768.png);
	width: 384px;
	height: 91px;
}

.inlinesvg .logo {
	width: 384px;
	height: 91px;
}



/******* FLEX SLIDER ******/

div.overlay {
	top: 19%;
}

.flexslider-container-hurricane-relief .overlay {
	top: auto;
	bottom: 10%;
}

div.caption {
	width: 52%;
}

.caption.hurricane-relief-caption {
	width: 75%;
}

div.caption h3 {
	font-size: 2.8em;
}

div.caption a {
	background: url("/_images/btn_bkg_sprite.png") no-repeat scroll 0 0 transparent;
	padding: 12px 0 21px 31px;
	width: 149px;
}

div.caption a:hover {
	background: url(/_images/btn_bkg_sprite.png) no-repeat -180px 0;
}



/******* MAIN CONTENT AREA STYLES *******/

.index .twocol {
	width: 63%;
	float: left;
}

.int .twocol {
	width: 65.605749%; /*639/1024*/
	padding: 0 5% 0 0;
	float: left;
}

.thankyou inset {
	margin: 0 0 1.75em;
}

.onecol {
	width: auto;
}

.indent p {
	padding: 0 0 0.5em;
}

.inset {
	width: 90.6%;
	float: none;
}

.title {
	max-width: 85%;
}

/*** SIDEBAR ***/

.no-sidebar .sidebar {
	display: block;
}

.sharethis {
	display: block;
	margin: 1.25em 0;
}

.sidebar {
	width: 29%;
	padding: 0;
	float: left;
	border: none;
	margin: 0;
}

.sidebar ul {
	float: none;
	padding: 0 0 1em;
	width: 100%;
	margin: 0;
}

.sidebar ul.icons {
	padding: 0.75em 0 0;
}

.sidebar img {
	border: 6px solid #cbcbc3;
	outline: 1px solid #b0b0a8;
	display: block;
	margin-bottom: 1.4em;
	width:95.5%;
}

a.btn:hover {
	background: url("/_images/btn_bkg_sprite.png") no-repeat -180px 0;
}

a.btn.btn-apply-big {
	margin: 10px auto;
	display: block;
}

/* MESSAGES */

.index .messages {
	margin-top: 0;
}

.messages {
	float: right;
	width: 32%;
	margin: 0;
}

.messages h4 {
	padding: 0;
}

.index .messages h4 {
	border: none;
	font-size: 1.45em;
	padding: 0;
}

.quote {
	padding: 0.75em 3.5% 1em 6.7567%;
}

.quote li {
	margin: 0 0 0 -13%;
	padding: 0 0 0.7em 20%;
	background-position: 0 0.15em;
}

.index .messages p {
	line-height: 1.35em;
}


/*LEAVE A MESSAGE PAGE*/

form.donate-message li {
	width: 50%;
}

.thankyou .messages {
	width: 100%;
	float: none;
}

.thankyou .messages li {
	margin: 0 0 0 -6%;
	padding: 0 4% 0.8125em 17%;
}

.thankyou .messages ul {
	padding: 1em 0 0.25em;
}

.thankyou .messages p {
	font-size: 0.9em;
}


/* TABS */

.int .inset p {
	font-size: 0.8em;
}

#tabs-content .onecol {
	width: 47%;
}



/******* FOOTER *******/

.index footer p, .int footer p {
	font-size: 0.8em;
}

.footer-inner {
	padding: 1.2em 3%;
}

.index .small, .int .small {
	font-size: 0.6875em;
	line-height: 1.25em;
	padding: 0.5em 0;
}

.icons a.gplus {
	display: block;
}

nav.footer {
	padding: 1em 0 0.75em;
}

nav.footer li {
	padding: 0 10px 0 7px;
}


}/*/mediaquery*/

@media only screen and (min-width: 960px){

h1 {
	font-size: 2.73em;
}

.index h2, .index h3 {
	font-size: 2.25em;
}

h3 {
	font-size: 1.85em;
}

h4 {
	font-size: 1.6em;
}

h5 {
	font-size: 1.125em;
}

h6 {
	font-size: 0.9em;
}

p, .int p {
	font-size: 1em;
}

nav li {
	padding: 0 15px 0 10px;
}

nav a {
	font-size: 1.05em;
}

.no-inlinesvg .logo {
	background-image:url(/_images/ncff_logo_lrg.png);
	width: 419px;
	height: 97px;
}

.inlinesvg .logo {
	width: 419px;
	height: 99px;
}

.index .maincontent, .int .maincontent {
	padding: 2.2em 2.92969% 0;
	min-height: 500px;
}

.title {
	margin: 0 0 2em;
}

.index .twocol {
	width: 63%;
}

.onecol {
	padding: 0 0 1em;
	width: 47%;
}

.int .twocol {
	padding: 0 5% 1em 0;
}


.twocol section {
	margin-bottom:1.2em;
}

.inset {
	width:42%;
	float: right;
}

.inset.no-float {
	float: none;
	clear: both;
}

.indent p {
	font-size: 0.9em;
}

.abs {
	position:absolute;
	left: -50px;
	display:block;
}

div.overlay {
	top: 21%;
}

.flexslider-container-hurricane-relief .overlay {
	top: auto;
	bottom: 10%;
}

div.caption {
	width: 50%;
}

.caption.hurricane-relief-caption {
	width: 70%;
}

div.caption h3 {
	font-size: 3.6em;
}

.caption.hurricane-relief-caption h3 {
	font-size: 3.2rem;
}

div.caption a {
	background: url("/_images/btn_bkg_sprite.png") no-repeat scroll 0 0 transparent;
	padding: 11px 0 15px 28px;
	width: 152px;
	font-size: 1.25em;
}


/* SIDEBAR */

.sidebar h4 {
	font-size: 1.25em;
}

.messages {
	width: 30%
}

.thankyou .messages p {
	font-size: 1em;
}

.quote {
	padding: 1em 3% 1em 6.7567%;
}

.quote li {
	margin: 0 0 0 -14%;
	padding: 0 0 1em 16%;
}



/* TABS */

#tabs a {
	padding: 0.9em 0 22px;
}

#tabs-content {
	margin: -11px 0 1.75em;
}

#tabs-content h3 {
	font-size: 1.365em;
}

#tabs-content li {
	font-size: 0.9em;
}


/*LEAVE A MESSAGE FORM*/

form.donate-message li {
	width: 37%;
}

/**** FOOTER ****/

.index footer p {
	font-size: 0.8125em;
}

}/ /*mediaquery*/

/* Perch area styles */

.levels p {
	padding-bottom:0;
}