/*******************************
********************************
Site design & code by:
Jell Creative (jellcreative.com)
********************************
********************************/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com
*/

/*** FONTS.COM ***/
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=6cc3b35f-9927-46ac-ba43-cf8bdf7b7e6c&fontids=1489544,5658389,5658396,5663704,5663709,5663732,5663739");
@font-face{
    font-family:"Helvetica LT W01 Ult Comp";
    src:url("fonts/1489544/18bfa02e-fa40-421f-bdf5-ac405949e426.woff2") format("woff2"),url("fonts/1489544/cb05eea2-2432-4559-9eb4-83addd62b9e0.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W01 57 Cn Obl";
    src:url("fonts/5658389/beb7414f-03aa-4816-949c-f8ab046b97db.woff2") format("woff2"),url("fonts/5658389/1e609e88-547e-410a-b2cd-cf2e80686777.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W01 67MdCnObl";
    src:url("fonts/5658396/aa748838-a105-42c3-9aa4-c33f2a47d6f2.woff2") format("woff2"),url("fonts/5658396/2916750b-15ca-4c6b-82a0-7127abf72179.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W05_47 Lt Cn";
    src:url("fonts/5663704/083e1179-98b4-4cbd-a13a-50a7c78d6fea.woff2") format("woff2"),url("fonts/5663704/239170e6-7f0d-4c35-97d4-490b362e4ef7.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W05_47LtCnOb";
    src:url("fonts/5663709/4e0d849a-b425-400e-a40c-789c4a37aac0.woff2") format("woff2"),url("fonts/5663709/71ce5b5d-325e-417b-843b-e8f6e554a182.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W05_57 Cond";
    src:url("fonts/5663732/9516ef74-4fe9-45fe-a09f-493cb9518f71.woff2") format("woff2"),url("fonts/5663732/5b99bc59-1b2e-446b-961e-2e1dbdfcd641.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue LT W05_67 Md Cn";
    src:url("fonts/5663739/1a559dd9-e51e-45d5-86eb-f343223bacef.woff2") format("woff2"),url("fonts/5663739/581fae27-b5f4-44ab-b5b1-92f11d4f9838.woff") format("woff");
}


/*******************************
BEGIN Font imports
*******************************/
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?xkv2zf');
    src:    url('fonts/icomoon.eot?xkv2zf#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?xkv2zf') format('truetype'),
        url('fonts/icomoon.woff?xkv2zf') format('woff'),
        url('fonts/icomoon.svg?xkv2zf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*******************************
END Font imports
*******************************/



/*******************************
BEGIN Globals
*******************************/
*{
    -moz-osx-font-smoothing: grayscale;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
display: none;
}
/*  --> Start: Globals  <--*/
body, html, p, div, h1, h2, h3, h4, h5, h6, ul, li, ol, span, textarea, form, img, a {
	padding: 0px;
	margin: 0px;
	border: 0px;
	list-style-type: none;
	text-decoration: none;
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
}
body{
	min-width: 310px;
}
h1, h2, h3, h4, h5, h6, p, strong {
	font-weight: normal;
}
a img {
	border: 0px;
}
img {
	font-size: 11px;
	color: #666;
}

body, html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	color: #333;
}
sub {
	position: relative;
	font-size: .75em;
	vertical-align: baseline;
	top: 2px;
}
sup {
	position: relative;
	vertical-align: baseline;
	top: -4px;
}
#noscript {
	background-color: #333;
	width: 100%;
	padding: 8px;
	text-align: center;
}
#noscript p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height: normal;
	margin-bottom: 0px;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
	border: solid 1px #eee;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif; /*'Helvetica Neue LT W05_47 Lt Cn',  */
	font-size: 12px;
	/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/ECF/test/css/csspie/PIE.htc);
	-moz-box-shadow: inset 2px 2px 2px #999;
	-webkit-box-shadow: inset 2px 2px 2px #999;
	box-shadow: inset 2px 2px 2px #999;
	*/
	position: relative;
	color: #999;
	outline: none;
}
textarea{
	box-sizing:border-box;
}
input:focus, textarea {
	color: #333;
}
em, em span, span em {
	font-family: 'Helvetica Neue LT W05_47LtCnOb', Arial, Helvetica, sans-serif;
	font-style: normal;
}
strong, strong span, span strong {
	font-family: 'Helvetica Neue LT W05_67 Md Cn', Arial, Helvetica, sans-serif;
}
strong em, em strong {
	font-family: 'Helvetica Neue LT W01 67MdCnObl', Arial, Helvetica, sans-serif;
}
.hidden{
	display: none;
}
/*******************************
END Globals
*******************************/








/*******************************
BEGIN Typography
*******************************/
h1, h1 a, h1 em, h1 span {
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;/*letter-spacing:1px;*/
}
#main_right h1 {
	font-size: 60px;
	line-height: 94%;
	margin-bottom: 12px;
	padding-right: 220px;
}
#main_right img{
	width: auto;
	max-width: 100%;
	height:auto;
}
#main_right table img{
	width: 100%;
}

#main_right table img.arrow {
	width: auto !important;
}
h2 {
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	line-height: 140%;
}
#main_right h2 {
	font-size: 24px;
	margin-bottom: 18px;
}

#main_right #landing_bottom h2{
	margin-bottom: 18px;
}
h3, h3 a, h3 span, h3 em {
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;
}
#main_right h3 {
	font-size: 26px;
	color: #8faa3e;
	letter-spacing: 0.5px;
}
h4 {
	font-family: 'Helvetica Neue LT W05_67 Md Cn', Arial, Helvetica, sans-serif;
	color: #8faa3e;
	font-size: 20px;
	margin-bottom:12px;
	letter-spacing:0px;
}
#main_right .ccm-core-commerce-product-list-container.informational h4{
	font-size: 16px;
	font-family: 'Helvetica Neue LT W05_47LtCnOb', Arial, Helvetica, sans-serif;
	color: #999;
}
p,li {
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 154%;
	letter-spacing: 0.5px;
}
p, ul {
	margin-bottom: 12px;
}
li {
	margin-bottom: 0px;
}
a, a span{
	font-family: "Helvetica Neue LT W05_57 Cond",Arial,Helvetica,sans-serif;
}
p a:hover,
h2 a:hover{
	border-bottom: 1px solid #8faa3e;
}
span.pipe:before{
	font-size: 22px;
	content: '|';
	font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
	position: relative;
	top: 3px;
	padding: 0px 6px;
	color: #999;
}
span.bullet:before{
	font-size: 0.8em;
	content: '•';
	font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
	position: relative;
	top: -1px;
	padding: 0px 6px;
	color: #999;
}
span.bullet_wrap{
	padding: 0px 6px;
	color: #999;
	font-size: 0.8em;
}
.mobile-only{
	display: none;
}
a.button,
a.button:visited,
input[type=submit]{
	font-size: 24px;
	background-position: 100% 50%;
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;
	background-color: #6581b8;
	padding: 5px 26px 5px 8px;
	display: inline-block;
	margin: 10px 0px;
	border: none;
	color: #fff;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	position: relative;
	letter-spacing: 0.5px;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	box-sizing: border-box;
}
.ui-dialog a.button,
.ui-dialog input[type=submit]{
	font-family: Helvetica,​Arial,​sans-serif;
}
input[type=submit]{
	padding: 5px 8px;
}

input[type=submit][disabled] {
    opacity: 0.5;
}

input[type=submit][disabled]:hover{
    background-color: #6581b8;
    cursor:default;
}

a.button:before{
	font-family: 'icomoon';
	content: "\e90b";
	position: absolute;
	right: 10px;
	top: 11px;
	font-size: 16px;
}
a.button.back{
	padding: 4px 10px 6px 26px;
	margin-top: 3px;
	width: 94%;
}
a.button.back:before{
	font-family: 'icomoon';
	content: "\e914";
	position: absolute;
	left: 9px;
	top: 10px;
	font-size: 16px;
}
a.button.noarrow,
input.button.noarrow{
	padding-right: 8px;
}
a.button.noarrow:before,
input.button.noarrow:before{
	content: none;
}
a.button:hover,
input[type=submit]:hover{
	background-color: #546d9b;
	border-bottom: 0px;
}
a.button.small{
	font-family: "Helvetica Neue LT W05_57 Cond",Arial,Helvetica,sans-serif;
    background-color: #959595;
    color: #fff;
    margin: 0px 6px 0px 0px;
    cursor: pointer;
    padding: 4px 8px 6px 8px;
    font-size: 13px;
    line-height: 1em;
    letter-spacing: 0.5px;
    width: auto;
    display: inline-block;
}
a.button.cta,
input.button.cta{
	/* CALL TO ACTION :: ORANGE */
	background-color: #f57e20;
}
a.button.cta:hover,
input.button.cta:hover{
	/* CALL TO ACTION :: ORANGE */
	background-color: #dc711d;
}
a.button.small:before{
	content: none;
}
a.button.small:hover{
	background-color: #868686;
}
p a:link,
p a:visited,
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited{
	color: #8faa3e;
}
/*******************************
END Typography
*******************************/




/*******************************
BEGIN General page body images
(styles pulled from main ECF site)
*******************************/

#main_right img.image_left,
#main_right .image_left img,
#main_right img.image_left_with_caption,
#main_right .image_left_with_caption img,
#main_right img.image_right,
#main_right .image_right img,
#main_right img.image_right_with_caption,
#main_right .image_right_with_caption img{
	display: inline;
	max-width: 220px;
	height: auto;
}
#main_right img.image_left_large,
#main_right .image_left_large img,
#main_right img.image_left_large_with_caption,
#main_right .image_left_large_with_caption img,
#main_right img.image_right_large,
#main_right .image_right_large img,
#main_right img.image_right_large_with_caption,
#main_right .image_right_large_with_caption img{
	display: inline;
	max-width: 340px;
	height: auto;
}
#main_right img.image_right,
#main_right .image_right img,
#main_right img.image_right_with_caption,
#main_right .image_right_with_caption img,
#main_right img.image_right_large,
#main_right .image_right_large img,
#main_right img.image_right_large_with_caption,
#main_right .image_right_large_with_caption img {
	float: right;
	margin: 6px 0px 10px 20px;
	clear: right;
}
#main_right img.image_left,
#main_right .image_left img,
#main_right img.image_left_with_caption,
#main_right .image_left_with_caption img,
#main_right img.image_left_large,
#main_right .image_left_large img,
#main_right img.image_left_large_with_caption,
#main_right .image_left_large_with_caption img{
	float: left;
	margin: 6px 20px 10px 0px;
	clear: left;
}
.callout_boxes img.image_left {
	margin-bottom: 5px;
}
#main_right p.caption.r_cap,
#main_right p.caption.l_cap {
	margin-bottom: 10px;
	position: relative;
	display: inline;
	width: 90%;
	font-size: 14px;
	line-height: 1.4em;

}
.r_cap {
	text-align: right;
	float: right;
}
.l_cap {
	text-align: left;
	float: left;
}
.full_width_image{


}
/*******************************
END General page body images
(styles pulled from main ECF site)
*******************************/





/*******************************
BEGIN Colors & Backgrounds
*******************************/
.tan{
	color: #f3f2e6;
}
.tan-bg{
	background-color: #f3f2e6;
}
.darktan{
	color: #908c8b;
}
.darktan-bg{
	background-color: #908c8b;
}
.green{
	color: #9eba41 ;
}
.green-bg{
	background-color: #9eba41 ;
}
.darkgreen,
p a:link,
p a:visited,
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited{
	color: #8faa3e;
}
.darkgreen-bg{
	background-color: #8faa3e;
}
.orange,
.arrow_orange a:hover h1,
.arrow_orange a:hover h2{
	color: #f57e20;
}
.orange-bg{
	background-color: #f57e20;
}
.darkorange{
	color: #934c13;
}
.darkorange-bg{
	background-color: #934c13;
}
.purple,
.arrow_purple a:hover h1,
.arrow_purple a:hover h2{
	color: #6581b8;
}
.purple-bg{
	background-color: #6581b8;
}
.darkpurple{
	color: #546d9b;
}
.darkpurple-bg{
	background-color: #546d9b;
}
.aqua,
.arrow_aqua a:hover h1,
.arrow_aqua a:hover h2{
	color: #20bec6;
}
.aqua-bg{
	background-color: #20bec6;
}
.darkaqua{
	color: #009393;
}
.darkaqua-bg{
	background-color: #009393;
}
.red,
.red a:hover h1,
.red a:hover h2{
	color: #d93b20;
}
.red-bg{
	background-color: #d93b20;
}
.darkred{
	color: #822313;
}
.darkred-bg{
	background-color: #822313;
}

/*******************************
END Colors & Backgrounds
*******************************/




/*******************************
BEGIN Header/Footer Elements
*******************************/
header, footer {
    max-width: 980px;
    width: 100%;
}
header {
    background-color: #a3c144 ;
    height: 86px;
    min-width: 100%;
    position: relative;
    z-index: 50;
}
#head_right {
    float: right;
    padding-top: 27px;
    position: relative;
}

