/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: .9em;
    line-height: 1.5;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	background:#ffffff;
}

body {
	font-family: "proxima-nova",sans-serif;
	font-weight:300;
	background:#fbfbfb;
	color:#52595b;
	min-width: 960px;
	
}
 


.inner {width:890px;  margin:0 auto; 
position:relative;}


.right {float:right}


/*==============TYPOGRAPHY==================*/
/*typekit setting
light = 300
regular = 400
semibold = 600
bold = 800
*/


h1{color:#ee5d43; margin:0; font-family: "proxima-nova",sans-serif; font-weight:600; font-size:18px}
h2{ color:#282f31; margin:0; font-family: "proxima-nova",sans-serif; font-size:16px; font-weight:600; }
h3{font-family: "proxima-nova",sans-serif;}
h4{}
h5{}
h6{}

p{}

.boxed{
padding: 10px 35px;
color: #ffffff;
background: #282f31;
margin: 0;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-btopright: 5px;
-moz-border-radius-topleft: 5px;
border-bottom-top-radius: 5px;
border-bottom-top-radius: 5px;

}

/*links*/
a:link {color:#52595b; text-decoration:underline}      /* unvisited link */
a:visited {color:#282f31;}  /* visited link */
a:hover {text-decoration:none}  /* mouse over link */
a:active {color:#282f31;}  /* selected link */

/*lists*/
.content ul, .content ol {

padding:0;	
}

.content ol {
	padding:0 20px;
	
}

.content ul li {
margin: 5px 0;
padding-left: 15px;
list-style:none;
background-image: url("img/icon-sprite.png");
background-repeat: no-repeat;
background-position: -10px -365px	
}


.smallTxt {
	font-size:10px;	
}

.error {
	color:#ff0000;
}
.success {
	color:#00Cc00	
}
/*buttons*/
.btn, button {
	padding:9px 15px; 
	background:#282f31;
	line-height: 1.2;
	font-family: "proxima-nova",sans-serif; 
	font-weight:600; font-size:14px;

	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    1px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow:         1px 1px 2px rgba(0, 0, 0, 0.5);
	display:inline-block;
	}

.lt-ie8 .btn{font-weight: 400}
.btn.important , button.important {
	background:#ee5d43;
}

.btn.secondary, button.secondary{
	background:#4cc1dd; 
}

/*btn overrides*/
#landingTpl .feature .btn {
	background:#ee5d43;
}


#landingTpl aside .feature .btn {
	background:#282f31;
}
#homeTpl article.feature.red_bg .btn, #landingTpl article.feature.red_bg .btn{
	background:#282f31;
}


a.btn:link, a.btn:visited, a.btn:hover, a.btn:active, .btn a:link, .btn a:visited {color:#ffffff; text-decoration:none} 

/*btn icons*/
.btn.member {
	background-image:url(img/icons/member_icon.svg);
	background-position:10px 9px;
	background-repeat:no-repeat;
	padding-left:30px;
	
}

.no-svg .btn.member {
background-image:url(img/icons/member_icon.png);
}

/*==========SOCIAL==========*/
#social {width:960px; margin:30px auto 30px auto}
#social .btn {
		margin-right:20px;
}
.twitter, .facebook{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-right:20px;
	
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    1px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow:         1px 1px 2px rgba(0, 0, 0, 0.5);
}
#social span{line-height:35px}

/*=========WIDGETS========*/
.widget {
	padding:35px;
	background:#f8f8f8;
	border:1px solid #dedfe0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.widget>:first-child {
	margin-top:0; 
}
.widget>:last-child, .widget .last {
	margin-bottom:0;
}

.widget h1{font-weight: 400}
/*=============TABLES===================*/
#content table {
	width:100%;
	clear:both;
	margin:10px 0;
	}
#content td, div:not(#home) th {
	padding:5px;
}
#content table th {
	font-weight:bold; 
	background:#282f31;
	color: #ffffff
	}
	
#content table tbody tr:nth-child(odd)
{
background:#dedfe0;
}

#content table tr td:first-child {
	min-width: 90px;
	text-align: center;
}

#content table.collapsed td, #content table.collapsed td:first-child{
	padding: 2px;
	text-align: left;
}

#content table.collapsed tbody tr:nth-child(odd)
{

background:transparent;
}

/*CUSTOM COLOUR TABLES*/

