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


@font-face {
	 font-family: "LLBrownWeb-Regular";
	 src: 	 url("/shared/framework/fonts/lineto-brown-regular-c.eot");
	 src: 	 url("/shared/framework/fonts/lineto-brown-regular-c.eot?#iefix") format("embedded-opentype"),
url("/shared/framework/fonts/lineto-brown-regular-c.woff") format("woff"),
url("/shared/framework/fonts/lineto-brown-regular-c.ttf") format("truetype"),
url("/shared/framework/fonts/lineto-brown-regular-c.svg#LLBrownWeb-Regular") format("svg");
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	 font-family: "LLBrownWeb-Bold";
	 src: 	 url("/shared/framework/fonts/lineto-brown-bold-c.eot");
	 src: 	 url("/shared/framework/fonts/lineto-brown-bold-c.eot?#iefix") format("embedded-opentype"),
url("/shared/framework/fonts/lineto-brown-bold-c.woff") format("woff"),
url("/shared/framework/fonts/lineto-brown-bold-c.ttf") format("truetype"),
url("/shared/framework/fonts/lineto-brown-bold-c.svg#LLBrownWeb-Bold") format("svg");
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	 font-family: "LLBrownWeb-Bolditalic";
	 src: 	 url("/shared/framework/fonts/lineto-brown-bolditalic-c.eot");
	 src: 	 url("/shared/framework/fonts/lineto-brown-bolditalic-c.eot?#iefix") format("embedded-opentype"),
url("/shared/framework/fonts/lineto-brown-bolditalic-c.woff") format("woff"),
url("/shared/framework/fonts/lineto-brown-bolditalic-c.ttf") format("truetype"),
url("/shared/framework/fonts/lineto-brown-bolditalic-c.svg#LLBrownWeb-Bolditalic") format("svg");
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	 font-family: "LLBrownWeb-Light";
	 src: 	 url("/shared/framework/fonts/lineto-brown-light-c.eot");
	 src: 	 url("/shared/framework/fonts/lineto-brown-light-c.eot?#iefix") format("embedded-opentype"),
url("/shared/framework/fonts/lineto-brown-light-c.woff") format("woff"),
url("/shared/framework/fonts/lineto-brown-light-c.ttf") format("truetype"),
url("/shared/framework/fonts/lineto-brown-light-c.svg#LLBrownWeb-Light") format("svg");
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	 font-family: "LLBrownWeb-Lightitalic";
	 src: 	 url("/shared/framework/fonts/lineto-brown-lightitalic-c.eot");
	 src: 	 url("/shared/framework/fonts/lineto-brown-lightitalic-c.eot?#iefix") format("embedded-opentype"),
url("/shared/framework/fonts/lineto-brown-lightitalic-c.woff") format("woff"),
url("/shared/framework/fonts/lineto-brown-lightitalic-c.ttf") format("truetype"),
url("/shared/framework/fonts/lineto-brown-lightitalic-c.svg#LLBrownWeb-Lightitalic") format("svg");
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	 font-family: "LLBrownWeb-Thin";
	 src: 	 url("/shared/framework/fonts/lineto-brown-thin-c.eot");
	 src: 	 url("/shared/framework/fonts/lineto-brown-thin-c.eot?#iefix") format("embedded-opentype"),
url("/shared/framework/fonts/lineto-brown-thin-c.woff") format("woff"),
url("/shared/framework/fonts/lineto-brown-thin-c.ttf") format("truetype"),
url("/shared/framework/fonts/lineto-brown-thin-c.svg#LLBrownWeb-Thin") format("svg");
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	 font-family: "LLBrownWeb-Thinitalic";
	 src: 	 url("/shared/framework/fonts/lineto-brown-thinitalic-c.eot");
	 src: 	 url("/shared/framework/fonts/lineto-brown-thinitalic-c.eot?#iefix") format("embedded-opentype"),
url("/shared/framework/fonts/lineto-brown-thinitalic-c.woff") format("woff"),
url("/shared/framework/fonts/lineto-brown-thinitalic-c.ttf") format("truetype"),
url("/shared/framework/fonts/lineto-brown-thinitalic-c.svg#LLBrownWeb-Thinitalic") format("svg");
	 font-weight: normal;
	 font-style: normal;
}

html {
  position: relative;
  min-height: 100%;
}

body {
	background-color: #dad9d6;
	padding-top: 134px;
	vertical-align: bottom;
	color: #000000;
	font-family:"LLBrownWeb-light", sans-serif, Arial;
	font-size:17px;
	margin-bottom: 60px;
}