#head_right.search_open:after{
    content: "\e90e";
    position: absolute;
    z-index: 2;
    bottom: -50px;
    color: #9eba41 ;
    font-family: icomoon;
    font-size: 30px;
    left: 0px;
}
.width_holder {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 20px;
    position: relative;
    text-align: left;
    width: 100%;
}
.width_holder.home{
	padding: 0px;
}
#logo {
    display: inline-block;
    float: left;
    margin-top: 16px;
    text-align: center;
}
#search_popdown{
	/*position: absolute;
	top: 86px;*/
	width: 100%;
	background-color: #000;
	padding: 0px;
	display: none;
}
#search_popdown.open,
#search_popdown.open_on_search_page{
	display: block; /* !important */
}
form#search_form{
	position: relative;
}
#search_popdown .inner{
	width: 100%;
    margin: 0 auto;
    max-width: 980px;
    /* max-width: 980px;*/
    box-sizing: border-box;
    padding: 30px 20px;
    position: relative;
    text-align: left;
}
#search_popdown .input_default_wrap label{
	font-size: 26px;
	left: 0;
	line-height: 26px;
	padding: 16px 14px;
	top: 4px;
}
#search_popdown .input_default_wrap{
	margin-bottom: 0px;
}
#search_popdown .inner input#search_field{
	width: 100%;
	box-shadow: none;
	border-radius: 0px;
	padding: 14px 90px 16px 14px;
	box-sizing: border-box;
	font-size: 26px;
	line-height: 26px;
	border: none;
	height: 63px; /* not ideal, but FF and Safari calculating the height of input differently...difference of 5px made the button inside the field appear too low or high */

}
#search_popdown .inner input#search_btn{
	position: absolute;
	right: 9px;
	top: 12px;
	margin: 0px;
	z-index: 0;
}
#search_popdown .inner input#search_btn.cta:hover{
	background-color: #dc711d;
	cursor: pointer;
}
#search_control{
	font-size: 34px;
	position: relative;
	left: -2px;
	top: 1.5px;
	color: #FFF;
	cursor: pointer;
}
#search_control:hover{
	color: #ecedd0;
}
footer {
	float: left;
	display: inline;
	min-width: 100%;
	clear: right;
	font-size: 12px;
	position:relative;
	background-color: #f3f2e6;
	border-bottom: solid 6px #9eba41 ;
	left: 0;
	transition: left 0.2s;
	margin-top: 30px;
}
body.home footer,
body.thoughtpiece_gallery footer{
	margin-top: 0px;
}
footer .col.left {
	float: left;
	display: inline;
	width: 65%;
}
footer .col.right {
	float: right;
}
footer p {
	margin-bottom: 0px;
	margin-top: 2px;
	font-size: 12px;
	line-height:22px;
}
footer #tagline {
	float: right;
	margin-top: 3px;
}
footer #social{
	clear: both;
    display: block;
    float: right;
    margin-top: 17px;
}
footer #social a{
	font-size: 26px;
	color: #959595;
	margin-left: 8px;
	padding-top: 2px;
	display: inline-block;
}
footer #social a:hover{
	color: #666;
}
footer .width_holder {
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
	padding-top: 30px;
}
footer p {
	color: #999;
}
footer a:link, footer a:visited {
	color: #666;
}
footer a:hover {
	color: #8c8c8c;
}
footer a.button,
footer a.button:visited {
	font-family: "Helvetica Neue LT W05_57 Cond",Arial,Helvetica,sans-serif;
    background-color: #959595;
    color: #fff;
    margin: 0px 8px 0px 0px;
    cursor: pointer;
    padding: 5px 8px 4px 8px;
    line-height: 12px;
    font-size: 12px;
    width: auto;
    display: inline-block;
}
footer a.button.small,
footer a.button.small:visited{
	margin-bottom: 5px;
	background-color: #f57e20;
}
footer a.button.small:hover{
	background-color: #dc711d;
}
footer a.button:before,
footer a.button:hover:before{
	content: none;
}


/*******************************
BEGIN Header :: User Menu
*******************************/
#user_controls{
	float: right;
	margin-left: 10px;
	position: relative;
}
#user_controls ul{
 	display: none;
	background-color: #888;
    min-width: 150px;
    position: absolute;
    right: 0;
    top: 37px;
    width: auto;
    z-index: 3;
    width: 100%;
}
#user_controls ul li {
	border-top: 1px solid #FFF;
}
#user_controls ul li a{
	color: #FFF;
	display: block;
	padding: 5px 7px;
}
#user_controls ul li a:hover{
	background-color: #666;
}
#user_controls ul li:first-child{
	border-top: none;
}
a#welcome{
	padding: 5px 30px 5px 10px;
	background-color: #7f9a24;
	color: #FFF;
	font-family: "Helvetica LT W01 Ult Comp",Arial,Helvetica,sans-serif;
	font-size: 22px;
	word-spacing: -1px;
	position: relative;
	cursor: pointer;
	float: right;
	letter-spacing: 0.5px;
}
a#welcome:hover{
	background-color: #6f8a15;
}
a#welcome:after{
	font-family: 'icomoon';
	content: "\e90c";
	font-size: 11px;
    position: absolute;
    right: 10px;
    top: 13px;
}
/*******************************
END Header :: User Menu
*******************************/



/*******************************
END Header/Footer Elements
*******************************/



/*******************************
BEGIN ICON FONTS
*******************************/
[class^="icon-"],
[class*=" icon-"],
#search_results .snippet.with_icon h1 a:before,
.document_list h1 a:before  {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-addthis:before {
    content: "\e900";
}
.icon-doc_any:before,
#search_results .snippet.with_icon.any h1 a:before,
.document_list .cell.any h1 a:before{
    content: "\e905";
    color: #999;
}
.icon-doc_doc:before,
#search_results .snippet.with_icon.doc h1 a:before,
.document_list .cell.doc h1 a:before{
    content: "\e903";
    color: #20bec6;
}
.icon-doc_pdf:before,
#search_results .snippet.with_icon.pdf h1 a:before,
.document_list .cell.pdf h1 a:before{
    content: "\e901";
    color: #d93b20;
}
.icon-doc_ppt:before,
#search_results .snippet.with_icon.ppt h1 a:before,
.document_list .cell.ppt h1 a:before{
    content: "\e906";
    color: #f57e20;
}
.icon-doc_xls:before,
#search_results .snippet.with_icon.xls h1 a:before,
.document_list .cell.xls h1 a:before{
    content: "\e902";
    color: #8faa3e;
}
.icon-doc_zip:before,
#search_results .snippet.with_icon.zip h1 a:before,
.document_list .cell.zip h1 a:before{
    content: "\e904";
}
.icon-instagram:before {
    content: "\e91a";
}
.icon-facebook:before {
    content: "\e907";
}
.icon-search:before {
    content: "\e908";
}
.icon-twitter:before {
    content: "\e909";
}
.icon-circle_arrow:before {
    content: "\e90a";
}
.icon-arrow:before {
    content: "\e90b";
}
.icon-arrow_down:before,
.icon-angle-down:before {
    content: "\e90c";
}
.icon-arrow_up:before {
    content: "\e913";
}
.icon-arrow_back:before {
    content: "\e914";
}
.icon-search_close:before,
.icon-popdown_alert_close:before,
.icon-cancel_add_note:before,
.icon-cancel_view_one_note:before {
    content: "\e90d";
}
.icon-x:before {
    content: "\e90f";
}
.icon-pencil:before,
.icon-save_add_note:before,
.icon-save_one_note:before {
    content: "\e915";
}
.icon-trash:before {
    content: "\e916";
}
.icon-add_note:before {
    content: "\e917";
}
.icon-checkmark:before {
    content: "\e918";
}
.icon-menu:before {
    content: "\e919";
}
/*******************************
END ICON FONTS
*******************************/




/*******************************
BEGIN Modal
*******************************/
#modal-bg {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
    background-image: url(../images/modal-bg.png);
}
#modal-holder {
    height: 100%;
    margin: 0 auto;
    max-width: 575px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1000;
}
#modal-wrap {
    box-sizing: border-box;
    float: left;
    height: 0;
    left: 0;
    max-width: 760px;
    padding: 0 15px;
    position: absolute;
    width: 100%;
    z-index: 4;
}
#modal-close {
   	width: 40px;
	height: 40px;
	border: 2px solid #FFF;
	text-align: center;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	background: #959595;
	behavior: url(/ECF/test/css/csspie/PIE.htc); /* LIVE PATH will be /themes/ecfboardportal/css/csspie/PIE.htc */
	display: block;
	position: absolute;
	top: -22px;
	right: -5px;
    z-index: 10;
    cursor: pointer;
}
#modal-close:before{
	color: #FFF;
	position: relative;
	top: 12px;
	left: 0px;
	font-weight: bold;
}
#modal-close:hover{
	background: #868686;
}
#modal {
    box-sizing: border-box;
    float: left;
    min-height: 142px;
    position: relative;
    width: 100%;
    z-index: 3;
    background-color: #FFF;
}
/*******************************
END Modal
*******************************/






/*******************************
BEGIN Top Navigation
*******************************/
nav .nav a,
nav .nav a:link,
nav .nav a:hover,
nav .nav visited {
	border-bottom: none;
}
header nav {
	width: auto;
	float: left;
	display: inline;
	margin: 40px 0px 0px 0px;
	max-width: 475px;
	width: 100%;
	position: absolute;
	z-index: 100;
	left: 318px;
}
nav .nav {
	float: left;
	padding: 0px;
	position: absolute;
	list-style: none;
	clear: right;
	display: inline;
	width: auto;
	top: 4px;
}
nav .nav ul {
	float: left;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
}
nav .nav a {
	font-size: 22px;
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	color: #333;
	margin: 0px;
	display: block;
	padding-bottom: 16px;
}
nav .nav li {
	text-align: left;
	float: left;
	display: inline;
	padding: 0;
	margin: 0px 0px 0px 18px;
	text-transform: lowercase;
}
nav .nav li:first-child{
	margin-left: 0px;
}
nav .nav li li {
	text-transform: none;
	margin: 0px;
}
nav .nav .last a {
	margin-right: 0px;
}
nav .nav li.nav-path-selected > a:link,
nav .nav li.nav-path-selected > a:hover,
nav .nav li.nav-path-selected > a:visited {
	color: #fff;
}
nav .nav ul {
	z-index: 600;
	position: absolute;
	left: -999em;
	clear: both;
	height: auto;
	width: 160px;
	padding: 0px;
	margin: 0px;
	background-color: #555;
	top: 37px;
}
nav .nav ul ul {
	top: 0px;
}
nav .nav ul li {
	position: relative;
}
nav .nav li li {
	width: 100%;
	margin-left: 0px;
}
nav .nav li li a {
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	line-height: 1.35em;
	text-transform: none;
	padding-bottom: 0px;
	color: #fff;
}
nav .nav li li a {
	font-size: 14px;
	padding: 5px 9px 5px 9px;
	margin: 0px;
	color: #fff;
}
nav .nav li li:hover,
nav .nav li li.sfhover {
	background-color: #000;
	background-color: #9eba41 ;
	background-color: #333;
}
nav .nav li .parent:hover,
nav .nav li .parent.sfhover {
	background-color: #999;
}
.parent {
}
nav .nav li.sfhover a,
nav .nav li ul li:hover a,
nav .nav li ul li li:hover a,
nav .nav li ul li li li:hover a,
nav .nav li ul li li li:hover a,
nav .nav li ul li.sfhover a,
nav .nav li ul li li.sfhover a,
nav .nav li ul li li li.sfhover a,
nav .nav li ul li li li.sfhover a {
	color: #fff;
}
nav .nav li:hover a,
nav .nav li.sfhover a,
nav .nav li a.current {
	color: #fff;
}
nav .nav li:hover li a,
nav .nav li li:hover li a,
nav .nav li li li:hover li a,
nav .nav li li li li:hover li a,
nav .nav li.sfhover li a,
nav .nav li li.sfhover li a,
nav .nav li li li.sfhover li a,
nav .nav li li li li.sfhover li a {
	color: #fff;
}
nav .nav li:hover ul ul,
nav .nav li:hover ul ul ul,
nav .nav li:hover ul ul ul ul,
nav .nav li.sfhover ul ul,
nav .nav li.sfhover ul ul ul,
nav .nav li.sfhover ul ul ul ul {
	left: -999em;
}
nav .nav li:hover ul,
nav .nav li li:hover ul,
nav .nav li li li:hover ul,
nav .nav li li li li:hover ul,
nav .nav li.sfhover ul,
nav .nav li li.sfhover ul,
nav .nav li li li.sfhover ul,
nav .nav li li li li.sfhover ul {
	left: auto;
}
nav .nav nav .nav_last:hover ul,
nav .nav nav .nav_last.sfhover ul {
	left: auto;
	margin-left: -94px;
}
nav .nav li li:hover ul,
nav .nav li li li:hover ul,
nav .nav li li li li:hover ul,
nav .nav li li.sfhover ul,
nav .nav li li li.sfhover ul,
nav .nav li li li li.sfhover ul {
	left: 160px;
	margin-top: 0em;
	float: left;
}
nav .nav li:last-child li:hover ul,
nav .nav li:last-child li li:hover ul,
nav .nav li:last-child li li li:hover ul,
nav .nav li:last-child li.sfhover ul,
nav .nav li:last-child li li.sfhover ul,
nav .nav li:last-child li li li.sfhover ul {
	left: -160px;
}
nav .nav li:hover,
nav .nav li.sfhover {
	background-image: none;
}
nav .nav li li a:hover {
	color: #fff;
}