#content table.u-custom-table td {
	padding:10px;
	border:1px solid #282f31;
}
#content table.u-custom-table td p {
	margin: 0;
}
#content table.u-custom-table td:first-child {
	text-align: left;
	
}

/*orange/red*/
#content table.u-orange-table td:first-child {
	background: #ee5d43;
	color: #ffffff;
}
.u-orange-row {
	background: #ee5d43 !important;
	color:#ffffff !important;
	color: #ffffff;
}
.u-orange-cell {
	background: #ee5d43 !important;
	color:#ffffff !important;
	color: #ffffff;
}

/*blue*/
#content table.u-blue-table td:first-child {
	background: #00a7cf;
	color: #ffffff;
}
.u-blue-row {
	background: #00a7cf !important;
	color:#ffffff !important;
	color: #ffffff;
}
.u-blue-cell {
	background: #00a7cf !important;
	color:#ffffff !important;
	color: #ffffff;
}

/*black*/

.u-black-cell {
	background: #282f31 !important;
	color:#ffffff !important;
	color: #ffffff;
}

.u-black-cell-text {
	color: #282f31 !important;
	
}

/*=============JQUERY FULL CALENDAR===================*/


/*=============qTip===================*/

.qtip-immfa {
           font-size:13px;
       }
/*==============HEADER==================*/
header[role=banner] {
	background:#00a7cf;
	padding:0;
	min-width:960px;
	border-bottom:60px solid #f8f8f8;
	position: relative;
	z-index: 10;
}

header[role=banner] .inner {
	padding:30px 35px;
	height:40px;
	}
#accessibility {
	position:absolute;
	top:-100px;	
}

header[role=banner] .btn {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
/*==========SECTIONS===========*/
/*intro*/
#homeTpl #intro {position:relative;
	 border:1px solid #dedfe0; background:#f8f8f8;
}
#landingTpl #intro {
	background:none; border:none;
	padding:45px 270px 0px 30px;
}

#landingTpl #intro h1, #landingTpl #intro h2{
	color:#ee5d43;
}
#homeTpl #intro p {
	margin: 0;
float: left;
width: 614px;
padding: 25px 0 25px 25px;
}
#homeTpl #intro div {
	float: right;
width: 318px;
text-align: center;
padding-top: 25px;
}
/*content*/
#content {
		width:auto; margin:0 auto;
	border-top:1px solid #dedfe0;
	min-width: 960px;
	min-height: 500px
	
}
#homeTpl #content, #landingTpl #content {

	background:#fbfbfb;
	border-top:none;
	/*border-bottom:1px solid #dedfe0; hidden for the moment until newsletter widget is in place*/
}
#landingTpl #content {border-bottom:none;}
#content .inner {
	width:960px;
}

div#main {margin-top:40px;}
#homeTpl div#main, #landingTpl div#main {margin-top:30px; width:660px; float:left;}
#landingTpl div#main.columns_3, #homeTpl div#main.columns_3{width:100%;}

div#main.narrow {float:left; width:605px; margin-left:40px}

#content header, .content_section {
	font-size:16px;
}
#content header {
	border-bottom:1px solid #dedfe0;
	padding-bottom:20px;
	margin-bottom:35px;
}
#archiveTpl #content header {
	margin-bottom: 25px
}

#content header ul li{background-position:-10px -364px}

#archive-spinner {
	width: 60px;
height: 60px;
margin: 150px 262.5px;
background: #282f31;
padding: 8px;
border-radius: 5px;
}

.content_section {
	display: inline-block;
width:100%;
}

.content_section p:first-child {
	margin-top: 0;
}

.callout + p {
	margin-top: 0;
}

/*hompage widgets*/
div#content article.feature {
	position: relative;
	width:228px;
	padding:35px;
	height:365px;
	background:#f8f8f8;
	border:1px solid #dedfe0;
	float:left;
	margin:0 29px 30px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div#content article.feature.blue_bg {
	background:#00a7cf;
	color:#ffffff;
}
div#content article.feature.red_bg {
	background:#ee5d43;
	color:#ffffff;
}

div#content .columns_3  article.feature:nth-of-type(3n+3) {
 margin-right:0;
}
/*landingpage widget with left nav*/
#landingTpl.leftNav div#content article.feature {
	margin:0 0 30px 29px;
}

div#content  article.feature.small {
 height: 19em
}