a {
  /*color: #000000;
  text-decoration: underline;*/
  color: #007C9B;
  text-decoration: none;
  font-weight:bold;
}
a:hover,
a:focus {
  /*color: #333333;*/
  text-decoration: underline;
  color: #007C9B;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
p {
    margin: 0 0 20px;
}

.font-light {
	font-family:'LLBrownWeb-Light', sans-serif, Arial;
}
.font-lightitalic {
	font-family:'LLBrownWeb-Lightitalic', sans-serif, Arial;
}
.font-regular {
	font-family:'LLBrownWeb-Regular', sans-serif, Arial;
}
.font-bold {
	font-family:'LLBrownWeb-Bold', sans-serif, Arial;
}
.font-bolditalic {
	font-family:'LLBrownWeb-Bolditalic', sans-serif, Arial;
}


/***********************************
* HEADER STYLES
***********************************/
.mm-opened div.navbar { position:relative; margin-bottom: 0px; }
.mm-opened body { padding-top: 0; }
.mm-opened .switch { display:none; }
.switch {
	position: fixed;
	top: 50%;
	right: 10px;
	z-index: 1100;
	width: 30px;
	height: 30px;
}
	
.switch .fa {
	font-size:22px;
	color:#626061;
}

.main-header { 
	min-height: 134px; 
	border-bottom: 1px solid #000000; 
	white-space:nowrap; 
	background-color: #dad9d6;
	}
.navbar-toggle .icon-bar { height: 3px; border-radius: 2px; background-color: #888; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 3px; }
.navbar-toggle { float: left; margin-top: 35px; margin-left: 5px; display:block; }
.navbar-toggle:hover,
.navbar-toggle:focus { background-color: #ddd; border: #EBEBEB 1px solid;  }

.navbar-toggle-menu {
		display: block;
		/*font-size:20px;*/
		color:#888888;
		margin-top: 6px;
		padding: 4px 10px;
		clear:both;
		float:left;
		border: 1px solid #DAD9D6;
		text-decoration:none;
	}
	.navbar-toggle-menu span {
		color:#888888;
		text-decoration:none;
		padding-left: 5px;
		font-family: "LLBrownWeb-Bold",sans-serif,Arial;
		font-weight: normal;
		text-transform: uppercase;
		display:inline-block;
	}
	
	.navbar-toggle-menu:hover,
	.navbar-toggle-menu:focus {
		background-color: #ddd;
		border: 1px solid #ebebeb;
		border-radius: 4px;
		color:#888888;
		text-decoration:none;
	}

@media (max-width: 767px) {
		body {
			padding-top: 90px;
		}
		.main-header {
			min-height: 90px;
		}
		.navbar-logo {
			margin-top: 10px;
		}
	}


/*.navbar-welcome { float: left; margin-top: 30px; margin-left: 26px; }*/
.navbar-welcome { float: right; margin-top: 25px; margin-right: 26px; }
/*.navbar-logo { float: right; margin-top: 10px; margin-right: 60px;  }*/
.navbar-logo { float: left ; margin-top: 5px; margin-left: 0; }

.chop-mark {
		margin:38px 20px 15px;
	}

.search-table {
	margin-top: 17px;
	padding: 2px 0;
	position: relative;
	display: inline-block;
	z-index: 1;
	background-color: #FFFFFF;
	}
.search-table .fa {
		line-height: inherit;
	}
	
#search-toggle {
		padding-bottom: 0px;
		text-align: center;
		z-index:0;
		position: absolute;
		width: 100%;
	}
.search-icon {
		margin: 0px 20px 0 20px;
		color: #008DA8;
		vertical-align: bottom;
		cursor:pointer;
		font-size:25px;
	}
.close-icon {
		margin: 0px 10px 0 20px;
		color: #999;
		vertical-align: bottom;
		z-index:0;
		cursor:pointer;
		font-size:20px;
		font-weight:100;
	}
	
.search-field {
		border: none;
		background-color: transparent;
		font-size:22px;
		width: 100%;
		padding-top:2px;
	}

/***********************************
* Nav HEADER STYLES
***********************************/
#top-nav {
	/*min-height: 66px;*/
	/*clear:left;*/
	clear: right;
}

#top-nav  div.header-nav {
	text-align: center;
	height: 52px;
	display:block;
	position:relative;
}
div.header-nav ul {
	list-style-type: none;
	margin-bottom: 0;
	/*padding: 10px 0 0 0;*/
	padding: 19px 0 0;
}
div.header-nav ul li {
	display: inline-block;
}

div.header-nav ul li img {
	vertical-align: text-bottom;
}
div.header-nav ul li a {
	font-family: "LLBrownWeb-Bold", sans-serif, Arial;
	color: #000000;
	text-transform: uppercase;
	font-size: 15px;
	font-weight:normal;
}