.breadcrumb{
	width: 100%;
	color: #777;
    font-size: 14px;
    margin-bottom: 8px;
}
.breadcrumb a{
	color: #666;
	letter-spacing: 1px;
	font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
}

.breadcrumb a:before{
	content: '>';
	padding: 0px 6px;
	position: relative;
	top: -1px;
}
.breadcrumb a:first-child:before{
	content: '';
	padding: 0;
}
/*******************************
END Top Navigation
*******************************/





/*******************************
BEGIN Popdown Alert
*******************************/
#popdown_alert{
	background: none repeat scroll 0 0 #333;
    text-align: center;
	display:none;
}
#popdown_alert #alert_text{
	overflow: hidden;
	padding-bottom: 4px;
}
#popdown_alert #alert_img{
	vertical-align:middle;
	padding-right: 14px;
	margin: 4px 0px 2px 0px;
	display: inline;
	float: left;
}
#popdown_alert p,
#popdown_alert h1,
#popdown_alert h2,
#popdown_alert h3{
	font-size:16px;
	line-height:22px;
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-bottom:4px;
	padding-right:38px;
	/* float: left; */
}
#popdown_alert h2{
	font-size: 20px;
	line-height: 26px;
}
#popdown_alert a:link,_large
#popdown_alert p a:link,
#popdown_alert a:visited,
#popdown_alert p a:visited{
	color: #8faa3e;
}
#popdown_alert .inner{
	margin: 0 auto;
	padding: 15px 20px;
	text-align: left;
	width: 100%;
	max-width: 980px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
#popdown_close{
	position: absolute;
	right:20px;
	top: 50%;
	margin-top:-15px;
    font-size: 28px;
    color: #FFF;
    cursor: pointer;
}
#popdown_close:hover:before{
	color: #999;
}
/*******************************
END Popdown Alert
*******************************/



/*******************************
BEGIN Left Navigation
*******************************/
#main_left nav {
	margin-top: 5px;
}
#main_left nav,
.stat {
	margin-bottom: 15px;
	overflow: auto;
}
.sidebar {
	margin-bottom: 0;
	overflow: auto;
}
#main_left nav a {
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	font-size: 14px;
	/* display: block; */
	padding: 1px 0px;
	line-height: 130%;
}
#main_left nav li {
	margin-bottom: 6px;
	padding: 0px;
	background-image: none;
}
#main_left nav li.head {
	border-bottom: 1px solid #bcbcbc;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-family: 'Helvetica Neue LT W05_67 Md Cn';
}
#main_left nav a:link,
#main_left nav a:visited {
	color: #333;
}
#main_left nav a:hover {
	color: #8faa3e;
	border: none;
}
#main_left nav a.current {
	font-family: 'Helvetica Neue LT W05_57 Cond', Arial, Helvetica, sans-serif;
	padding-left: 6px;
	border-left: 2px solid #8faa3e;
	color: #8faa3e;
}
.sidebar p,
#main_left .sidebar li {
	line-height: 130%;
}
#main #main_left .sidebar a.purple_button,
#main_left .sidebar a.purple_button:link,
#main_left .sidebar a.purple_button:visited,
#main_left .sidebar a.purple_button:hover,
.lastField.majorField a.btn {
	display: block;
	position: relative;
	color: #fff;
	border: none;
	font-size: 26px;
}
#main_left .sidebar a.purple_button,
#main_left .sidebar .purple_heading h3 {
	margin-bottom: 8px;
}
#main_left .sidebar li {
	margin-bottom: 6px;
}
/*******************************
END Left Navigation
*******************************/






/*******************************
BEGIN Mobile Navigation
*******************************/
.mobile-nav{
	position: fixed;
	top: auto;
	background-color: #333333;
	height: 100%;
	/* 	overflow: hidden; */
	overflow: auto;
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;
	color: #82807c;
	box-sizing: border-box;
	z-index: 2;
	width: 50%;
}
.mobile-nav.closed{
	left: -60%;
	/*display: none;*/
}
.mobile-nav.open{
	display: block;
	left: 0px;
	z-index: 10;

}
.mobile-nav .nav li.back {
	background-color: #333;
}

.mobile-nav .nav li.back a{
	padding-left: 26px;
	position: relative;
}

.mobile-nav .nav li.back a:before{
	font-family: 'icomoon';
	content: "\e914";
	font-size: 15px;
    left: -6px;
    position: relative;
    top: 0;

}
.mobile-nav-viewport {
	position: relative;
	/* height: 100%; */
	overflow: hidden;
	overflow-y: auto;
}
.mobile-nav .nav {
	position: relative;
	left: 0px;
	-webkit-transition: left .2s;
	-moz-transition: left .2s;
	-ms-transition: left .2s;
	-o-transition: left .2s;
	transition: left .2s;
}
.mobile-nav .nav.lvl-2 {
	left: -100%;
}
.mobile-nav .nav.lvl-3 {
	left: -200%;
}
.mobile-nav .nav.lvl-4 {
	left: -300%;
}
.mobile-nav .nav.lvl-5 {
	left: -400%;
}
.mobile-nav .nav.lvl-6 {
	left: -500%;
}
.mobile-nav .nav.lvl-7 {
	left: -600%;
}
.mobile-nav .nav.lvl-8 {
	left: -700%;
}
.mobile-nav a {
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;
}
.mobile-nav li {
	min-width: 120px;
}
.mobile-nav li,
.mobile-nav .nav li a {
	display: block;
	float: none;
}
.mobile-nav .nav li,
.mobile-nav .nav ul {
	margin: 0px;
}
.mobile-nav .mobile-search {
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0.5px;
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #535353;
	position: relative;
}
.mobile-nav .mobile-search .input_default_wrap{
	margin:0px;
}
.mobile-nav .mobile-search .input_default_wrap input[type="text"]{
	font-size: 14px;
	line-height: 16px;
	padding: 15px 68px 14px 10px;
}
.mobile-nav .mobile-search .input_default_wrap label{
	font-size: 14px;
	line-height: 16px;
	padding: 15px 10px 14px 10px;
	left: 0;
	top: 2px;
}
.mobile-nav .mobile-search p {
	float: left;
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 154%;
	letter-spacing: 0.5px;
	padding-left: 20px;
	padding-top: 10px;
	color: #cbcbcb;
}
.mobile-search form#search_form_mobile {
	margin-top: 0;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.mobile-search #search_btn_mobile {
    font-size: 20px;
    margin: 0;
    padding: 2px 3px;
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 100;
}
.mobile-search #search_btn_mobile:hover{
	background: #dc711d;
}
.mobile-nav .mobile-nav-viewport .give-now-link {
	background-color: #f37e30;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;
	font-size: 25px;
	letter-spacing: 1px;
}
.mobile-nav .mobile-nav-viewport .give-now-link:hover {
	background-color: #df6d12;
}
.mobile-nav .mobile-nav-viewport .give-now-link:visited {
	color: #fff;
}
.mobile-nav .nav li.plan-your-trip a {
	padding: 8px 4px;
	text-align: center;
	background-color: #1fa099;
	border: solid 1px #16857f;
	display: block;
	color: #fff;
	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	-ms-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}
.mobile-nav.nav li.plan-your-trip a:hover {
	background-color: #16938d;
}
.mobile-nav .nav li.phone {
	text-align: center;
	padding: 12px;
	display: none;
}
.mobile-nav .phone .icon-phone {
	font-size: 22px;
	position: relative;
	top: 5px;
	right: 4px;
}
.mobile-nav .nav li.phone a {
	padding: 8px 4px;
	text-align: center;
	border: solid 1px #cbcbcb;
	display: block;
	color: #82807c;
	background-color: #333333;
}
.mobile-nav .nav li a {
	color: #cbcbcb;
	padding: 15px 30px 15px 20px;
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	font-size: 20px;
	position: relative;
	text-transform: lowercase;
}
.mobile-nav .nav li a.hello_user{
	text-transform: none;
	background: #000;
	color: #FFF;
}
.mobile-nav .nav li a.hello_user:after,
.mobile-nav li.parent>a:after{
	font-family: "icomoon";
	font-size: 15px;
	position: absolute;
	right: 20px;
	color: #CCC;
	content: "\e90b";
}
.mobile-nav .nav li a {
	border-bottom: 1px solid #82807c;
}
.mobile-nav .nav li ul {
	position: absolute;
	left: 100%;
	width: 100%;
	top: 0px;
	height: 10px;
	overflow: hidden;
}
.mobile-nav .nav li ul.show.current,
.mobile-nav .nav.show.current {
	height: auto;
	overflow: visible;
}
.mobile-nav .nav li ul.show,
.mobile-nav .nav.show {
	overflow: visible;
	height: 100%;
	margin-bottom: 86px; /* exactly the height of the header, so you can scroll to the bottom of the nav when the viewport height is shorter than the nav height */
}
.mobile-nav li.mobile-nav-home {
	border-bottom: solid 1px #82807c;
}
#resnav-wrap li img {
	display: none;
}
#resnav-wrap .icon-angle-right,
#resnav-wrap .icon-angle-left {
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 15px;
	color: #cbcbcb;
}
#resnav-wrap .icon-angle-left {
	right: auto;
	left: 12px;
}
#resnav-wrap .nav li.back a {
	padding-left: 28px;
}
#resnav-wrap .nav li a:visited {
	color: #cbcbcb;
}
#resnav-wrap .mobile-destination-menu,
.mobile-destination-menu li {
	background-color: #cbcbcb;
}
.show {
	display: block;
}
.inner-wrap {
	left: 0;
	-webkit-transition: left .2s;
	-moz-transition: left .2s;
	-ms-transition: left .2s;
	-o-transition: left .2s;
	transition: left .2s;
	position: relative;
	background-color: #fff;
}
#resnav-wrap {
	position: relative;
	top: 22px;
	border: 1px solid #333;
	font-size: 20px;
	display: none;
}
#resnav-wrap .icon-navicon {
	font-size: 23px;
	display: inline-block;
	position: relative;
	top: 3px;
}
#resnav-wrap .text {
	position: relative;
	top: -1px;
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	padding-left: 5px;
}
#resnav-wrap{
	display: inline;
	float: left;
	margin-top: 3px;
}
#resnav-wrap a,
#resnav-wrap a:active,
#resnav-wrap a:visited {
	font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#resnav-wrap a:hover {
	color: #fff;
	transition: all .25s ease-in;
}
#resnav-wrap{
	/*margin-top:3px;*/
}
#resnav-wrap > a{
	color: #333;
	top:0px;
	display: block;
	position: relative;
	top: 2px;
	border:none;
	padding: 5px 7px 6px 7px;
}
#resnav-wrap .icon-navicon {
	font-size:30px;
	top:8px;
	left:1px;
	color:#f3efe3;
	-webkit-transition: color .2s ;
	-moz-transition: color .2s ;
	-ms-transition: color .2s ;
	-o-transition: color .2s ;
	transition: color .2s ;
}
#resnav-wrap > a:hover .icon-navicon{
	color: #fff;
}
span.icon-menu2 {
	font-size: 21px;
	padding: 0;
}
#resnav-wrap{
	display: none;
}
.mobile .mobile-nav{
	width:60%;
}
.nav-open .inner-wrap,
.nav-open footer {
	left: 50%;
}
.nav-open,
.nav-open .outer-wrap,
.nav-open .inner-wrap,
.nav-open body{
	overflow: hidden;
}
.nav-open,
.nav-open body{
	position: fixed;
}
/*******************************
END Mobile Navigation
*******************************/









/*******************************
BEGIN Home styles
*******************************/
body.home .inner-wrap,
body.thoughtpiece_gallery .inner-wrap {
	background-color: #f3f2e6;
}
body.home .fullwidth,
body.thoughtpiece_gallery .fullwidth{
	background-color: #FFF;
}
#outer {
	position: relative;
	min-height: 100%;
	width: 100%;
	min-width: 290px;
	overflow: hidden;
}
#outer.login{
	overflow: auto;
}
#landing_bottom {
	padding: 20px 20px 18px 20px; /* bottom padding is height of the footer (76) +40 */
	overflow: auto;
	box-sizing: border-box;
	background-color: #f3f2e6;
}





/*******************************
BEGIN Home :: Main Banner styles
*******************************/
#banner{
    box-sizing: border-box;
    height: 370px;
    max-width: 980px;
    overflow: visible;
    position: relative;
    width: 100%;
    display: table;
    margin: 0px auto;
    padding: 0px 20px;
}
#banner.fullwidth{
	max-width: none;
	padding: 0px;
}
#banner .details h1{
	text-transform: uppercase;
	font-size: 80px;
	line-height:0.9em;
	color: #333;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}
#banner .details p{
	font-size: 24px;
	line-height: 1.2em;
	margin-bottom: 4px;
}