div#main article:first-child{}
div#main article.last {
	
}
div#content aside article.feature {
	min-height:107px;
	margin-bottom:30px;
}

div#content article.feature h1{
	color:#282f31;
	border-bottom:1px solid #dedfe0;
	padding-bottom:15px;
	line-height: 1;
}
div#content article.feature.red_bg h1, div#content article.feature.blue_bg h1 {
	color:#ffffff;
}
div#content article.feature .btn{
	position: absolute; 
	bottom: 35px; 
	left: 35px; 
	max-width: 198px}

/*aside*/
#content aside, #content #leftCol {
	width:300px; 
	float:left; 
	margin-top:30px; 
}
#contentTpl #content aside, #archiveTpl #content aside, #contentTpl #content #leftCol, #archiveTpl #content #leftCol {margin-top:40px; font-size:14px;}

aside article.widget.intro {padding:0; 
	border:none;
}
.widget.intro h1, #leftCol h1{
	padding:10px 33px;
	color:#ffffff;
	font-size:16px;
	background:#282f31;	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-btopright: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-top-radius: 5px;
	border-bottom-top-radius: 5px;
}

#leftCol h1 a, #leftCol h1 a:link, #leftCol h1 a:visited, #leftCol h1 a:visited {color: #ffffff; text-decoration: none}
#leftCol h1 a:hover {text-decoration: underline;}

.widget.intro p{
	padding:25px 35px;
	margin:0;
	border-right:1px solid #dedfe0;
	border-left:1px solid #dedfe0;
}
.widget.intro p + p {
	padding-top: 0;
}
.widget.intro p:last-child {
	border-bottom: 1px solid #dedfe0;
}

/*board memebers*/
.boardrow {margin-bottom: 35px; float: left;}
.boardrow article {width:170px; margin-right: 35px; font-weight: 300; float: left; }
.boardrow article.last {margin-right: 0}
.boardrow article img {border:3px solid #dedfe0;}
.boardrow article h1{border-bottom:1px solid #dedfe0; font-size: 14px; font-weight: 400; color: #52595b; padding:8px 0;}
.boardrow article h2 {font-size: 14px; font-weight: 300; margin-top: 8px}
.boardrow article h2 strong{font-weight: 400}
.boardrow article p{color: #a9acac; margin-top: 8px}

/*logo*/
#site-logo {float:left;}


/*nav*/
header[role=banner] nav {
	position: relative;
	display:inline-block;
	height:60px;
	margin-top:30px;
	margin-left:-17px;
	z-index: 100;
	width: 100%;
}

.is_member header[role=banner] nav{
	margin-top:24px;
}
ul#mainNav{	
	margin:0;
	padding:0;
}
 
ul#mainNav li {
	float:left;
	position:relative;
	line-height:60px;
	padding:0 11px; 
	white-space: nowrap;
	font-size:13.5px;
	}


@media only screen and (max-width: 600px) {
    ul#mainNav li {
    	font-size:13.4px;
    }
}


.is_member ul#mainNav > li:nth-last-child(-n+4) a{
	color:#ee5d43;
}


/*fix issue where some instances of ie7 the nav is wrapping over 2 lines*/
.lt-ie8 ul#mainNav li {
	font-size: 13px;
	padding: 0 15px;
}	

ul#mainNav li.active {
		color:#00a7cf;
	}
ul#mainNav li.last {
	margin-right:0;
}
ul#mainNav li:hover {
	background:#282f31;
}	
ul#mainNav li a {
	text-transform:uppercase;
	position: relative;
bottom: -1px;
	
}
	
nav li a:link, nav li a:visited {color:#58585A; text-decoration:none; display: block;}
nav li a:hover, nav li:hover a {color:#ffffff}
nav li.active a {
	font-weight:400;
	color:#01A6CF;
	
}
nav li.active:hover a{color:#ffffff}
/*additional styles so style degrades nicely if typekit doesn't load*/
.wf-inactive ul#mainNav li  {

}

/*dropdown*/
ul#mainNav ul {
	height:auto;
		width:auto;
		min-width:184px;
		background:#282f31;
		list-style:none;
		position:absolute;
		display:none;
		z-index:100;
		left:-9999px;
		padding:17px 0;
}

ul#mainNav ul li {
	font-size:14px;
	float:none;
	clear:both;
	line-height:1.5;
	padding:0px 17px;
	overflow:visible;
	width:190px;	
	white-space:normal;
}
ul#mainNav ul li a {border-bottom: 1px solid #373e40; width: 100%; display: block; padding: 5px 0}
ul#mainNav ul li.last a {border-bottom: none}
ul#mainNav ul li a:link, ul#mainNav ul li a:visited{
	color:#ffffff;

	text-transform: none;
	
}