div.header-nav ul li.Selected ,
div.header-nav ul li:hover {
	background-color:#D0D0D0;
}
div.header-nav ul li.hidden-xs:hover {
	background-color: transparent;
}

@media (min-width: 1200px) {
	div.header-nav ul { padding: 19px 0 0 0; }
	div.header-nav ul li { padding: 3px 17px; }	
	div.header-nav ul li a { font-size: 17px; }	
}

@media (min-width: 991px) and (max-width: 1199px) {	
	div.header-nav ul { padding: 17px 0 0 0; }
	div.header-nav ul li { padding: 5px 13px; }
	div.header-nav ul li a { font-size: 17px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-logo { margin-top: 10px; margin-right: 0;  }
	.navbar-toggle-menu { margin-top: 1px; }
	div.header-nav ul { padding: 20px 0 0 0; }
	div.header-nav ul li { padding: 3px 9px; }	
	div.header-nav ul li a { font-size: 15px; }
}
@media (max-width: 767px) {
	.navbar-logo { margin-top: 10px; margin-right: 0; width: 220px; margin-left: 10px  }
}	

@media (min-width: 767px) {
	div.header-nav ul li { margin: 0; }		
}			



/***********************************
* FOOTER STYLES
***********************************/
.footer {
	/*position: fixed;
	height: 132px;*/
	height: 60px;
	bottom: 0;
	width: 100%;
	background-color: #dad9d6;
    position: absolute;
}
#foot1 {
	min-height: 66px;
}

#foot1  div.bottom-nav {
	text-align: center;
}
div.bottom-nav ul {
	list-style-type: none;
	padding: 10px 0 0 0;
}
div.bottom-nav ul li {
	display: inline-block;
}
@media (min-width: 991px) {
	div.bottom-nav ul li {
		padding: 0 8px;
	}		
}
@media (min-width: 767px) {
	div.bottom-nav ul li {
		margin: 0 8px;
	}		
}
@media (max-width: 767px) {
	body {
		margin-bottom: 0;
	}
	
	.footer {
		position: relative;
	}	
}

			
div.bottom-nav ul li img {
	vertical-align: text-bottom;
}
div.bottom-nav ul li a {
	font-family: "LLBrownWeb-Bold", sans-serif, Arial;
	color: #000000;
	text-transform: uppercase;
	font-size: 18px;
}

#foot2 {
	border-top: 1px solid #000000;
	height: 64px;
	text-align: center;
	padding-top: 6px;
}

#foot2 a {
	color: #000;
}


/* -- General STYLES -- */
.pdf-file {
	background-image: url(/images/framework/pdf.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.help-text {
    color: #737373;
	display:block;
    margin-bottom: 10px;
    margin-top: 5px;
	font-size:14px;
}
.no_ol {text-decoration:none;}
#top-image-bar { 
	padding-bottom: 30px; 
}

#top-image-bar .mobile-wrap {
	position: relative;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}