/*******************************
BEGIN Home :: Main Banner styles :: Specific to left-aligned template
*******************************/
#banner.left_aligned {
	padding: 40px 20px;
	box-sizing: border-box;
}
#banner.left_aligned .inner{
	/*display: table;*/
	height: 100%;
	width: 100%;
}
#banner.left_aligned .inner .slide_image,
#banner.left_aligned .inner .details{
	/*display: table-cell;*/
	vertical-align: middle;
	display: inline-block;
}
#banner.left_aligned .inner .slide_image{
	height: 300px;
	width: 49%;
	display: inline-block;
}
#banner.left_aligned .inner .details{
	padding: 0px 36px;
	width: 50%;
	box-sizing: border-box;
}
#banner.left_aligned .inner a.button{
	margin: 16px 0px 0px 0px;
}
/*******************************
END Home :: Main Banner styles :: Specific to left-aligned template
*******************************/



/*******************************
BEGIN Home :: Main Banner styles :: Specific to centered template
*******************************/
#banner.centered .inner{
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#banner.centered .details{
	text-align: center;
	position: relative;
	z-index: 2;
}
.home #banner.centered .details {
	top: -30px;
}
#banner.centered  h1{
	text-align: center;
}
#banner.centered .details p,
#banner.centered .details a.button{
	display: inline-block;
}
#banner.centered .details .button{
	margin-left: 16px;
	text-transform: lowercase;
	font-size: 22px;
	margin-top: 0;
}
#banner.centered .details .button:before{
	font-family: 'icomoon';
	content: "\e90b";
	position: absolute;
	right: 10px;
	top: 9px;
	font-size: 16px;
}
#banner.centered .slide_image{
	bottom: 0px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 0;
}
#banner.centered .slide_image img{
	max-width: 100%;
	height: auto;
	display: block;
}
/*******************************
END Home :: Main Banner styles :: Specific to centered template
*******************************/





/* mimic background cover for home banner  */
.banner_image,
.banner_wrap .overlay {
    height: 370px;
    width: 100%;
}

.banner_image {
    overflow: hidden;
}

.mimic-cover{
    position:relative;
    overflow:hidden;
    }
.mimic-cover img.cover {
        position:absolute;
        width:100%;
        height:auto;
        top:0px;
        left:0px;
        z-index:0;

    }
.mimic-cover img.x{
    top: 50%;
    width:100%;
    height:auto;
    left:0px;
    margin-left : 0px !important;
    max-width:initial;
}
.mimic-cover img.y{
    top: 0;
    width:auto;
    height:100%;
    left:50%;
    margin-top : 0px !important;
    max-width:initial;
}
/* END mimic background cover for home banner  */

/*******************************
END Home :: Main Banner styles
*******************************/




/*******************************
BEGIN Home :: 4 CALLOUT BOX styles
*******************************/
.callout_boxes {
	overflow: hidden;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: bottom center;
	position: relative;
	background-position: 20px bottom;
}
.callout_boxes h1,
.callout_boxes h1 a,
#main_right .callout_boxes h1 {
	font-size: 26px;
	color: #333;
	background-repeat: no-repeat;
	background-position: right top;
}
.callout_boxes h1,
#main_right .callout_boxes h1 {
	line-height: 28px;
	margin-bottom: 2px;
	letter-spacing: 0.5px;
}
.callout_boxes h2,
#main_right .callout_boxes h2,
#main_right .callout_boxes li,
#main_left .stat h2 {
	font-size: 18px;
	color: #333;
	margin-bottom: 6px;
	letter-spacing: 0.5px;
}
#main_right .callout_boxes li {
	margin-bottom: 0px;
	line-height: 140%;
	background-position: 0px 9px;
}
.callout_boxes h1 a:link,
.callout_boxes h1 a:visited,
#main_right .callout_boxes h1 a:link,
#main_right .callout_boxes h1 a:visited {
	display: block;
	padding-right: 32px;
	color: #333;
	border: none;
}
#landing_bottom .purple_heading a.button {
	background-position: 100% 50%;
	padding: 5px 26px 5px 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	display: block;
	color: #fff;
	width: 100%;
  	box-sizing: border-box;
}
#main_right .purple_heading h1,
#main_right .purple_heading h3,
.purple_heading h1,
.purple_heading h3{
	background-color: #6581b8;
}
.callout_boxes .col {
	float: left;
	display: inline;
	position: relative;
}
.three_col {
	margin-left: -12px;
	margin-right: -12px;
}
.three_col.callout_boxes .col {
	width: 33.33%;
	float: left;
	display: inline;
	box-sizing: border-box;
	background-color: transparent;
	padding: 0 12px;
}
.three_col.callout_boxes .col .col_inner {
	background-color: #fff;
	padding: 10px;
	height: 60px;
	-moz-box-shadow: 1px 1px 0px #bcbcbc;
	-webkit-box-shadow: 1px 1px 0px #bcbcbc;
	box-shadow: 1px 1px 0px #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	position: relative;
}
.three_col.callout_boxes .col .col_inner a {
	width: 100%;
}
.three_col .col,
.three_col a {
	width: 200px;
	display: inline-block;
}
.callout_boxes .icon-circle_arrow{
	font-size: 30px;
}
.callout_boxes .icon-circle_arrow:before{
	position: absolute;
	right: 10px;
}
/*******************************
END Home :: 4 CALLOUT BOX styles
*******************************/



/*******************************
BEGIN Home :: Calendar widget
*******************************/

/* BEGIN GENERIC FOR 2-COL GRID LISTS */
.grid_list .row{
	display: table;
	width: 100%;
	padding: 0px 20px;
	box-sizing: border-box;
	text-align: center;
	table-layout: fixed;
}
.grid_list .row .cell{
	display: table-cell;
	padding: 20px 20px 20px 20px;
	border-left: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
	text-align: left;
	width: 33.33%;
	position: relative;
	box-sizing: border-box;
}
.grid_list .row:first-child .cell{
	border-top: none;
	padding-top: 0px;

}
.general .grid_list .row:first-child .cell{
	padding-top: 20px;
}
.grid_list .row .cell:first-child{
	border-left: none;
	padding-left: 0px;
}
.grid_list .row .cell.last{
	padding-right: 0;
}
.grid_list .row a.button{
	margin-top: 20px;
}
.grid_list .row a.button.small{
	margin-top: 0px;
	margin-bottom: 0px;
}
.grid_list .row.single{
	border-top: 1px solid #bcbcbc;
}
.grid_list .row.single:first-child{
	border-top: none;
}
.grid_list .row.single .cell{
	float: left;
	border-top: none;
}

/* END GENERIC FOR 2-COL GRID LISTS */





#main_right h1.calendar_head{
	color: #8faa3e;
    font-size: 26px;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC;
}
#main_right h1.calendar_head.before_tabs{
	border-bottom: 0px;
	padding-bottom: 0px;

}
.calendar_widget{
	width: 100%;
	box-sizing: border-box;
	background-color: #FFF;
}
.home .calendar_widget{
	margin: 10px 0px 32px 0px;
	padding-bottom: 30px;
	-moz-box-shadow: 1px 1px 2px #bcbcbc;
	-webkit-box-shadow: 1px 1px 2px #bcbcbc;
	box-shadow: 1px 1px 2px #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
}
.grid_list .row .cell h1,
.grid_list .row .cell h1 a,
.grid_list .row .cell h1 a:visited,
#main_right .grid_list .row .cell h1,
#main_right .grid_list .row .cell h1 a,
#main_right .grid_list .row .cell h1 a:visited,
#main_right #search_results h1,
#main_right .document_list h1,
#main_right #search_results h1 a,
#main_right .document_list h1 a,
#modal.event h1{
	font-family: "Helvetica Neue LT W05_57 Cond",Arial,Helvetica,sans-serif;
	font-size: 18px;
	line-height: 1.2em;
	margin-bottom: 6px;
	color: #333;
	padding-right: 0px;
	display: block;
	word-wrap: break-word;
}
.calendar_widget .row .cell h1 a:hover{
	color: #000;
}
.grid_list .row .cell h2,
#main_right .grid_list .row .cell h2{
	font-size: 16px;
	line-height: 1.2em;
	margin: 0;
	letter-spacing: 0;
	margin-bottom: 12px;
}
.calendar_widget .row .cell p,
#modal.event .topstrip p{
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1.3em;
	margin: 0;
	letter-spacing: 0.5px;
	margin-bottom: 8px;
}
.calendar_widget .row .cell a.button{
	display: inline-block;
}

.calendar_widget__no_upcoming_message {
    margin-bottom: 18px;
}
/*******************************
END Home :: Calendar widget
*******************************/


/*******************************
BEGIN Home :: 2 main BOX styles
*******************************/
.two_col_full {
	width: 100%;
	background-color: #f3f2e6;
}
.two_col_full .col {
	width: 48%;
	float: left;
	background-color: transparent;
	margin-left: 0;
	padding: 0px;
	box-sizing: border-box;
	/*
	-moz-box-shadow: 1px 1px 2px #b5b1b1;
	-webkit-box-shadow: 1px 1px 2px #b5b1b1;
	box-shadow: 1px 1px 2px #b5b1b1;
	*/

	border-bottom: 1px solid #bcbcbc;

}
.two_col_full .col.documents{
	float: right;
}
.two_col_full .col + .col {
}
.two_col_full .purple_heading .col_inner {
    padding: 10px;
    background-color: #fff;
}
.purple_heading.news_list.col {
    background: transparent;
}
.purple_heading.col .col_inner {
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	border-bottom: 1px solid #bcbcbc;
	position: relative;
}
.purple_heading h1,
.purple_heading h3{
	color: #fff;
	background-color: #6581b8;
	font-size: 26px;
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;
	padding: 5px 26px 5px 8px;
	letter-spacing: 0.5px;
	display: block;
	margin: 0px;
	position: relative;
}




/*******************************
BEGIN Home :: News Listing Box
*******************************/
.news_list p{
	font-size: 16px;
	margin-bottom:0;
}
.news_list img{
	float: left;
	display: inline;
	margin: 5px 10px 0px 0px;
}
.news_thumb img {
	display: block;
}

.news_list{
	position: relative;
	padding-top: 8px;
	top: -1px;
}
.news_list .wrap {
	border-bottom: solid 1px #ccc;
	padding-top: 8px;
}
.news_list .wrap:last-child{
	border:0px;
}
.news_list .wrap {
	float: left;
	width: 100%;
}
.news_list p{
	font-size: 16px;
	margin-bottom:0;
}
.list_item_wrap {
	border-top:1px solid #bcbcbc;
	padding-top:10px;
	margin-bottom: 12px;
	overflow: hidden;
	width: 100%;
}
.list_item_wrap:first-child{
	border-top: 0;
}

.callout_boxes .news_list {
	padding-bottom: 0px;
	background-color: #fff;
}
/*******************************
END Home :: News Listing Box
*******************************/




/*******************************
BEGIN Home :: Documents Listing
*******************************/
#landing_bottom .purple_heading a.button{
	display: inline-block;
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #546d9b;
	margin: 0px;
	font-size: 22px;
}
#landing_bottom .purple_heading a.button:hover{
	background-color: #43577c;
}
#landing_bottom .purple_heading a.button:before{
	top: 5px;
}
.documents .list_item_wrap a,
.documents .list_item_wrap a{
	font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
	color: #333;
	display: block;
}
.documents .list_item_wrap{
	display: table;
}
.documents .list_item_wrap span.title{
	display: table-cell;
	vertical-align: middle;
}
.documents .list_item_wrap span.icon{
	display: table-cell; /* used table display only for middle vertical alignment */
	vertical-align: middle;
	width: 40px;
}
.documents .list_item_wrap span.icon:before{
	font-family: 'icomoon';
	font-size: 40px;
	margin-right: 10px;
}
/*******************************
END Home :: Documents Listing
*******************************/


/*******************************
END Home :: 2 main BOX styles
*******************************/


/*******************************
END Home styles
*******************************/



/*******************************
BEGIN Generic Internal Page styles
*******************************/
#main{
	clear: right;
	display: inline;
	float: left;
	margin-top: 26px;
	width: 100%;
}
body.home #main,
body.thoughtpiece_gallery #main{
	margin: 0px;
	float: none;
	clear: none;
}
#main_left, #main_right{
    display: inline;
    float: left;
}
#main_left{
	padding-bottom: 20px;
	padding-right: 20px;
	width: 21.2766%;
}
#main_right{
	float: right;
	padding-bottom: 20px;
	width: 75%;
}
/*******************************
END Generic Internal Page styles
*******************************/