ul#mainNav li:hover {
	cursor:pointer;
	background:#282f31;
}
ul#mainNav li:hover ul {
	display:block;
	left:0;
	margin:0;
}
ul#mainNav ul li:hover {
background:#ee5d43;
}

/*subnav*/
aside nav {margin-bottom:40px}

aside nav h2{padding:10px 35px; background:#ee5d43; color:#ffffff; margin:0; font-size:14px; font-weight:600}
aside nav ul {
	margin:0;
	padding:0;
}

#content aside nav ul li {
	padding:11px 35px;
		background:#f8f8f8;

	font-size:14px;
	border:1px solid #dedfe0;
	border-top:none;
}
#content aside nav ul li.first{
	border:1px solid #dedfe0;
}

#content aside nav ul li.active  {
	border:none;
	background:#ee5d43; }
#content aside nav ul li.active a:link, #content aside nav ul li.active a:visited {
			color:#ffffff; 
			font-weight:400
		}
#content aside nav ul li:hover a {
					color:#ee5d43}	
					
					
#content aside nav ul li.last{	
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

/*tabs*/
nav.tabs{width: 100%; font-size: 16px}
nav.tabs ul{ margin: 0; padding: 0;}
nav.tabs li {float: left; margin: 0 10px 0 0; }
nav.tabs ul li{
	color: #ffffff;
	background: #bec1c2;
	border: #efeff0;
	padding: 10px 33px;
-webkit-border-top-right-radius: 3px;
	-webkit-top-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

}

nav.tabs ul li a{color: #ffffff}
nav.tabs ul li.active {background: #282f31}

nav.tabs .tab-total {font-size: .6em; font-weight: 200; padding: 3px}

.tab-total:before {
   content: "(";
}
.tab-total:after {
   content: ")";
}

/*members nav*/
#memberNav {float: right; position: relative; z-index: 102; margin-bottom: 0;}
#memberNav.active {
	z-index: 102;
}
#memberNav li {float: left; color: #ffffff; list-style: none; margin: 0 15px; position: relative;}
#memberNav li a{color: #ffffff; text-decoration: none; background: none; }
.signOut {background: url(img/icons/member_icon.png) no-repeat 0 3px; padding-left: 20px}
.settings {background: url(img/icons/settings_icon.png) no-repeat 0 4px; padding-left: 20px}
.home {background: url(img/icons/home_icon.png) no-repeat 0 2px; padding-left: 20px}
/*members drop down*/

#memberNav li ul{
	    position: absolute;
    left: 0;
    padding: 0;
    width: 150px;
    background: white;
    padding:10px 0;

    -webkit-box-shadow: -1px 3px 18px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 3px 18px -1px rgba(0,0,0,0.75);
box-shadow: -1px 3px 18px -1px rgba(0,0,0,0.75);
margin-top:18px;
opacity: 0;
height: 0;
display: none;

}

#memberNav > li:first-child {
	padding-bottom: 18px
}
#memberNav li:hover ul{
	opacity: 1;
	height: auto;
	display: block;
	}
#memberNav li  li a{
	color: #525945
}


/*uts */