.bg-color { color:#dad9d6; }
video { width: 100% !important; height: auto !important; }
.gen-hl { font-family: "LLBrownWeb-Bold", sans-serif, Arial; }
.gen-hl span { text-decoration:underline; }
.section-header {
	padding-top: 20px;
	padding-bottom: 20px;
}
a.bluelink,
.blue {
	color: #008ca7;
}
.blue-box {
	color: #008DA8;
	float: left;
	border: 2px solid #008DA8;
	padding: 2px 10px;
}

figure { display: block; }  /*video responsive wrap*/

.fancybox-title-over-wrap {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	width: 100%;
	padding: 15;
	font-size: 16px;
	font-family: "LLBrownWeb-light", sans-serif, Arial;
	font-size: 17px;
	line-height: 115%;
}

.fancybox-title-over-wrap > div {
	padding: 10px;
}

article {
	font-family:'LLBrownWeb-Light', sans-serif, Arial;
	font-size:17px;
	padding-bottom: 35px;
}

article header {
	font-family:'LLBrownWeb-Bold', sans-serif, Arial;
	font-size:20px;
}

.form-block {
	border-top: #231F20 1px dashed;
	border-bottom: #231F20 1px dashed;
	background-color: #E3E3E3;
	padding: 10px 0;
	margin-bottom: 30px;
}

.nogutter {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-blue {
	padding: 24px 29px;
	background-color:transparent;
	border: 1px solid #008ca7;
	color: #008ca7;
	margin-bottom: 20px;
}
.well-orange {
	background-color: #FF674C;
	border: 1px solid #FF674C;
	color: #fff;
	padding: 24px 15px;
	font-size: 14px;
}
a:hover .well-orange {
	background-color: #FFF;
	border: 1px solid #FFF;
	color: #FF674C;
	text-decoration:none;
}
.well header {
	font-family:'LLBrownWeb-bold', sans-serif, Arial;
	font-size:18px;
}
.well-lg {
  padding: 24px;
  border-radius: 0px;
}
.well-sm {
  padding: 9px;
  border-radius: 0px;
}



img.pull-left {
	margin: 0 15px 5px 0;
}
img.pull-right {
	margin: 0 0 5px 15px;
}



@media (min-width: 1200px) {
	.gen-hl { font-size: 23px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.gen-hl { font-size: 21px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.gen-hl { 
		font-size: 18px; 
	}
	
}

@media (min-width: 480px) and (max-width: 768px) {
	
}

@media (max-width: 767px) {
	/*#top-image-bar { 
		padding-left: 0; 
		padding-right: 0;
	}*/
}

/***********************************
* Feature blocks 
***********************************/

.col-sm-8 .filler-wrap {
	position: relative;
	margin-bottom: 25px;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.col-sm-4 .filler-wrap,
.feature-wrap {
	position: relative;
	margin-bottom: 25px;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}

.feature-overlay {
	position: absolute;
	width: 100%;
	min-height: 28%;
	bottom: 0;
	left: 0;
	color: #FFFFFF;
	background-color: rgba(0,0,0,.6);
	padding: 10px 23px;
	font-size: 18px;
	line-height: 100%!important;
	font-family: "LLBrownWeb-Regular", sans-serif, Arial;
}

.filler-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 120%;
	font-family: "LLBrownWeb-Regular", sans-serif, Arial;
	text-align:center;
}

/*Font type*/
.feature-overlay .SLN, .feature-overlay .LLN { font-family: 'LLBrownWeb-Light', sans-serif, Arial; font-weight: normal; }
.feature-overlay .SLI, .feature-overlay .LLI { font-family: 'LLBrownWeb-Lightitalic', sans-serif, Arial; font-style: normal; font-weight: normal; }
.feature-overlay .SRN, .feature-overlay .LRN { font-family: 'LLBrownWeb-Regular', sans-serif, Arial; font-weight: normal; }
.feature-overlay .SBN, .feature-overlay .LBN { font-family: 'LLBrownWeb-Bold', sans-serif, Arial; font-weight: normal; }
.feature-overlay .SBI, .feature-overlay .LBI { font-family: 'LLBrownWeb-Bolditalic', sans-serif, Arial; font-style: normal; font-weight: normal; }


/*Font size*/
.feature-overlay .SLN,
.feature-overlay .SLI,
.feature-overlay .SRN,
.feature-overlay .SBN,
.feature-overlay .SBI {
	font-size:14px;
}

.feature-overlay .LLN,
.feature-overlay .LLI,
.feature-overlay .LRN,
.feature-overlay .LBN,
.feature-overlay .LBI {
	font-size:18px;
	line-height: 120%;
}


.feature-overlay > div.date {
	font-size: 16px;
}
.feature-overlay > div.type {
	font-size: 10px;
}
.feature-overlay > div.type span {
	padding: 2px 5px;
	border: #FFFFFF 1px solid;
	color:#FFFFFF;
	text-decoration: none;
}

.feature-overlay > div.SFF span {
	padding: 2px 5px;
	border: #FFFFFF 1px solid;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
	.feature-overlay {
		padding: 7px 20px;
		font-size: 16px;
		line-height: 120%;
	}
	/*Font size*/
	.feature-overlay .SLN,
	.feature-overlay .SLI,
	.feature-overlay .SRN,
	.feature-overlay .SBN,
	.feature-overlay .SBI {
		font-size:13px;
	}
	
	.feature-overlay .LLN,
	.feature-overlay .LLI,
	.feature-overlay .LRN,
	.feature-overlay .LBN,
	.feature-overlay .LBI {
		font-size:17px;
		line-height: 120%;
	}
	
	.feature-overlay > div.date {
		font-size: 14px;
	}
	.feature-overlay > div.type {
		font-size: 9px;
	}
	.feature-overlay > div.type span {
		padding: 1px 3px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.feature-overlay {
		padding: 6px 10px;
		font-size: 13px;
	}
	/*Font size*/
	.feature-overlay .SLN,
	.feature-overlay .SLI,
	.feature-overlay .SRN,
	.feature-overlay .SBN,
	.feature-overlay .SBI {
		font-size:12px;
	}
	
	.feature-overlay .LLN,
	.feature-overlay .LLI,
	.feature-overlay .LRN,
	.feature-overlay .LBN,
	.feature-overlay .LBI {
		font-size:15px;
	}
	.feature-overlay > div.date {
		font-size: 12px;
	}
	.feature-overlay > div.type {
		font-size: 8px;
	}
	.feature-overlay > div.type span {
		padding: 1px 3px;
	}
}

@media (min-width: 480px) and (max-width: 768px) {
}

@media (max-width: 767px) {
}



/**********************************
* RELATED EVENTS BLOCK 
***********************************/

.related-block {
	margin-top: 25px;
}

.related-block .feature-wrap {				
	margin-top: 20px;
}

.related-block .feature-overlay {
	font-family: "LLBrownWeb-light", sans-serif, Arial;
	font-size: 17px;
	line-height: 115%;
	height:auto;
}

/*Font size*/
.related-block .feature-overlay .SLN,
.related-block .feature-overlay .SLI,
.related-block .feature-overlay .SRN,
.related-block .feature-overlay .SBN,
.related-block .feature-overlay .SBI {
	font-size:15px;
	}

.related-block .feature-overlay .LLN,
.related-block .feature-overlay .LLI,
.related-block .feature-overlay .LRN,
.related-block .feature-overlay .LBN,
.related-block .feature-overlay .LBI {
	font-size:18px;
	line-height: 125%;
	}
	
@media (max-width: 1199px) {

	.feature-wrap .feature-overlay {
		font-size: 13px;
		padding:10px;
	}
	
	/*Font size*/
	.related-block .feature-overlay .SLN,
	.related-block .feature-overlay .SLI,
	.related-block .feature-overlay .SRN,
	.related-block .feature-overlay .SBN,
	.related-block .feature-overlay .SBI {
		font-size:12px;
		}
}
@media (min-width: 992px) and (max-width: 1199px) {
	
	.related-block .feature-overlay .LLN,
	.related-block .feature-overlay .LLI,
	.related-block .feature-overlay .LRN,
	.related-block .feature-overlay .LBN,
	.related-block .feature-overlay .LBI {
		font-size:14px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

	
	.related-block .feature-overlay .LLN,
	.related-block .feature-overlay .LLI,
	.related-block .feature-overlay .LRN,
	.related-block .feature-overlay .LBN,
	.related-block .feature-overlay .LBI {
		font-size:13px;
	}
}
@media (min-width: 480px) and (max-width: 768px) {
				
}

@media (max-width: 767px) {

	
	.related-block .feature-overlay .LLN,
	.related-block .feature-overlay .LLI,
	.related-block .feature-overlay .LRN,
	.related-block .feature-overlay .LBN,
	.related-block .feature-overlay .LBI {
		font-size:14px;
		line-height: 125%;
	}
}


/***********************************
* GENERAL ART IN ACTION BLOCK
***********************************/
.aia-block {
	padding-bottom: 25px;
	border-bottom: #008DA8 1px solid;
	margin-top: 20px;
}

 .aia-block .aia-wrapper {
	background-color: #008DA8;
	color: #FFFFFF;
	font-size: 14px;
	text-align: justify;
	text-justify:distribute;
	padding: 20px;
	line-height: 160%;
}

.aia-wrapper a {
	color: #ff674c !important;
}

.aia-block .aia-wrapper .aia-head {
	font-size: 31px;
	margin-bottom: 10px;
}
.aia-block .aia-wrapper .aia-head img {
	margin-right: 10px;
	margin-bottom: 7px;
	vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 991px) {
	.aia-block .aia-wrapper .aia-head {
		font-size: 20px;
		text-align: left;
	}
	.aia-block .aia-wrapper .aia-head img {
		-webkit-transform: scale(.7,.7);
		-moz-transform:    scale(.7,.7);
		-ms-transform:     scale(.7,.7);
		-o-transform:      scale(.7,.7);
		transform:         scale(.7,.7);
		
		margin-right: 5px;
	}
	.aia-block .aia-wrapper {
		font-size: 14px;
		text-align: justify;
		line-height: 130%;
	}
	
}
	
@media (max-width: 767px) {
	.aia-block .aia-wrapper .aia-head {
		font-size: 20px;
		text-align: left;
	}
	.aia-block .aia-wrapper .aia-head img {
		-webkit-transform: scale(.7,.7);
		-moz-transform:    scale(.7,.7);
		-ms-transform:     scale(.7,.7);
		-o-transform:      scale(.7,.7);
		transform:         scale(.7,.7);
		
		margin-right: 5px;
	}
	.aia-block .aia-wrapper {
		font-size: 14px;
		text-align: justify;
		line-height: 130%;
	}
}