/*******************************
BEGIN Stylized Selects & Form Elements
*******************************/
span.select {
    border: solid 1px #bcbcbc;
    position: relative;
    background-color: #FFF;
    padding: 6px 40px 6px 8px;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    font-size: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 100%;
    font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
    text-transform: capitalize;
}
span.select.disabled{
	border: solid 1px #CCC;
}
span.select .val{
    font-size: 14px;
    font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
    cursor: pointer;
    white-space: nowrap;
    float: left;
    width: 100%;
    overflow: hidden;
    line-height: normal;
    color: #333;
}
span.select.disabled .val{
	color: #999;
}
.select .stylized_arrow {
    color: #bcbcbc;
    position: absolute;
    right: 8px;
    font-size: 12px;
    font-weight: normal;
    top: 50%;
    margin-top: -6px; /* half of height of element as computed */
}
.select.disabled .stylized_arrow{
	color: #d1d1d1;
}
span.select select {
	position: absolute;
	width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
	top: 0px;
	left: 0px;
	background: none;
	font-size: 15px;
	height: 100%;
}
span.select option:first-child {
	border: none;
}
span.select option {
	padding: 0.5em 0.7em;
	font-size: 14px;
	color: #666;
	font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
	border-top: 1px solid #bcbcbc;
}
span.select.large_select .val {
    font-size: 18px;
    font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
    color: #333;
}
span.select.large_select {
    padding: 15px 40px 15px 0.7em;
    border-color: #ccc;
    border-radius: 0;
}
a span.icon-angle-right {
    position: relative;
    top: 2px;
}
.styled_checkbox,
.styled_radio {
    border: solid 1px #d1d1d1;
    position: relative;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
    background-color: #fff;
	bottom:-1px;
	float: left;
}
.styled_radio {
    width: 16px;
    height: 16px;
}
.styled_checkbox {
    width:14px;
    height:14px;
}
.styled_checkbox.focused {
    -webkit-box-shadow: 0px 0px 5px #9CF;
    -moz-box-shadow: 0px 0px 5px #9CF;
    box-shadow: 0px 0px 5px #9CF;
    behavior: url(/ECF/test/css/csspie/PIE.htc);
}
label.stylized {
    padding-left: 23px;
    text-indent: -23px;
}
.styled_radio {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    top: 2px;
    behavior: url(/ECF/test/css/csspie/PIE.htc);
}
.styled_radio .fill {
    display:none;
}
.styled_radio.checked {
    background-color: #fff;
}
.styled_radio.checked .fill {
    display:block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background-color:#000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    behavior: url(/ECF/test/css/csspie/PIE.htc);
}
.disabled,
.disabled span.styled_radio,
.disabled span.styled_checkbox {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
    cursor: auto;
}
.styled_radio.focused {
    -webkit-box-shadow: 0px 0px 5px #9CF;
    -moz-box-shadow: 0px 0px 5px #9CF;
    box-shadow: 0px 0px 5px #9CF;
}
.stylized input[type="checkbox"] {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: inherit;
	margin-left: -18px;
	width: 15px;
	height: 15px;
	margin-top: 2px;
	cursor: pointer;
}
label {
    font-size: 16px;
    margin-bottom: 4px;
}
span.stylized{
	position: relative;
	display: block;
}
span.stylized label{
	display: block;
	padding-left: 24px;
	font-size: 15px;
	clear: none;
}
span.stylized .styled_checkbox .fill{
	display: none;
}
span.stylized .styled_checkbox.checked .fill{
	font-size: 11px;
	position: absolute;
	top: 1px;
	left: 2px;
	display: block;
}
.input_default_wrap {
	width: 100%;
	margin-bottom: 20px;
}
.input_default_wrap input[type="text"],
.input_default_wrap input[type="email"],
.input_default_wrap input[type="tel"],
.input_default_wrap input[type="password"],
.input_default_wrap textarea{
	padding: 10px 13px;
	box-sizing: border-box;
	width: 100%;
	border-color: #bcbcbc;
	font-size: 18px;
    line-height: 1.2em;
    margin: 0px;
    letter-spacing: 0;
	border-style: solid;
	border-width: 1px;
}
.input_default_wrap {
	position: relative;
}
.input_default_wrap label {
    position: absolute;
    padding: 12px 0px;
    left: 14px;
    z-index: 100;
    font-size: 18px;
    line-height: 1.2em;
    color: #999;
    font-family: 'ProximaNova-Regular', Helvetica, Arial, sans-serif;
    overflow: hidden;
    width: 100%;
    padding-right: 15px;
    white-space: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:0px;
    letter-spacing: 0;
}
/*******************************
END Stylized Selects & Form Elements
*******************************/




/*******************************
BEGIN tabs
*******************************/
ul.tab_nav{
	margin: 18px 0px 30px 0px;
	width: 100%;
	border-bottom: 1px solid #bcbcbc;
	float: left;
}
ul.tab_nav li{
	display: inline-block;
	float: left;
}
ul.tab_nav li a{
	padding: 10px 14px 10px 14px;
	display: block;
	background-color: #efefef;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
    color: #333;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
    position: relative;
}
ul.tab_nav li + li a{
	border-left: none;
}
ul.tab_nav li a.current:before{
	background: #fff;
    bottom: -1px;
    color: #fff;
    content: "-";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
ul.tab_nav li a.current{
	background-color: #FFF;
	border-top: 1px solid #bcbcbc;
	cursor: default;
}
ul.tab_nav li a.current:hover{
	background: none;
	/* color: #8faa3e; */
	border-color: #bcbcbc;

}
ul.tab_nav li a:hover{
	background-color: #d7d7d7;
	border-color: #d7d7d7;
}
.tab_content.hide{
	display: none;
}
.tabs{
	position: relative;
}
.tabs .select{
	display: none;
}
.tabs.tabs--show_select_menu .tab_nav, .tabs.tabs--init .tab_nav {
    left: 0;
    opacity: 0;
    position: absolute !important;
    width: 100% !important;
    z-index: -1 !important;
}
.tabs.tabs--show_select_menu .select{
	display: block;
}
.tabs span.select{
	margin: 18px 0;
	padding: 10px 40px 10px 8px;
}
.tabs span.select .val{
	font-size: 16px;
}
/*******************************
END tabs
*******************************/





/*******************************
BEGIN Calendar / Events grid page
*******************************/
#cal_filters{
	background-color: #f3f2e6;
	padding: 0px 12px 12px 12px;
	box-sizing: border-box;
	float: left;
	width: 100%;
}
#cal_filters.closed{
	display: block !important; /* override hidden with JS */
}
#cal_filter_head{
	background-color: #f3f2e6;
	padding: 12px;
	box-sizing: border-box;
	float: left;
	width: 100%;
	line-height: 1em;
	font-size: 26px;
	letter-spacing: 0.5px;
}
#cal_filters h2{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0.5px;
	margin: 20px 0px 6px 0px;
}
#cal_filters span.select{
	margin-bottom: 6px;
}
#cal_filters #category_checkboxes span.stylized{
	border-top: 1px solid #bcbcbc;
	padding: 8px 0px 6px 0px;
}
#cal_filters #category_checkboxes span.stylized:first-child{
	border-top: none;
}
#cal_filters a.button{
	margin: 6px 0px 0px 0px;
}


/*******************************
BEGIN Calendar Grid / Document Grid (Extend from Home Calendar Widget)

.calendar_page
*******************************/
.grid_list{
	box-shadow: none;
	padding: 30px 0px 0px 0px;
}

.general .grid_list{
	padding-top: 0px;/*
	border-top: 1px solid #CCC;*/
}
.general .grid_list.noborder{
	border-top: none;
}
.grid_list.document_list{
	padding-top: 10px;
	clear: both;
}
#main_right .grid_list .row{
	padding: 0;
}
#main_right .grid_list h1{
	padding: 0;
	margin: 0px;
}
#main_right h1 + h3{
	margin-top: 30px;
}
#main_right .document_list + h3{
	margin-top: 10px;
}
#main_right .grid_list .row .cell.canceled h1,
#main_right .grid_list .row .cell.canceled h1 a,
#main_right .grid_list .row .cell.canceled h1 a:visited,
.grid_list .row .cell.canceled h1,
.grid_list .row .cell.canceled h1 a,
.grid_list .row .cell.canceled h1 a:visited,
#main_right .grid_list .row .cell.canceled p,
#main_right .grid_list .row .cell.canceled p a:link,
#main_right .grid_list .row .cell.canceled p a:visited,
.grid_list .row .cell.canceled p,
.grid_list .row .cell.canceled p a:link,
.grid_list .row .cell.canceled p a:visited,
.grid_list .row .cell.canceled h2,
#main_right .grid_list .row .cell.canceled h2{
	color: #999;
}
#main_right .grid_list .row .cell{
	/* for main calendar page  AND documents page */
	width: 50%;
}
#main_right .grid_list .row .cell{
	border-left: none;
	border-right: none;
	width: 50%;
}
#main_right .grid_list .row .cell:first-child{
	border-right: 1px solid #bcbcbc;
}

#main_right .grid_list .row .cell:first-child:last-child{
	/* If it's the only one (first AND last child), no border */
	border-right:none;
}
.cell.canceled p:first-child:after{
	color: #d93b20;
	font-family: 'Helvetica Neue LT W01 67MdCnObl', Arial, Helvetica, sans-serif;
	display: inline;
	font-size: 14px;
	padding-left: 5px;
	content: 'Canceled';
	text-transform: none;;
}
/*******************************
END Calendar Grid / Extend from Home Calendar Widget
*******************************/





/*******************************
BEGIN modal styles specific to calendar event
*******************************/
#modal.event .topstrip{
	background-color: #f3f2e6;
	padding: 16px 20px;
	text-align: left;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
#modal.event .topstrip .left,
#modal.event .topstrip .right{
	display: table-cell;
	vertical-align: middle;
}
#modal.event .topstrip .left{
	padding-right: 10px;
}
#modal.event h1{
	font-size: 20px;
	margin-bottom: 0px;
}
#modal.event a.button{
	float: right;
}
#modal.event .description{
	padding: 16px 20px;
	text-align: left;
}
#modal.event .description p,
#modal.event .description li{
	font-size: 16px;
}
#modal.event .description ul{
	padding-left: 16px;
	margin-bottom: 4px;
}
#modal.event .description li{
	position: relative;
}
#modal.event .description h3{
	font-size: 26px;
	color: #8faa3e;
}
#modal.event .description ul li:before{
	content: '\25A0'; /* square — hex equivalent to HTML entity &#9632; */
	position: absolute;
	left: -16px;
	font-size: 18px;
	color: #666;
}
#modal.event .description ul li a,
#modal.event .description ul li a:visited{
	color: #8faa3e;
	border-bottom: 1px solid #8faa3e;
}
#modal.event .description ul li a:hover{
	color: #333;
	border-color: #333;
}
/*******************************
END modal styles specific to calendar event
*******************************/



/*******************************
END Calendar / Events grid page
*******************************/







/*******************************
BEGIN Reference List Page
*******************************/
.reference_list ol {
	margin: 30px 0px;
	padding-right: 0;
	list-style-type: none;
}

.reference_list ol li {
    counter-increment: step-counter; /* allows counting of elements */
    font-family: "Helvetica Neue LT W05_57 Cond",Arial,Helvetica,sans-serif;
    margin-bottom: 4px;
    padding-left: 20px;
    position: relative;
}
.reference_list ol li a,
.reference_list ol li a:visited,
.reference_list section a,
.reference_list section a:visited{
	color: #8faa3e;
	border-bottom: 1px solid #8faa3e;
}
.reference_list ol li a:hover{
	color: #333;
	border-color: #333;
}
.reference_list ol li:before {
    content: counter(step-counter)'.';
    margin-right: 5px;
    color: #666;
    padding: 0px 4px 0px 0px;
    /* font-family: "Helvetica LT W01 Ult Comp",Arial,Helvetica,sans-serif;
    font-size: 22px;
    bottom: 2px;
    */
    width: 10px; /* need a width for right-aligning to take effect */
    position: absolute;
    left: 0;

    margin-right: 5px;
    padding: 0;
    text-align: right;
}
.reference_list section{
	counter-increment: step-counter;
	margin: 30px 0px 0px 0px;
	position: relative;
}
.reference_list section h3{
	color: #333;
	border-bottom: 1px solid #bcbcbc;
	padding: 0px 70px 6px 0px;
	margin-bottom: 10px;
}
.reference_list section a.button{
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 0px;
	margin: 0px;
	padding: 5px 26px 5px 8px;
	background-color: #8faa3e;
	color: #FFF;
}
.reference_list section a.button:hover{
	background-color: #8f9513;
}
.reference_list section a.button:before{
	font-family: 'icomoon';
	content: "\e913";
	position: absolute;
	right: 6px;
	top: 5px;
	font-size: 11px;
	color: #ecedd0; /* equivalent of tinted back white on green BG */
}
.reference_list section h3:before{
	content: counter(step-counter)'. ';
	color: #333;
	font-size: 25px;
}
.reference_list section h4{
	color: #333;
	margin: 16px 0px 0px 0px;
}
.reference_list section ul{
	padding-left: 16px;
	margin-bottom: 4px;
	position: relative;
}
.reference_list section ul li:before{
	content: '\25A0'; /* square — hex equivalent to HTML entity &#9632; */
	position: absolute;
	left: 0;
	font-size: 18px;
	color: #666;
}
.reference_list section ul ul li:before{
	content: '\25CF'; /* SECOND-LEVEL BULLET — CIRCLE — hex equivalent to HTML entity &#9632; */
}
.reference_list section ul ul ul li:before{
	content: '\2013'; /* THIRD-LEVEL BULLET is a dash */
	font-weight: bold;
	/*content: '\25C6';*/
	/* THIRD-LEVEL BULLET — DIAMOND — hex equivalent to HTML entity &#9632; */
}
.reference_list ol.double_digits li::before{
	width: 20px;
}
.reference_list ol.double_digits li{
	padding-left: 26px;
}
/*******************************
END Reference List Page
*******************************/




