@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

/** ul and ol styling **/
ul { list-style:disc; }

ul { margin-left:30px; }
ul li { margin:5px 0; }
	ul ul { margin-left:20px; list-style:square;}
	
ol {
	list-style:decimal;
	margin-left:25px;
}

ol li {
	margin:5px 0;
	font-size:12px;
	line-height:150%;
}

ol ol {
	list-style:lower-alpha;
	margin-left:25px;}
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:decimal; }
/** **/

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, a:visited {
	text-decoration:none;
	color:#605C4F;
	font-style:normal;
}

a:hover {color:#7B7059 !important;}

h2 a, h2 a:visited {
	color:#013c41;
}
h3 {font-size:12px; color:#013c41; margin:4px 0; }
h4 {font-size:11px; font-weight:bold; color:#013c41;}
h5 {font-size:12px; font-weight:normal; color:#013c41;}
h6 {font-weight:11px; font-weight:normal; color:#013c41;}


.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/** header font **/

@font-face {
 font-family: '078MKSDMediumCondensedRegular';
 src: url('078mkmc_-webfont.eot');
 src: local('☺'), url('078mkmc_-webfont.woff') format('woff'), url('078mkmc_-webfont.ttf') format('truetype'), url('078mkmc_-webfont.svg#webfontqOppSpFT') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*** This is the container for the website - 960px width ***/
#container {
	width:1120px;
	margin:auto; /** center the page **/
	background: url(/images/bg.png) no-repeat top left;
	overflow:hidden; /** need for IE fix for equal column heights **/
	position:relative; /** need for IE fix for equal column heights **/
	z-index:0;
	background-image: url(images/img/test1.gif);
}

#innercontainer { background:url(/images/column-bg.png) repeat-y top left; } /** this is needed for left column to appear to extend **/
/** header **/
#head {
	height:153px;
}
.logo {
	margin-right:7px;
	float:left;
}
#head h1 {
	display:block;
	text-transform:uppercase;
	font-family: '078MKSDMediumCondensedRegular', Ariel, Helvetica, sans-serif;
	font-size:23px;
	color:#605c4f;
	letter-spacing: 5px;
	background:white;
	padding:8px 10px 10px;
	border:1px solid #605c4f;
	border-width:1px 0;
	float:left;
	margin-top:55px;
	width:859px;
}

#head .subtitle { padding:10px 0; border:1px solid #605C4F; border-width:1px 0; background:#fff; position:relative; z-index:5; top:55px; margin-left:240px;}

/*** Left Col ***/
#leftcol {
	float:left;
	position:relative;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 25px 0 18px;
	width:170px;
	padding: 5px 15px 15px;
	background:#f6f6f6;
	height:100%;
}
#leftcol #menu {
	padding-bottom:15px;
}
#leftcol h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	border-bottom:1px solid #013c41;
	margin:8px 0 0;
	color:#013c41;
	cursor:pointer;
	padding:0 0 2px 2px;
}

#leftcol #menu h2 {
	padding:0 0 2px 13px;
	background:url(/images/icon-arrow-right.png) 2px 4px no-repeat;
}

#leftcol #menu h2.active {
	background:url(/images/icon-arrow-down.png) 2px 5px no-repeat;
}

#leftcol ul, #leftcol li {margin:0; list-style:none;}

#leftcol ul li a {
	display:block;
	padding:5px 6px;
	border-bottom:1px solid #bdbdbd;
}

#leftcol ul li ul li:hover, .asknif ul li:hover {
	background:#EAF4F4;}

/** middle content **/
#middle {
	width:650px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	position:relative;
	font-size:12px;
	line-height:18px;
	padding-bottom:10px;
}

#middle a, #middle a:visited {color:#4B8D8D;}

#middle h2 {font-size:15px; color:#013c41; margin:10px 0;}
#middle p {margin:10px 0;}
#middle strong {font-size:13px; font-weight:bold;}

#middle h1  {font-size:18px; color:#013c41; margin:5px 0; }