.arrow_box {
	position: relative;
	background: #ffffff;
}
.arrow_box:after {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
/*===========CALLOUTS=========*/
.callout {
	color:#f8f8f8;
	width: 215px;
	margin: 0 ;
	padding: 35px;
	float: right;
	background: #282f31;
	margin:0 0 1.6em 1.6em;
	clear: right;
}
.callout.alt {
	background:#f4fafc;
	color:#52595b;
}
.callout>:first-child{
	margin-top:0;
}
.callout>:last-child{
	margin-bottom:0;
}
.callout.chart {
	position: relative;
	padding: 0;
	width: 283px; height: 283px;
	border: 1px solid #dedfe0
}
.callout.chart span, .callout.lrg_img span {
	width: 35px; height: 35px;
	border: 1px solid #dedfe0;
	position: absolute; top: -1px; right: -1px;
	background: url(img/icons/magnify-icon.png) #282f31;
	-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}

.callout.lrg_img span {
border:none;
top:0;
right:0;
	}

.callout.lrg_img {
	position: relative;
	padding:5px;
	width: 100%;
	box-sizing: border-box;;
}
.callout.lrg_img img {
	max-width: 100%;
}
.callout.file, .callout.int_link {
	min-height: 50px;
	display: table;
	width:285px;
	/*background: #a8bb60;*/
	background:#00a7cf;
	color: #ffffff;
	padding: 0px;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-transform: uppercase;
font-weight: 400;
text-decoration: none;
position: relative;
margin-bottom: .5em;
font-size:15px;
}
.callout.file.filealt{background: #00a7cf}

.callout.bg_red {
	background-color:#ee5d43 !important;
}
.callout.bg_lblue {
	background-color:#4cc1dd !important;
}
.callout.file span, .callout.int_link span{display: table-cell; vertical-align: middle; padding: 5px 10px}
.callout.file span.fileicon, .callout.int_link span.fileicon  {
	
	background: #282f31;
	width: 30px;
	padding: 0 10px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

	}
/*improve look for ie7*/
.lt-ie8 .callout.file span {
	float: left;
	width: 145px
}
.lt-ie8 .callout.file span.fileicon {
	float: right;
	width: 43px
}
.callout.extract {
	text-decoration: none;
	padding: 0;
	/*border: 35px solid #00a7cf;*/
	border: 18px solid #00a7cf;
	float: right;
color: #ffffff;
font-weight: 400;
background: url(img/icons/data_icon.png) no-repeat right bottom #00a7cf;
 transition: opacity .3s;
}
.callout.attachment {
	background: url(img/icons/paperclip_icon.svg) no-repeat right bottom #00a7cf;
	border-color: #00a7cf;
	text-transform: uppercase;
	background-size:30px;

}
.callout.extract span {
	text-decoration: none; 
	font-size: 14px; 
	color: #282f31; 
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
	min-height: 30px;
    display: flex;
    align-items: center;
   

}

.callout.extract:hover {
	opacity: .5;
}

/*==========SLIDESHOW==========*/
#heroBanner {
	max-width:1280px; height:340px;
	margin:0 auto 35px auto;
	background:#000;	
	position:relative;
	min-width:960px;

}
#heroBanner.auto {
	height: auto;
}
#landingTpl #heroBanner {margin-bottom:0}
#heroBanner .inner {
	width:960px; padding:0;
}
#heroBanner .pane img{
	/*position:relative; left:-160px;*/
	opacity:.6;
	position:relative; left:-160px;
	z-index:2;
}


#heroBanner .paneltxt{
    position: absolute;
    color: #ffffff;
    background-color: rgba(238, 93, 67, .9);
    padding:20px 30px;
    top: 25px;
    left:0;
    width: 660px;
	z-index:3;
	font-weight: 400;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.paneltxt p {
	margin:0;
}
#heroBanner .paneltxt p a {
	color:#ffffff;
	text-decoration: underline;
}
#heroBanner .paneltxt h2 a{
	color: #ffffff;
	text-decoration: none;
	}
/*fix older browser that can't handle rgba*/
.no-rgba #heroBanner .paneltxt{     background-color: rgb(255, 255, 255);

}  

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

	#heroBanner .pane img{
		max-width: 100%;
		left: 0;
	}

}

#heroBanner .paneltxt h1, #heroBanner .paneltxt h2 {
	color:#ffffff;
	margin-bottom:5px;
	font-size:18px;
}



#heroBanner #tabs {
	position:absolute; bottom:-35px;
	width:960px;
	z-index:4;
}

#heroBanner #tabs div{
	display:inline-block;
	width:250px; height:70px;
	padding:35px;
	background:#00a7cf;
	position:relative; bottom:0px;
	vertical-align: bottom;
	color:#ffffff;
	font-weight: 300
	/*
	-webkit-transition: height .5s;
	-moz-transition: height .5s;
	-o-transition: height .5s;
	-ms-transition: height .5s;
	transition: height .5s;
	*/
	/*margin-right:-4px;*/
	

	
}
.lt-ie8 #heroBanner #tabs div{
	display:inline; zoom:1; 
}
#heroBanner #tabs div.first{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
#heroBanner #tabs div.last{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