/*******************************
BEGIN Thought Pieces
*******************************/
#landing_bottom.thoughtpieces{
	padding-top:64px;
	max-width: 1000px;
}
.thoughtpieces #banner{
	height: 280px;
}
.thoughtpieces #all_tiles{
	width: 100%;
	padding-bottom: 31px; /* fit the loading indicator */
}
.width_holder.thoughtpieces #category_filter{
	float: left;
    /* margin-bottom: 30px; */
    margin-left: 11px;
    max-width: 200px;
    position: relative;
    top: -30px;
}
.thoughtpieces #banner .centered .details{
	top: 0px;
}
.thoughtpieces #banner span.purple{
	color: #6581b8;
	padding-right: 3px;
}
.thoughtpieces #banner h1{
	font-size: 64px;
	text-transform: none;
}
.width_holder.thoughtpieces .tile{
	width: 33.33333%;
    margin-bottom: 28px;
    float: left;
    background-color: transparent;
    box-shadow: none;
    box-sizing:border-box;
    opacity: 1;
}
.tile_inner_wrap {
    overflow: hidden;
    -moz-box-shadow: 1px 1px 2px #bcbcbc;
	-webkit-box-shadow: 1px 1px 2px #bcbcbc;
	box-shadow: 1px 1px 2px #bcbcbc;
    position: relative;
    background-color: #FFF;
}
.tile.aqua,
.tile.green,
.tile.orange,
.tile.red,
.tile.purple,
.tile.tan{
	color: #333;
}
.width_holder.thoughtpieces .tile .inner{
	padding: 40px 20px 20px 20px;
	width: 100%;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
    -moz-box-shadow: 1px 1px 2px #bcbcbc;
	-webkit-box-shadow: 1px 1px 2px #bcbcbc;
	box-shadow: 1px 1px 2px #bcbcbc;
    position: relative;
    background-color: #FFF;
}
.width_holder.thoughtpieces .tile .inner h1{
	color: #333;
	line-height: 1em;
	margin-bottom: 12px;
}
.width_holder.thoughtpieces h2,
.width_holder.thoughtpieces p,
.width_holder.thoughtpieces h3{
	letter-spacing: 0.5px;
    font-family: 'Helvetica Neue LT W05_47 Lt Cn', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 154%;
	margin-bottom: 12px;
}
.width_holder.thoughtpieces .tile .inner span.tile_link{
	display: block;

}
/*
.width_holder.thoughtpieces h3 + p{
	display: inline;
	font-family: 'Helvetica Neue LT W05_67 Md Cn', Arial, Helvetica, sans-serif;
}
.width_holder.thoughtpieces h3{
	display: inline;
}
.width_holder.thoughtpieces h3 + p:before{
	content: ': ';
}
*/
.width_holder.thoughtpieces .tile span.tag_kicker,
.width_holder.thoughtpiece_detail span.tag_kicker{
	display: inline-block;
	background: #000 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: "Helvetica LT W01 Ult Comp",Arial,Helvetica,sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1em;
    padding: 6px 8px;
    position: absolute;
    left: 20px;
    top: 0px; /* equivalent to height of border running along the top */
    z-index: 300;
}
.width_holder.thoughtpiece_detail span.tag_kicker{
	position: relative;
	display: inline;
	left: 8px;
	padding: 2px 8px;
}
.width_holder.thoughtpiece_detail #tp_meta p a:hover{
	border: none;
	text-decoration: none;
}
.width_holder.thoughtpieces .tile:before{
	background: #000;
    content: " ";
    display: block;
    height: 7px;
}
.width_holder.thoughtpieces .tile.aqua span.tag_kicker,
.width_holder.thoughtpiece_detail span.tag_kicker.aqua{
	background: #20bec6;
}
.width_holder.thoughtpieces .tile.aqua:before,
.width_holder.thoughtpiece_detail span.tag_kicker.aqua:hover{
	background: #137277;
}
.width_holder.thoughtpieces .tile.orange span.tag_kicker,
.width_holder.thoughtpiece_detail span.tag_kicker.orange{
	background: #f57e20;
}
.width_holder.thoughtpieces .tile.orange:before,
.width_holder.thoughtpiece_detail span.tag_kicker.orange:hover{
	background: #934c13;
}
.width_holder.thoughtpieces .tile.green span.tag_kicker,
.width_holder.thoughtpiece_detail span.tag_kicker.green{
	background: #9eba41 ;
}
.width_holder.thoughtpieces .tile.green:before,
.width_holder.thoughtpiece_detail span.tag_kicker.green:hover{
	background: #8faa3e;
}
.width_holder.thoughtpieces .tile.red span.tag_kicker,
.width_holder.thoughtpiece_detail span.tag_kicker.red{
	background: #d93b20;
}
.width_holder.thoughtpieces .tile.red:before,
.width_holder.thoughtpiece_detail span.tag_kicker.red:hover{
	background: #822313;
}
.width_holder.thoughtpieces .tile.purple span.tag_kicker,
.width_holder.thoughtpiece_detail span.tag_kicker.purple{
	background: #6581b8;
}
.width_holder.thoughtpieces .tile.purple:before,
.width_holder.thoughtpiece_detail span.tag_kicker.purple:hover{
	background: #546d9b;
}
.width_holder.thoughtpieces .tile.tan span.tag_kicker,
.width_holder.thoughtpiece_detail span.tag_kicker.tan{
	background: #aaa9a1;
}
.width_holder.thoughtpieces .tile.tan:before,
.width_holder.thoughtpiece_detail span.tag_kicker.tan:hover{
	background: #908c8b;
}
.width_holder.thoughtpieces .tile span.posted_date,
.width_holder.thoughtpiece_detail span.posted_date{
	display: block;
	position: relative;
	margin-top: 30px;
	font-family: "Helvetica Neue LT W05_47LtCnOb",Arial,Helvetica,sans-serif;
	font-size: 14px;
}
.width_holder.thoughtpiece_detail span.posted_date{
	display: inline;
}
.width_holder.thoughtpieces .tile span.posted_date:before,
.width_holder.thoughtpiece_detail span.posted_date:before{
	content: '—';
	position: absolute;
	top: -20px;
}
.width_holder.thoughtpieces .tile img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: -22px;
	float: left;
	position: relative;
	z-index: 200;
}
.width_holder.thoughtpieces span.tile_link a:link,
.width_holder.thoughtpieces span.tile_link a:visited{
	color: #8faa3e;
}
.width_holder.thoughtpieces span.tile_link a:hover{
	color: #8f9513;
}
.width_holder.thoughtpieces span.tile_link a:after{
	font-family: 'icomoon';
	content: "\e90b";
	position: relative;
	top: 2px;
	left: 4px;
	color: #9eba41 ;
}
.width_holder.thoughtpieces span.blockquote,
.thoughtpiece_detail blockquote{
	margin:0px;
	padding: 0px;
	position: relative;
	font-size: 22px;
	line-height: 1.5em;
	display: block;
}
.width_holder.thoughtpieces span.blockquote,
.thoughtpiece_detail #main_right blockquote p,
.thoughtpiece_detail #main_right blockquote h2,
.thoughtpiece_detail #main_right blockquote h3{
	font-size: 22px;
	line-height: 1.5em;
	font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
	color: #333;
	letter-spacing: 0px;
}
.width_holder.thoughtpieces span.blockquote + span.posted_date{
	padding: 0px 12px;
}
.width_holder.thoughtpieces span.blockquote + em{
	margin-top: 10px;
	line-height: 1.4em;
	display: block;
}
.width_holder.thoughtpieces span.blockquote:before,
.width_holder.thoughtpieces span.blockquote:before,
.thoughtpiece_detail blockquote p:before,
.thoughtpiece_detail blockquote h2:before,
.thoughtpiece_detail blockquote h3:before{
	content: "\201C";
	font-size: 40px;
	position: absolute;
    left: -14px;
    top: 0px;
    color: #999;
}
.width_holder.thoughtpieces span.blockquote:after,
.width_holder.thoughtpieces span.blockquote:after,
.thoughtpiece_detail blockquote p:after,
.thoughtpiece_detail blockquote h2:after,
.thoughtpiece_detail blockquote h3:after{
	content: "\201D";
}





/* BEGIN :: USED PURELY FOR MASONRY TO INITIALIZE CONTAINER SIZES BASED ON THESE DUMMY CONTAINERS */
.column-sizer{
	width: 31%;
}
.gutter-sizer{
	width: 2.33%;
}
/* END :: USED PURELY FOR MASONRY TO INITIALIZE CONTAINER SIZES BASED ON THESE DUMMY CONTAINERS */

#loading_indicator{
	display: block;
    left: 50%;
    margin: 0 auto 0 -31px;
    position: absolute;
    bottom: 0px;
    width: 31px;
    height: 31px;
    text-align: center;
    z-index: 100;
}
/*******************************
END Thought Pieces
*******************************/



/*******************************
BEGIN Thought Piece Detail-specific
*******************************/
#tp_meta{
	margin: 20px 0px 30px 0px;
}
#main_right blockquote{
	margin: 0px;
}
.snippet_override_edit_mode {
	/* For admin only */
    background: #d2f2f4 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #20bec6;
    font-family: "Helvetica Neue LT W05_67 Md Cn",Arial,Helvetica,sans-serif;
    letter-spacing: 0;
    margin-bottom: 0;
    padding: 20px 15px;
}
/*******************************
END Thought Piece Detail
*******************************/


/*******************************
BEGIN Search Results
*******************************/
#search_results{
	margin: 30px 0px 0px 0px;
}
#search_results .snippet{
	border-top: 1px solid #bcbcbc;
	padding: 24px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	display: table;
	width: 100%;
	position: relative;
}
#search_results .snippet:first-child{
	border: none;
	margin-top: 0px;
	padding-top: 0px;
}
#search_results .snippet p{
	margin-bottom: 0px;
}
#search_results .snippet p.kicker{
	font-family: "Helvetica Neue LT W05_47 Lt Cn",Arial,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 6px;
}
#search_results .snippet span.icon{
	display:table-cell;
	width: 42px;
}
#search_results .snippet.with_icon h1,
.document_snippet.with_icon h1,
#search_results .snippet.with_icon p{
	padding-left: 52px;
	position: relative;
}
#search_results .snippet.with_icon h1 a:before,
.document_list .row .cell h1 a:before{
	font-size: 42px;
	vertical-align: top;
	margin-right: 10px;
	position: absolute;
	top: 4px;
	left: 0;
}
#search_results .snippet .text{
	display: table-cell;
}
#search_results .snippet p a:link,
#search_results .snippet p a:visited{
	color: #333;
}
#search_results .snippet p a:hover{
	border: none;
}
#main_right #search_results h1 a,
#main_right .document_list h1 a{
	color: #8faa3e;
}
#search_results .snippet span.query_match{
	font-family: "Helvetica Neue LT W05_67 Md Cn",Arial,Helvetica,sans-serif;
	color: #000;
}
/*******************************
END Search Results
*******************************/


/*******************************
BEGIN Document List
*******************************/
/* SEE ABOVE */
#main_right h3:nth-word(2){
	color: #FF0000;
}
#main_right .grid_list.document_list .row .cell h1 a,
#main_right .grid_list.document_list .row .cell p{
	padding-left: 52px;
}
#main_right .grid_list.document_list .row .cell p{
	margin-bottom: 0px;
}
#main_right .grid_list.document_list .row .cell h1 a{
	margin-bottom: 4px;
	position: relative;
}
/*******************************
END Document List
*******************************/



/*******************************
BEGIN Login Page
*******************************/
body.login .outer-wrap,
body.login .inner-wrap,
body.login #outer,
body.login .fullwidth{
	height: 100%;
}
#fullpage_outer{
	width: 100%;
	padding: 0px 30px;
	box-sizing: border-box;
	display: table;
	background: #f3f2e6;
	text-align: center;
	margin: 0px auto;
	height: 100%;
	overflow: auto;
}
#fullpage_inner{
	display: table-cell;
	vertical-align: middle;
	max-width: 260px;
}
#login_wrap{
	background: #FFF;
	max-width: 500px;
	text-align: center;
	margin: 0px auto;
	-moz-box-shadow: 1px 1px 6px #bcbcbc;
	-webkit-box-shadow: 1px 1px 6px #bcbcbc;
	box-shadow: 1px 1px 6px #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	behavior: url(/ECF/test/css/csspie/PIE.htc); /* LIVE PATH will be /themes/ecfboardportal/css/csspie/PIE.htc */
}
#login_wrap form{
	display: inline;
}
#login_wrap_header{
	background-color: #a3c144;
	padding: 20px;
	text-align: left;
	display: block;
	width: 100%;
	box-sizing: border-box;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	behavior: url(/ECF/test/css/csspie/PIE.htc); /* LIVE PATH will be /themes/ecfboardportal/css/csspie/PIE.htc */
}
#login_wrap_body{
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}
#login_wrap_body h1{
	margin-bottom: 20px;
}
.alert_message{
	margin: 0 auto;
    max-width: 500px;
	text-align: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/ECF/test/css/csspie/PIE.htc); /* LIVE PATH will be /themes/ecfboardportal/css/csspie/PIE.htc */
	background: #ffd7d7;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.alert_message ul{
	margin: 0px;
}
.alert_message li{
	color: #d93b20;
	font-family: 'Helvetica Neue LT W05_67 Md Cn', Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
}
p.forgot_password_toggle{
	text-align: right;
	line-height: 1em;
	letter-spacing: 0px;
}
p.forgot_password_toggle a{
	font-family: 'Helvetica Neue LT W05_47LtCnOb', Arial, Helvetica, sans-serif;
}
.alert_message.success{
	background-color: #d2f2f4;
}
.alert_message.success p{
	margin-bottom: 0;
	color: #20bec6;
	font-family: 'Helvetica Neue LT W05_67 Md Cn', Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
.hide-forgotpassword-form,
.hide-login-form{
	display: none;
}
.show-forgotpassword-form,
.show-login-form{
	display: block;
	position: relative;
}
#login_wrap a.back_discreet{
	position: absolute;
	right: 0;
	width: auto;
	background-color: #c1c1c1;
}
#login_wrap a.back_discreet:hover{
	background-color: #adadad;
}
#forgotPasswordForm p{
	margin-bottom: 20px;
}
#forgotPasswordForm p.forgot_password_toggle{
	margin-bottom: 12px;
}
/*******************************
END Login Page
*******************************/