/* tooltip bubbles */
#tooltip_top { position: absolute; z-index: 10; top: 10px; left: 435px; }
.ttip_head{ float:left; width:8px; height: 35px; }
.ttip_bod{ float: left; color: #FFF; height: 35px; }
.ttip_tail{ float: left; width:8px; height: 35px; }

#ttip_head_top { background: url(../images/tooltip_top_head.png) no-repeat; }
#ttip_bod_top { background:url(../images/tooltip_top_bod.png) repeat-x; padding-top: 3px;  }
#ttip_tail_top { background: url(../images/tooltip_top_tail.png) no-repeat; }

#tooltip_btm { position: absolute; z-index: 10; top: 95px; left: 515px; }

#ttip_head_btm { background: url(../images/tooltip_btm_head.png) no-repeat; }
#ttip_bod_btm { background:url(../images/tooltip_btm_bod.png) repeat-x; padding-top: 11px; }
#ttip_tail_btm { background: url(../images/tooltip_btm_tail.png) no-repeat; }

/** search box **/
#searchbox { position: relative; }
#searchbox label {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; letter-spacing:1px; color:#605c4f; }
#searchbox fieldset {margin-top:10px;}
#searchbox input {height:28px; width:563px; float:left; border:1px solid #acaaa3; padding:3px 0 3px 5px; background:#efeeed; font-size:20px;}
#searchbox .btn {background:url(/images/search.png) no-repeat; width:38px; height:36px; border:none; float:left; cursor:pointer; margin-right: 3px; }
#searchbox .nlx {background:url(/images/nlx.png) no-repeat; width:38px; height:36px; border:none; float:left; cursor:pointer; margin-top: 10px;}
#searchbox .smalltext {color:#605c4f; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:5px;}
#searchbox a, #searchbox a:visited {color:#605C4F;}
#searchbar { float: left; }
/** what is NIF **/
hr.blue {width:70%; background:url(/images/bg-hr-blue.png) #fff no-repeat center; border:0; padding:0; margin:20px auto 15px; height:5px; }
#what-is-nif { background:#ebf4f4; padding:13px 25px 20px; width:598px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius: 15px;}
#nif-error {background:#FFEBE8; padding:13px 25px 20px; width:598px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius: 15px; border:1px solid #DD3C10;}
hr.double { margin:22px auto; border:1px solid #eaeaea; border-width:1px 0; height:3px;}

/** breadcrumbs **/

#crumbs {margin-bottom:20px;}


/** inner middle **/
#inner-middle {line-height:15px; }
#inner-middle img.left {margin-right:10px;}
#inner-middle div.left {width:377px; border-right:1px solid #eaeaea; padding-right:20px;}
#inner-middle div.right {width:230px; padding-left:20px; }
#inner-middle div {margin-bottom:20px; }
.itemtitle {color:#605c4f; font-size:12px; margin:20px 0 3px; }
.itemdate {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:3px 0; }
.itemdescription {color:#000; font-size:11px; margin:3px 0 px; }
#inner-middle p {margin-top:20px; }
#inner-middle h2 {margin:0;}
.tweet ul, .tweet li {margin:0; list-style:none; }
.tweet li {margin-top:20px; font-size:11px;}

#social-media {clear:both;}
/*** right col ***/
#rightcol {
	float:left;
	position:relative;
	margin:0 0 0 22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:11px;
	text-align:center;
}
#rightcol h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
	color:#013c41;
}
#rightcol h3 {
	color:#605c4f;
	text-transform:uppercase;
	margin:15px 0 3px;
	font-size:11px;
}
/** add the little arrow on the right column headers **/
#rightcol h3:after {
	content:url(/images/icon-arrows.png);
	padding-left:10px;
}
#rightcol .browse-by-category {
	float:right;
	width:171px;
	padding:15px 15px 0;
	min-height:28px;
	background:url(/images/browse-by-category.png) #fff no-repeat top right;
	border-left:1px solid #cde1e1;
	text-align:left;
}
#rightcol .categories {
	clear:right;
	padding:5px 15px 15px;
	width:170px;
	background:#fff;
	text-align:left;
}

#rightcol #rightcontent {	
	border:1px solid #cde1e1;
	border-width:0px 1px 1px;
}

#rightcol ul, #rightcol li {
	margin:0;
	list-style:none;
}

#rightcol ul li {
	padding:3px 6px;
}

#rightcol .numbers {padding-left:5px;}
/** footer **/