#heroBanner #tabs div.alt {
background: #33b8d8;

}
#heroBanner #tabs div h3 {
	margin:0; 
	font-weight: 400; text-transform: uppercase;
	line-height: 1;
}
#heroBanner #tabs div .btn {display:none; position: absolute; bottom: 35px}

#heroBanner #tabs div.active{
	background:#282f31;
	height:140px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#heroBanner #tabs div.active .btn {display: block;}
#heroBanner #tabs div:hover {
  background: #66cae2;
	cursor:pointer;
}
#heroBanner #tabs div.active:hover {
  background:#282f31;
}
#heroBanner #tabs div.active h3 {
	padding-bottom:15px; 
	 border-bottom:1px solid #373e40 ; 
}
#bannerWrapper {
	width:100%;
	max-width:1280px;
	overflow:hidden;
	height:375px; 
} 
/*=========PUBLICATIONS==========*/
article.publication {border-bottom: 1px solid #dedfe0;
padding: 35px 110px 35px 0;
background: url(img/icons/download-icon.png) no-repeat 550px 50%;
}

article.publication.first{
	padding-top:0;
}


/*===========IMMFA MEMBERS*/
.members #main article {border-bottom: 1px solid #dedfe0; 
	margin-bottom: 35px; 
	padding-bottom: 23px;
	position: relative;
	min-height: 154px;

}
.members #main article.last {border-bottom: none;

}
.members #main article h1{color: #58585A; font-size: 14px
}
.members #main article h1, .members article p{max-width: 380px}
.members #main article img {
	max-width:200px; 
	max-height: 110px; }

.members #main article div {
	width:200px; 
	height: 110px;	
	position: absolute; 
	top:0px; 
	right:0px; 
	border: 3px solid #dedfe0; 
	padding: 5px; 
	background: #ffffff;
	line-height: 110px; 
	text-align: center;
}

/*===========ARCHIVE===========*/
.articleListWrapper {background: #fbfbfb; border-bottom: none;}
.articleListWrapper p{padding: 33px; border:  1px solid #dedfe0; margin: 0}
.articleListWrapper article p{padding: 0; margin: 0; border: 0 }
.articleListWrapper article h1 {font-size:14px; margin-bottom: 10px; }
.articleListWrapper article h1 a {color:#ee5d43; text-decoration: none}
/*.articleListWrapper article h1 {font-size:14px; margin-bottom: 10px}*/

.articleListWrapper article {padding:17px 33px;  border:  1px solid #dedfe0; border-top: none; cursor: pointer;}
.articleListWrapper article:hover{background: #fcf0ef}
.articleListWrapper .utsTop {padding:10px  35px; border: 1px solid #dedfe0; border-top: none;}

.viewingContainer {float: left}
/*sort*/
.sort {float: right;}

.sort .order {
	height: 11px; width: 10px;
	background: url(img/icons/icon_orderby.png) no-repeat;
	text-indent: -99999px;
	display: inline-block;

}

.lt-ie8 .sort .order{
	position: relative; top: -5px;
}
.sort .order.desc {
    background-position: 0 -11px;
	}
.sort .order.asc {
    background-position: 0 0;
	}

/*archive details & buttons*/
#archiveTpl article .details {margin-bottom: 15px}
#archiveTpl article .btn{
	cursor: default;
	font-weight: 300;
	font-size: 12px;
	text-transform: uppercase;

	color: #ffffff;
	padding: 5px 10px 4px 10px; margin-right: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #dedfe0;

	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}

#archiveTpl article .btn.category {
	background: #f1f2f2;
	color: #58585A;
}
#archiveTpl article .btn.important {
	background: #a8bb60;
}

#archiveTpl article .publishedDate {
	float: right;
	line-height: 25px;
}

#archiveTpl article .publishedDate strong{
	font-weight: 600
}

article#full + .btn.important {margin-left:33px;}

/*pagination*/
.utsBtm {padding: 10px 35px}
.utsBar form {float: left}

.pagination {float: right;}
.pagination a {
	float: left; 
	text-decoration: none; line-height: 24px; }
.pagination a.prev {
	margin-right:10px;
}
.pagination a.next {
	margin-left:10px;
}
.pagination ul {float: left; padding: 0; margin: 0}
.pagination ul li {
	text-align: center;
	
	float: left; 
	list-style: none; 
	background:none; 
	margin: 0 10px 0 0; padding:0; 
	width: 24px; height: 24px;
	}
.pagination ul li a{
border: 1px solid #dedfe0; 
width: 24px; height: 24px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	float: none;
	text-align: center;
display: inline-block;
}

.pagination ul li.active a{background: #dedfe0}




/*for archive form filters see FORM section*/


/*full artcile page*/
#docHeader {
	width: 100%;
	float: left;
	color:#ffffff;
	font-size:16px;
	background:#282f31;	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-btopright: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-top-radius: 5px;
	border-bottom-top-radius: 5px;
}
#docHeader span{padding:10px 33px;float: left; font-weight: 600; max-width: 320px}

#docHeader  a{
	float: right;
color: #ffffff;
background: #ee5d43;
/*position: absolute;
font-size: 14px;
right: 0;
top:0;*/
padding:11px 33px;
height: 22px;
text-decoration: none;
border-left: 3px solid #989da0;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-bottom-top-radius: 5px;
}