/*******************************
BEGIN MY Notes feature
*******************************/
#my_notes_wrapper{
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 400;
}
#my_notes_wrapper.notes_closed{
	/* this is for jQuery animation purposes */
	bottom: -288px;
}
#my_notes_wrapper.notes_open{
	/* this is for jQuery animation purposes */
	bottom: 0px;
}
#my_notes_wrapper.my_notes_wrapper_hidden{
	display: none;
}
#my_notes_width_holder{
    box-sizing: border-box;
    margin: 0 auto;
    overflow: auto;
    max-width: 980px;
    padding: 0 20px;
    width: 100%;
    position: relative;
    min-width: 310px;
}
#my_notes_inner{
	background: #009393;
	padding: 14px 14px 14px 24px;
}
#my_notes_btn_width_holder{
	 box-sizing: border-box;
    margin: 0 auto;
    overflow: auto;
    max-width: 980px;
    padding: 0 20px;
    width: 100%;
    position: relative;
    min-width: 310px;
}
#my_notes_notepad{
	background-color: #FFF;
	-moz-box-shadow: 1px 1px 2px #bcbcbc;
	-webkit-box-shadow: 1px 1px 2px #bcbcbc;
	box-shadow: 1px 1px 2px #bcbcbc;
	height: 240px;
	position: relative;
	padding: 10px 10px 10px 24px;
}
#scrollable_notes_list{
	/*
	overflow-y: auto;
	overflow-x: hidden;
	*/
	height: 100%;
	max-height: 100%;
	max-width: 100%;
}
#my_notes_notepad:before{
	content:  url(../images/spiral_bg.png);
	left: -14px;
	overflow: hidden;
	position: absolute;
	top: 12px;
	max-height: 98%; /*max-height: 245px;*/
}
a#my_notes_btn{
	background: #009393;
	display: inline;
   	padding: 7px 14px 3px 14px;
    /*position: absolute;*/
    right: 20px;
    top: -36px;
	color: #FFF;
    text-transform: lowercase;
    font-family:"Helvetica LT W01 Ult Comp",Arial,Helvetica,sans-serif;
    font-size: 24px;
    line-height: 1em;
    outline: none;
    float: right;
    box-sizing: border-box;
    cursor: pointer;
}
a#my_notes_btn:active,
a#my_notes_btn:visited{
	outline: none;
}
a#my_notes_btn.notes_btn_open:after,
a#my_notes_btn.notes_btn_closed:after{
	font-family: 'icomoon';
	font-size: 12px;
    padding-left: 5px;
    position: relative;
    top: -2px;
}
a#my_notes_btn.notes_btn_closed:after{
	content: "\e913";
}
a#my_notes_btn.notes_btn_open:after{
	content: "\e90c";
}
.note_item_row{
	box-sizing: border-box;
    border-top: 1px solid #009393;
	max-height: 38px;
	position: relative;
}
.note_item_row.expanded{
	max-height: none;
	border: none;
	height: 100%;
	overflow: auto;
	width: 100%;
}
.note_item_row.in_view_mode{
	border-top: none;
	max-height: none;
}
.note_item_row.in_view_mode .note_item{
	max-height: none;
}
.note_item_row.in_edit_mode{
	background: #e4f9f8;
}
.note_item_row:first-child{
	border-top: none;
}
.note_item_row p.note_content:hover {
	cursor: pointer;
}
.note_item_row.expanded p.note_content:hover {
	cursor: default;
}
.note_item_row.expanded p.note_content a:link,
.note_item_row.expanded p.note_content a:visited{
	color: #009393;
	border-bottom: 1px solid #bcbcbc;
}
.note_item_row.expanded p.note_content a:hover{
	color: #008484;
}
.note_item{
	display: inline-block;
	position: relative;
	/*max-width: 78%;
	padding: 8px 10px 8px 10px;
	*/

    max-height: 37px;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
}
.note_item p.note_content:hover{
	color: #009393;
}
.note_item_row.in_view_mode .note_item:hover p,
.note_item_row.expanded p.note_content:hover{
	color: #333;
}
.note_item_row.in_view_mode .note_item:hover p.date_time_kicker{
	color: #009393;
}
.note_item p{
	margin: 0px;
	line-height: 1.5em;
	padding: 8px 10px;
}
.note_item p a:link,
.note_item p a:visited{
	color: #666;
}
.note_item p a:hover{
	border: none;
	color: #009393;
}
.note_item_row.add_note{
	background: #e4f9f8;
}
.note_item_row.add_note p,
.note_item_row.add_note p a:link,
.note_item_row.add_note p a:visited{
	font-family: "Helvetica LT W01 Ult Comp",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #20bec6;
	font-size: 22px;
	line-height: 1em;
}
.note_item_row.add_note p a:hover{
	color: #009393;
}
.note_item_controls{
	display: inline-block;
	/*position: absolute;
	right: 20px;
	float: right;
	*/
	position: absolute;
	right: 0;
	padding: 8px 10px 0px 10px;
}
.note_item_controls a{
	display: inline-block;
	position: relative;
	top: 0px;
	color: #999;
	font-size: 26px;
	top: -3px;
	cursor: pointer;
}
.note_item_controls a.icon-add_note{
	color: #20bec6;
}
.note_item_controls a.icon-add_note:hover{
	color: #009393;
}
.note_item_controls a:hover{
	color: #20bec6;
}
.note_item_controls a.mynotes-display{
	display: inline-block;
}
p.date_time_kicker{
	font-size: 13px;
	font-family: 'Helvetica Neue LT W05_67 Md Cn', Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	color: #666;
	padding: 8px 10px;
	letter-spacing: 0;
}
p.mynotes-hidden,
.note_item_controls a.show-in-view-one-and-edit-mode,
.note_item_row.mynotes-hidden,
a.mynotes-hidden,
.note_item_controls a.mynotes-hidden{
	display: none;
}
a.icon-pencil.need-to-save:before,
a.icon-save_add_note:before,
a.icon-save_one_note:before{
	font-family: 'icomoon';
	content: "\e918";
	color: #20bec6;
}
.mCSB_container .note_item_controls{
	right: 0px;
	top: 0px;
}
.mCSB_container.mCS_no_scrollbar_y .note_item_controls{
	right: 0px;
}
.note_item_row .note_item textarea{
	width: 100%;
	min-height: 192px;
	box-sizing: border-box;
	line-height: 1.5em;
	border: 1px solid #bcbcbc;
	margin-top: 44px;
}
.note_item_row.add_note .note_item textarea{
	margin-top: 34px;
}



/*******************************
BEGIN Expanded Note
*******************************/
.note_item_row.expanded p.show-in-view-one-mode,
.note_item_row.expanded .note_item_controls a.show-in-view-one-and-edit-mode{
	display: inline-block;
}
.note_item_row.expanded{
	display: block;
}
.note_item_row.expanded .note_item{
	max-height: none;
	width: 100%;
	overflow: auto;
}
.note_item_row.expanded.add_note{
	padding: 10px;
}
.note_item_row.expanded .note_item_controls{
	padding-right: 0px;
	z-index: 400;
}
.note_item_row.add_note.expanded .note_item_controls{
	padding-right: 10px;
	padding-top: 0;
	top: 10px;
}
/*******************************
END Expanded Note
*******************************/





.flash{
	box-sizing: border-box;
    margin: 0 auto;
    padding: 10px 15px;
    width: 100%;
    z-index: 30;
    border-radius: 8px;
    margin-bottom: 10px;
    background: #fbcba6;
}
.flash p{
	margin: 0;
	color: #934c13;
	font-size: 13px;
	font-family: 'Helvetica Neue LT W05_67 Md Cn', Arial, Helvetica, sans-serif;
}
.flash.error{
  background: #f2bbb1;
}
.flash.error p{
  color: #d93b20;
}

/*******************************
END MY Notes feature
*******************************/



/*******************************
BEGIN Pagination
*******************************/
div.ccm-pagination.pagination--wrapper {
    text-align:left;
    overflow: hidden;
    margin-top:32px;
    text-align:center;
}
div.ccm-pagination.pagination--wrapper span {
    margin: 0;
}
div.ccm-pagination a.pagination_next_previous,
div.ccm-pagination span.pagination_next_previous {
	font-size: 24px;
	background-position: 100% 50%;
	font-family: 'Helvetica LT W01 Ult Comp', Arial, Helvetica, sans-serif;
	background-color: #6581b8;
	padding: 5px 26px 5px 8px;
	display: inline-block;
	border: none;
	color: #fff;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	position: relative;
	letter-spacing: 0.5px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	display: inline-block;
	float: right;
}
div.ccm-pagination a.pagination_next_previous--previous,
div.ccm-pagination span.pagination_next_previous--previous {
    padding: 5px 8px 5px 26px;
    float: left;
}
div.ccm-pagination a.pagination_next_previous--next:before,
div.ccm-pagination span.pagination_next_previous--next:before {
    font-family: 'icomoon';
    content: "\e90b";
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 16px;
}
div.ccm-pagination a.pagination_next_previous--previous:before,
div.ccm-pagination span.pagination_next_previous--previous:before {
	font-family: 'icomoon';
	content: "\e914";
	position: absolute;
	left: 9px;
	top: 10px;
	font-size: 16px;
}
div.ccm-pagination a.pagination_next_previous.pagination_next_previous--disabled,
div.ccm-pagination span.pagination_next_previous.pagination_next_previous--disabled {
    opacity: 0.5;
    cursor: default;
}
div.ccm-pagination span.pagination_page_number_list--wrapper {
    margin: 0;
    padding: 6px 22px 0 22px;
    display: inline-block;
}
div.ccm-pagination .pagination_page_number_list--wrapper a,
div.ccm-pagination .pagination_page_number_list--wrapper .current {
    font-size: 16px;
    margin: 0;
    padding: 5px;
    color: #8faa3e;
}
div.ccm-pagination .pagination_page_number_list--wrapper .current {
    color:#333;
}
div.ccm-pagination.pagination--wrapper .pagination_page_number_list--wrapper .ellipsis {
    padding:0;
    font-size: 14px;
}
/*******************************
END Pagination
*******************************/





/*******************************
BEGIN Staff Listing block
*******************************/
.staff_list_item{
	border-top: 1px solid #ccc;
    /*float: left; */
    margin-top: 20px;
    padding-top: 20px;
    width: 100%;
}
.staff_list_item .staff_thumb{
	text-align: center;
	width: 140px;
    float: left;
    margin: 4px 20px 5px 0;
}
#main_right .staff_list_item .staff_thumb img{
	width: 100%;
	display: block;
}
.staff_list_item span.list_pad p,
.staff_list_item p.list_pad{
	padding-left: 160px;
}
.staff_contact_info a {
	word-break: break-word;
}
/*******************************
END Staff Listing block
*******************************/


























/*******************************
BEGIN Responsive
*******************************/

/*******************************
BEGIN < 950px breakpoint
*******************************/
@media screen and (max-width: 950px) {

	/******** BEGIN GLOBALS ********/
	header nav{
		display: none;
	}
	#resnav-wrap {
        display: block;
    }
    #search_popdown{
    	display: none;
    }
    #logo{
		float: right;
		display: inline-block;
		margin-top: 0;
		padding-top: 22px;
		text-align: center;
		max-width: 224px;
    }
    #logo img{
    	width: 100%;
    	height: auto;
    }
    #head_right{
    	display: none;
    }
	/******** END GLOBALS ********/


}
/*******************************
END < 950px breakpoint
*******************************/