#footer {
	clear:both;
	position:relative;
	background:#013c41;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#fff;
	text-align:center;
	padding:20px;
	margin-left:18px;
}
#footer .utility {margin:10px auto; width:700px; text-align:center;}
#footer .utility p {margin-top:10px;}
#footer div.left {text-align:left; padding:20px;}
#footer h3 {text-transform:uppercase; text-decoration:none; font-size:11px; display:inline; margin-right: 10px; color:#fff;}
.disclaimer {color:#bdbdbd;}
#footer a, #footer a:visited { color:#bdbdbd; }
#footer li { margin:3px 0; }
.disclaimer a:hover {color:#fff; }

/** Code from Old NIF - Jade **/

/*****************************
     Webinar Table
*****************************/
table.webinar-events{
	width: 100%;
	font-size: 85%;
	border-collapse: collapse;
	border: 1px solid #410;
}
table.webinar-events .odd{
	background-color: #F6F6F6;
}
table.webinar-events td, table.webinar-events th {
	padding: 5px;
	
}
table.webinar-events .title{
	width: 70px;
}
table.webinar-events .data{
	font-weight: bold;
	font-size:11px;
}
table.webinar-events th {
	text-align:right;
	font-size: 95%;
	vertical-align: top;
	font-weight: normal;
}
/*****************************
     Webinar Archive Table
*****************************/
table.webinar{
	font-size: 85%;
	width: 100%;
	border-collapse: collapse;
}
table.webinar td {
	padding: 6px 0;
}
table.webinar tr.odd {
	background: #F6F6F6;
}
table.webinar tr.head{
	border-bottom: 1px solid #013C41;
	text-align: center;
	padding: 0;
}
table.webinar td.date{
	width: 80px;
	text-align: right;
}
table.webinar td.title{
	padding: 6px 20px;
	width: 320px;
}
table.webinar td.name{
	width: 110px;
}

/*****************************
     Community News Archive Table
*****************************/
table.communitynews{
	font-size: 85%;
	width: 100%;
	border-collapse: collapse;
}
table.communitynews td {
	padding: 5px 0;
}
table.communitynews tr.odd {
	background: #F6F6F6;
}
table.communitynews tr.head{
	border-bottom: 1px solid #013C41;
	text-align: center;
	padding: 0;
}
table.communitynews td.date{
	width: 80px;
	text-align: right;
}
table.communitynews td.title{
	font-size: 125%;
	padding: 5px 20px;
	width: 420px;
}

dd.itemdescription: {margin:0;}


/** Contact Form **/
.contact input {
	margin-bottom:10px;
	display:block;
}

/** Archive Buttons **/

.btn { display: block; position: relative; background: #aaa; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
#bscbtn { display: block; float: right; top: 5px;}

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #F6F6F6; }
.btn:hover { background-color: #013C41; }
.btn:active { background-color: #013C41; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #ABD7D7; }
* html .btn.blue { border-color: #F6F6F6; }
* html .btn:hover { border-color: #013C41; }

form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}


/*********************************************************CINDY*********************************/
.c_cindy label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:130%;
}

.c_cindy input {
	display:block;
	margin-bottom:10px;
	color:#000;
}

.c_cindy textarea {
	margin-bottom:10px;
}

p.cindy_small_text {
	margin-top:5px;
	font-size:11px;
	line-height:14px;
}
#onepointfive, #two.border, #threepointfive {margin-top:10px; padding:10px; border:1px solid #000; position:relative;}
#threepointfive a, #threepointfive a:visited {color:#fff; padding:10px; background:#7B7059; display:block; width:83px;}
#threepointfive a:hover {color:#fff !important; background:#013c41;}
.error {margin-top:10px;}
.cindySteps {position:absolute; top:0; right:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:42px; color:#013c41; line-height:45px;}
#two .cindySteps {display:none;}
#two.border .cindySteps {display:block;}

/**** Accordian (FAQ) ****/
#accordion h4 {color:#4b8d8d; margin-top:15px; cursor:pointer; padding-left:15px; background:url("/images/icon-arrow-right.png") no-repeat scroll 0px 6px transparent;}
#middle #accordion h4.selected {background:url("/images/icon-arrow-down.png") no-repeat scroll 0px 7px transparent;}

.indent {
	padding-left: 30px;
}