article#full {
	clear: both;
	padding: 11px 33px;
	border: 1px solid #dedfe0;
	margin-bottom: 30px;
	min-height: 350px

}

article#full header + p {
	margin-top: 0;
}

article#full .permGroup {
	font-weight: 600
}

article#full h1 {color:#52595b}

article#full .details + h1{
	padding-bottom: 20px;
	margin-bottom: 20px;

	border-bottom: 1px solid #dedfe0;


}
/*===========FORM===========*/

label, input {
float:left;	
}
#content form#forgotForm label, #content form#forgotForm input {float: none}
#content form#forgotForm input {margin-left: 15px}
.row {
	clear:both;
	margin:10px 0;
	float:left;
	width:100%;
}


label {
	width:250px;
	font-weight:bold;
}
label span.note {font-size: .9em; font-weight: normal;}
input, textarea {
	width:200px; color: rgb(82, 89, 91);
	border:1px solid #dedfe0;
	font-size: 1em;
	background: #f8f8f8;
}

textarea {width: 203px}
:-moz-placeholder {
    color: #8b9193;
    font-size: .8em
}
::-webkit-input-placeholder {
    color: #8b9193; font-size: .8em
}

input::-webkit-autofill {
    color: rgb(82, 89, 91) !important;
}
button {
	color:#ffffff;
	border: none;
	margin-right: 35px;
	
}
button.member.btn {background-position: 10px 10px}

span.error {
font-size:10px;	
}

#content form ul, #content form ul li {margin: 20px 0; padding: 0;}
#content form ul li {float:left; background: none}
#content form#forgotForm ul li {float: none; display: block ; clear: both; }




/*login*/
.login {
background:#f8f8f8;
background: #f8f8f8;
border: 1px solid #dedfe0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
padding: 20px 35px;
}

.login input {width:200px; margin-right:35px; line-height: 15px; padding: 5px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
#loginForm label {
	float: none; width: auto;
	display: block;
}


form a:link {color:#ee5d43;}



/*archive filters*/
.filterSection {
	padding: 25px 35px;
	border: 1px solid #dedfe0;
	background: #f8f8f8;
	margin-bottom: 25px
}


#content .filterSection ul {
	margin-top: 0;
	display: inline-block;
}

#content form#archiveFilter ul li {
	position: relative;
	margin: 0 0 10px 0; 
	padding: 0; 
	background: none; 
	list-style: none; 
	float: none;
	display: flex;
}


/*#content form#archiveFilter ul li:nth-last-child(-n+4) {
    color:#ee5d43;
}*/
#content form#archiveFilter ul li.last {
	border-top: 1px solid #dedfe0; 
	width: 100%;
margin-top: 20px; padding-top: 20px;}

#archiveFilter legend {
	font-weight: 600; 
	margin-bottom: 20px; 
	font-size: 16px;
	float: left;
	margin-right: 10px;
}

#archiveFilter legend a.clearCheck:link {
	font-size: .7em;
	font-weight: 300;
	text-decoration: none;
	margin-left: 15px;
	color: #52595b
}

#archiveFilter input, #archiveFilter label{float: none; font-weight: normal; width: auto; }
#archiveFilter input{position: absolute; top:3px; left:0;}
#archiveFilter label {padding-left: 30px}

#clear-filters {font-size: .7em; font-weight: 300; float: right;
margin-top: 5px;}