/*******************************
BEGIN < 860px breakpoint
*******************************/
@media screen and (max-width: 860px) {

	/******** BEGIN GLOBALS ********/
    #main_right h1{
    	padding-right: 0px;
    }
	#main_right,
	#main_left{
		width: 100%;
	}
	#main_left{
		padding-right: 0;
	}
	#main_left nav{
		padding-top: 25px;
		padding-bottom: 10px;
		border-top: 1px solid #bcbcbc;
		border-bottom: 1px solid #bcbcbc;

	}
	/******** END GLOBALS ********/




	/******** BEGIN Thought Piece Gallery ********/
	.column-sizer{
		width: 46%;
		height: 10px;
	}
	.gutter-sizer{
		width: 4%;
		height: 10px;
	}
	/******** END Thought Piece Gallery ********/



	/******** BEGIN Thought Piece Detail ********/
	a.button.back{
		width: auto;
	}
	/******** END Thought Piece Detail ********/




	/******** BEGIN Calendar page ********/
	#cal_filters{
		width: 100%;
		padding: 16px 0px 16px 16px;
		display: none;
	}
	#cal_filters.open{
		display: block;
	}
	#cal_filters.closed{
		display: none !important;
	}
	#cal_filter_head{
		margin-bottom: 0px;
		line-height: 1em;
		position: relative;
		display: block;
		cursor: pointer;
		background: #dad9cf;
	}
	#cal_filter_head:hover{
		background: #c4c3ba;
	}
	#cal_filter_head:after{
		font-family: 'icomoon';
		content: "\e90c";
		position: absolute;
		right: 12px;
		top: 11px;
		font-size: 14px;
	}
	#cal_filter_head.open:after{
		content: "\e913";
	}
	#cal_filters span.stylized{
		display: inline-block;
		vertical-align: top;
		width: auto;
		padding-top: 6px;
		margin-right: 12px;
	}
	#cal_filters #category_checkboxes{
		margin-bottom: 10px;
	}
	#cal_filters #category_checkboxes span.stylized{
		display: inline-block;
		border: none;
		margin-right: 12px;
		padding: 6px 0px 2px 0px;
	}
	#cal_filters span.select{
		display: inline-block;
		width: auto;
		margin-right: 12px;
	}
	#cal_filters h2{
		border-top: 1px solid #bcbcbc;
		padding-top: 18px;
		margin-top: 10px;
		margin-right: 20px;
	}
	#cal_filters input[type="submit"]{
		margin: 0px;
	}
	/******** END Calendar page ********/

}
/*******************************
END < 860px breakpoint
*******************************/








/*******************************
BEGIN < 650px breakpoint
*******************************/
@media screen and (max-width: 650px) {



	/******** BEGIN GLOBALS ********/
	footer .col.left{
		width: 56%;
	}
	footer #tagline{
		width: 85%;
	}
	#modal-holder{
		max-width: 90%;
	}
	/******** END GLOBALS ********/


	/******** BEGIN HOME PAGE ********/
	.grid_list .row .cell span.pipe::before{
		content: ' ';
		display: block;
	}
	.calendar_widget .row .cell p{
		line-height: 1.3em;
	}
	.grid_list{
		padding: 16px 0px;
	}
	.grid_list .row{
		padding: 0 16px;
	}
	.grid_list .row .cell{
		padding: 16px;
	}
	.home .calendar_widget{
		padding-bottom: 16px;
	}
	#banner .details h2{
		font-size: 20px;
	}
	/******** END HOME PAGE ********/


	/******** BEGIN STAFF LISTING BLOCK  ********/
	.staff_list_item span.list_pad p,
	.staff_list_item p.list_pad{
		padding-left: 0px;
	}
	.staff_list_item span.list_pad p.staff_contact_info{
		padding-left: 160px;
	}
	.staff_list_item span.phone,
	.staff_list_item span.phone{
		display: block;

	}
	p.staff_contact_info span.pipe:before{
		content: none;
	}
	/******** END STAFF LISTING BLOCK  ********/

/*******************************
END < 650px breakpoint
*******************************/







/*******************************
BEGIN < 600px breakpoint
*******************************/
@media screen and (max-width: 600px) {


	/******** BEGIN HOME ********/
	.two_col_full .col{
		width: 100%;
		margin-bottom: 15px;
	}
	.two_col_full .col + .col{
		margin-bottom: 0;
	}
	/******** END HOME ********/


}
/*******************************
END < 600px breakpoint
*******************************/






/*******************************
BEGIN < 550px breakpoint
*******************************/
@media screen and (max-width: 550px) {


	/******** BEGIN GLOBALS ********/


	/******** BEGIN MY NOTES ********/
	#my_notes_notepad:before{
		content: none;
	}
	#my_notes_inner{
		padding: 10px;
	}
	#my_notes_notepad{
		padding: 10px;
	}
	.note_item p.content{
		font-size: 15px;
		line-height: 1.55em;
		padding-left: 0px;
		padding-right: 0px;
	}
	.note_item_row.expanded .note_item p{
		padding:0px;
	}
	.mCSB_container .note_item_row.expanded .note_item_controls{
		padding-top: 3px;
	}
	.mCSB_container.mCS_no_scrollbar_y .note_item_row.expanded .note_item_controls{
	    z-index: 100;
	}
	.note_item_row.expanded span.pipe:before{
		content: ' ';
		display: block;
	}
	p.date_time_kicker{
		margin-bottom: 20px;
	}
	.note_item_row .note_item textarea{
		margin-top: 36px;
	}
	/******** END MY NOTES ********/


	footer .col.left{
		width: 100%;
	}
	footer p{
		line-height: 18px;
		margin-top: 10px;
	}
	footer .col.right{
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	footer #tagline{
		float: left;
		width: auto;
		margin-top: 5px;
	}
	footer #social{
		float: right;
		clear: none;
		margin-top: 0px;
	}
	footer #social a{
		margin-left: 5px;
	}
	.home footer .width_holder{
		padding-top: 0px;
	}
	footer .width_holder {
		padding-bottom: 40px;
		padding-top: 40px;
	}
	#main_right img.image_left,
	#main_right .image_left img,
	#main_right img.image_right,
	#main_right .image_right img,
	img.image_left_with_caption,
	.image_left_with_caption img,
	img.image_right_with_caption,
	.image_right_with_caption img,
	#main_right img.image_left_with_caption,
	#main_right .image_left_with_caption img,
	#main_right img.image_right_with_caption,
	#main_right .image_right_with_caption img{
		display: block;
		margin: 0px auto 16px auto;
		float: none;
	}
	img.image_left_with_caption,
	.image_left_with_caption img,
	img.image_right_with_caption,
	.image_right_with_caption img,
	#main_right img.image_left_with_caption,
	#main_right .image_left_with_caption img,
	#main_right img.image_right_with_caption,
	#main_right .image_right_with_caption img{
		margin-bottom: 8px;
	}
	#main_right p.caption.r_cap,
	#main_right p.caption.l_cap{
		display: block;
		margin: 0px auto;
		max-width: 220px;
		float: none;
		font-size: 14px;
		line-height: 1.4em;
	}
	.img_wrapper{
		width: 100% !important;
		margin-bottom: 14px;
	}
	/******** END GLOBALS ********/


	/******** BEGIN MOBILE NAV ********/
	.mobile .mobile-nav,
	.mobile-nav.open{
		 width: 80%;
		 min-width: 280px;
	}
	.nav-open .inner-wrap,
	.nav-open footer {
		left: 80%;
	}
	.mobile-nav.closed{
		left: -80%;
	}
	/******** END MOBILE NAV ********/


	/******** BEGIN HOME PAGE ********/
	.three_col.callout_boxes .col{
		width: 100%;
		margin-bottom: 15px;
	}
	.callout_boxes .icon-circle_arrow::before{
		/* top: 24px; */
	}
	.grid_list .row .cell span.pipe::before{
		content: '|';
		display: inline;
	}
	.calendar_widget .row .cell p{
		line-height: 1em;
	}
	.grid_list .row .cell{
		display: block;
		width: 100%;
		border-left: none;
		border-right: none;
		padding: 14px 0px 14px 0px;
	}
	.grid_list .row:first-child .cell{
		padding-top: 14px;
		border-top: 1px solid #bcbcbc;
	}
	.grid_list .row:first-child .cell:first-child{
		padding-top: 0px;
		border-top: none;
	}
	.general .grid_list .row:first-child .cell:first-child{
		padding-top: 20px;
	}
	.home .calendar_widget.grid_list .row>a.button{
		width: 100%;
		margin-top: 0px;
	}
	#banner{
		height: 300px;
	}
	#banner.left_aligned{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#banner.left_aligned .inner .slide_image,
	#banner.left_aligned .inner .details{
		width: 100%;
		display: block;
	}
	#banner.left_aligned .inner .details{
		padding: 0px;
		text-align: center;
	}
	#banner.left_aligned .inner .slide_image{
		height: 200px;
	}
	#banner .details h1{
		font-size: 60px;
		margin: 10px 0px 5px 0px;
	}
	#banner.centered .details h2{
		display: block;
	}
	#banner.left_aligned .inner a.button,
	#banner.centered .details a.button{
		margin: 8px 0px 0px 16px;
	}
	/******** END HOME PAGE ********/



	/******** BEGIN CALENDAR PAGE ********/
	.calendar_widget .row .cell a.button{
		position: absolute;
		right: 0px;
		top: 14px;
	}
	a.button.cta + a.button.info{
		right: 68px;
	}
	.grid_list .row .cell p,
	.grid_list .row .cell h2,
	.grid_list .row .cell h1,
	#main_right .grid_list h1,
	#main_right .grid_list .row .cell h1{
		padding-right: 0px;
	}
	#modal.event .topstrip .left,
	#modal.event .topstrip .right{
		width: 100%;
		display: block;
	}
	#modal.event a.button{
		float: left;
		margin-bottom: 0px;
	}
	.grid_list .row .cell h1,
	#main_right .grid_list h1,
	#main_right .grid_list .row .cell h1{
		padding-top: 5px;
	}
	/******** END CALENDAR PAGE ********/


	/******** BEGIN DOCUMENT LIST PAGE AND CALENDAR PAGE ********/
	#main_right .grid_list .row .cell{
		width: 100%;

	}
	#main_right .grid_list .row .cell:first-child{
		border-right: none;
	}
	/******** END DOCUMENT LIST PAGE AND CALENDAR PAGE ********/






	/******** BEGIN THOUGHT PIECES GALLERY ********/
	.width_holder.thoughtpieces #category_filter{
		width: 100%;
		max-width: none;
		margin-left: 0;
	}
	.width_holder.thoughtpieces #category_filter span.select{
		width: 100%;
	}
	.column-sizer{
		width: 100%;
		height: 10px;
		margin-bottom: 0px;
	}
	.gutter-sizer{
		width: 10%;
		height: 10px;
	}
	/******** END THOUGHT PIECES PAGE ********/



}
/*******************************
END < 550px breakpoint
*******************************/




/*******************************
BEGIN <400px breakpoint
*******************************/
@media screen and (max-width: 400px) {


	/******** BEGIN GLOBALS ********/
	a#my_notes_btn{
		width: 100%;
	}
	a#my_notes_btn.notes_btn_open::after,
	a#my_notes_btn.notes_btn_closed::after{
		position: absolute;
		right: 30px;
		top: 3px;
	}
	a#my_notes_btn.notes_btn_open::after{
		top: 6px;
	}
	#my_notes_wrapper.notes_closed{
		bottom: -280px;
	}
	.note_item_row.expanded .note_item{
		/* width: 58%; */
		width: 100%;
		/* margin-top: 34px; */
	}
	.note_item_row .note_item textarea{
		margin-top: 36px;
	}
	#main_right img.image_left,
	#main_right .image_left img,
	#main_right img.image_right,
	#main_right .image_right img,
	img.image_left_with_caption,
	.image_left_with_caption img,
	img.image_right_with_caption,
	.image_right_with_caption img,
	#main_right img.image_left_with_caption,
	#main_right .image_left_with_caption img,
	#main_right img.image_right_with_caption,
	#main_right .image_right_with_caption img{
		width: 100%;
		max-width: 100%;
	}
	#main_right p.caption.r_cap, #main_right p.caption.l_cap{
		max-width: 100%;
		width: 100%;
	}
	footer #tagline {
		width: 60%;
	}
	/******** END GLOBALS ********/



	/******** BEGIN Login ********/
	#fullpage_outer{
		padding-left: 20px;
		padding-right: 20px;
	}
	#login_wrap_header img{
		max-width: 218px;
	}
	/******** BEGIN Login ********/


	/******** BEGIN HOME PAGE ********/
	#banner{
		padding: 0px;
	}
	#banner .details h1{
		font-size: 42px;
	}
	.callout_boxes h2{
		font-size: 16px;
	}
	#banner.centered .slide_image img{
		max-width: 190%;
		margin-left: -45%;
	}
	/******** END HOME PAGE ********/



	/******** BEGIN CALENDAR PAGE ********/
	.calendar_widget .row .cell a.button{
		position: relative;
		top: auto;
		right: auto;
	}
	a.button.cta + a.button.info{
		right: auto;
	}
	.grid_list .row .cell p,
	.grid_list .row .cell h2,
	.grid_list .row .cell h1,
	#main_right .grid_list h1,
	#main_right .grid_list .row .cell h1{
		padding-right: 0px;
	}
	.grid_list .row .cell h1,
	#main_right .grid_list h1,
	#main_right .grid_list .row .cell h1{
		padding-top: 0px;
	}
	/******** END CALENDAR PAGE ********/


	/******** BEGIN STAFF LISTING BLOCK  ********/
	.staff_list_item .staff_thumb{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 16px;
	}
	.staff_list_item .staff_title,
	.staff_list_item h3{
		text-align: center;
	}
	.staff_list_item span.list_pad p.staff_contact_info {
		padding-left: 0px;
		text-align: center;
	}
	.staff_list_item span.phone{
		display: inline;
	}
	p.staff_contact_info span.pipe:before{
		content: '|';
	}
	/******** END STAFF LISTING BLOCK  ********/


}
/*******************************
END < 400px breakpoint
*******************************/