/*icheck styles*/
.icheckbox_minimal {position: absolute;}
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
    display: block;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(img/icons/check-radio-icon.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: 0 0;
}
    .icheckbox_minimal.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal {
    background-position: -100px 0;
}
    .iradio_minimal.hover {
        background-position: -120px 0;
    }
    .iradio_minimal.checked {
        background-position: -140px 0;
    }
    .iradio_minimal.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal.checked.disabled {
        background-position: -180px 0;
    }

/*drop downlist*/
.customSelect { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
border: 1px solid #eceded;
padding: 0 16px 0 8px;
background: url(img/icons/select-dropdown.png) no-repeat right #ffffff;
}

.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.customSelectInner {
/* You can style the inner box too */
}

/*ACCORDION AND FAQs*/

.o-accordion__heading {
	padding: .5em;
	background-color: #00A7CE;
	color:#ffffff;
	position: relative;
	cursor: pointer;
}

.o-accordion__heading:after, .o-faqs__heading:after {
	content: '+';
	position: absolute;
	right:.5em;
}

.o-accordion__item--active .o-accordion__heading:after, .o-faqs__item--active .o-faqs__heading:after{
	content: '-';
}
.o-accordion__content {
	display: none;
}
.o-accordion__item--active .o-accordion__content {
	display: block;
}



.o-faqs__heading {
	background-color:#282f31;
	padding: .5em;
	color:#ffffff;
	position: relative;
	cursor: pointer;
}
.o-faqs__item .o-faqs__content{
	display:none;
}
.o-faqs__item--active .o-faqs__content{
	display: block;
}

/*=========FOOTER==========*/
footer {
	background: #394042;
	min-width:960px;
	margin-top:35px;
	color:#dedfe0;
	font-size:13px;
	font-family: "proxima-nova",sans-serif; font-weight:300; 
}
footer .address {
	position:relative;

}

footer .linkedIn {
	position: absolute;
	top: 0;
	right: 0;
}
footer nav {width:100%; min-height:40px; margin:5px 0 30px 0; padding-bottom:35px; border-bottom:1px solid #282f31}
footer ul {margin:0; padding:0 }
footer nav li {
	float:left; 
	width:160px; 
	font-size:16px; 
}
footer nav li a{padding:0 3px 25px 3px; border-bottom: 1px solid #282f31;}

footer nav ul ul {margin:0px 0 8px 0; padding:25px 0 8px 0; float: left; }
footer nav ul ul li {padding:3px 0}
footer nav ul ul li a{ font-weight:300; font-size:13px; padding:0 3px; border: none}
footer a.site-logo{ float:left; margin-right:10px;margin-top:10px;min-height: 150px;}

footer li a {font-weight: 600}
footer li.first ul a{font-weight: 300}
footer .inner {
width:960px;
padding:35px 0;

}
footer .inner p{margin:0; line-height:1.4}

footer #footer-btm {
	background:#282f31;
}
footer #footer-btm div{
color:#dedfe0;
width:960px;
margin:0 auto;
line-height:40px;	
}

footer #footer-btm div a{float:left}
footer .copyright {font-weight:600; }

footer a {display: block;}
footer a:link, footer nav a:link, footer a:visited, footer nav a:visited, footer nav a:hover, footer nav a:active {color: #a9acac;} 

footer nav a:hover {
	text-decoration:underline;
}

footer #footer-btm ul li{
	padding-right:8px;
	float:left; list-style:none;
}
footer #footer-btm ul li a:link {text-decoration:none}
footer #footer-btm ul li a:hover {text-decoration:underline}
/*==========COOKIES==========*/
#cookiesWrapper {
	background: #282f31;
	font-family:Arial, Helvetica, sans-serif;
	min-width: 960px
	
}
#cookies {
	width: 960px;
margin: 0 auto;

}
#cookiesWrapper h2{
		
}

#cookiesWrapper p{
	margin: 0; padding: 0;
	font-size: 12px;
	color: #dedfe0;
	line-height: 40px
		
}

#cookiesWrapper a:link, #cookiesWrapper a:active, #cookiesWrapper a:hover, #cookiesWrapper a:visited {color: #dedfe0; }
#cookiesWrapper a.btn{float: right;
padding: 5px 15px;
margin-top: 5px;}
/* ==========================================================================
   plugin styles 
   ========================================================================== */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}






/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    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;
    }
}