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



a.footernavlinks:link
  {
  color: #CCC;
  text-decoration:none;
 
  }
  
  a.footernavlinks:visited 
  {
  color: #CCC;
  }
  
  a.footernavlinks:hover 
  {
  color: #f74f00;
  text-decoration: none; 
  }
  
  a.footernavlinks:active 
  {
  color: #999;
  text-decoration: none;
  }



/* CLE Content*/

.h3,.h4,.h5,.h6,span
	{
		margin:0px 0px 0px 0px;
		padding:0px 15px 0px 0px;
	}

	h2{
	font-family: 'museo700';
    src: url('fonts/exljbris_-_museo-700-webfont.eot');
    src: url('fonts/exljbris_-_museo-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exljbris_-_museo-700-webfont.woff') format('woff'),
         url('fonts/exljbris_-_museo-700-webfont.ttf') format('truetype'),
         url('fonts/exljbris_-_museo-700-webfont.svg#museo700') format('svg');
		font-size:20px;
		font-weight:normal;
		color:#FFFFFF;
		line-height:38px;
		letter-spacing:0px;
		text-decoration: none;
		text-align:center;
		margin: 0px 0px 0px 0px;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.header {
	float:left;
	margin:auto;
	padding: 0px;
	color: #ffffff;
	height:40px;
	text-align:center;
	background-color: #ffffff;
	width:100%;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}

/*HEADER*/

.navigation {
  margin:auto;
  width: 20%;
  border: 0px solid #73AD21;
  padding: 0px;
}




/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background:transparent;
    text-align: center;
    padding: 10px 0;
    display: none;
	line-height:40px;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
	margin:auto;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* { box-sizing: border-box; }

body { 
  /*font-family: 'Open Sans', sans-serif;*/
  color: #666;
}

/* STRUCTURE */

.wrapper {
	padding: 5px;
	max-width: 1400px;
	width: 100%;
	margin: 10px auto;
	background-color:#173d65;
}
header {
	padding: 0px;
}

.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.column {
	flex: 1;
	border: 0px solid gray;
	margin: 0px;
	padding: 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

.columna {
	flex: 1;
	border: 0px solid gray;
	margin: 2px;
	padding: 0px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

footer {
	padding: 0 15px;
}


@media screen and (max-width: 980px) {
  .columns .column .columna {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column .columna {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

.nav {
  height: auto;
  width: 100%;
  background-color: #000000;
  position: relative;
}

.nav > .nav-header {
  display: inline;
}

.nav > .nav-header > .nav-title {
  display: inline-block;
  font-size: 250%;
  color: #fff;
  padding: 5px 10px 10px 10px;
  text-align:left;
  float:left;
}

.nav > .nav-btn {
  display: none;
}

.nav > .nav-links {
	display: inline;
	float: none;
	font-size: 125%;
	margin-left:0%;
	margin-top:8px;
}

.nav > .nav-links > a {
  display: inline-block;
  padding: 13px 10px 13px 10px;
  text-decoration: none;
  color: #ffffff;
	margin-top:8px;
}

.nav > .nav-links > a:hover {
  background-color: rgba(0, 0, 0, 0.3);
  color: #f74f00;
}

.nav > #nav-check {
  display: none;
}

@media (max-width:980px) {
	
	
.nav {
  height: 65px;
  width: 100%;
  background-color: #000000;
  position: relative;
}
	
	
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 50%;
    top: 0px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 65px;
    height: 15px;
    border-top: 4px solid #ffffff;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    height: auto;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
	margin-left:0%;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  font-size: 250%;
  line-height:200%;
  border-bottom:solid 2px #f74f00;
 /* border-top:solid 2px #f74f00;*/
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: calc(100vh - 50px);
    overflow-y: auto;
  }
}

p {
	margin:12px 0px;
	padding:0px;
}



/*Uneven Columns*/
.container {
  font-size: 0; /*remove white space*/
}


.section {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-top: 0px solid;
  border-bottom: 0px solid;
  border-right: 1px solid;
  box-sizing: border-box;
  padding:30px 15px;
}

@media (max-width: 980px) { /*breakpoint*/
  .section {
    display: block;
    width: auto;
  border-right: 0px solid;
  border-bottom: 1px solid;
  padding:15px 15px 15px 15px;
  }
}


.section2 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 20%;
  border-top: 0px solid;
  border-bottom: 0px solid;
  border-left: 0px solid;
  box-sizing: border-box;
  padding:30px 15px;
}

@media (max-width: 980px) { /*breakpoint*/
  .section2 {
    display: block;
    width: auto;
  border-left: 0px solid;
  padding:0px 15px 30px 15px;
  }
}





/*HOME PAGE*/



.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.column {
	flex: 1;
	border: 0px solid gray;
	margin: 2px;
	padding: 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

.columna {
	flex: 1;
	border: 0px solid gray;
	margin: 2px;
	padding: 0px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

footer {
	padding: 0 15px;
}


@media screen and (max-width: 980px) {
  .columns .column .columna {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column .columna {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}






#mainContentArea {
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	text-align:left;
	background-color:#002144;
}


#mainContentAreaSecondary {
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	text-align:left;
	background-color:#2d5e91;
}



#mainContentAreaTertiary {
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	text-align:left;
	background-color:#ffffff;
}




#mainCopyArea {
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	text-align:left;
	background-color:#002144;
}


#mainContentAreaBlackBG {
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	text-align:left;
	background-color:#ffffff;
	/*background-image:url(../images/x-ray-bg.jpg);*/
	background-repeat:no-repeat;
	background-position:right;
	/*background-size: 100% 100%;*/
	
}


#mainContentAreaColumn {
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	text-align:left;
	background-color:#002144;
}



@media screen and (max-width: 980px) {
#mainHeaderSubContent {
	margin:40px auto;
}


#mainContentArea {
	margin-top:-80px;
}




#mainContentAreaBlackBG {
	float:left;
	width:100%;
	height:auto;
	margin:-40px auto 0px auto;
	text-align:left;
	background-color:#ffffff;
	
}

}



#int-container-sub {
  display: inline-block;
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	background-color:#ffffff;
	border-bottom:solid 6px #000000;
	/*background-color: #002144;*/
	/*background-image:url(../images/car-accident.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment: fixed;*/
}




@media screen and (max-width: 980px) {
  int-container-sub {
	border-bottom:solid 6px #000000;
		}
	}
	
	
#mainHeaderContentTop
{
	float:none;
	margin:auto;
	width:100%;
	height:auto;
	padding:0px 20px;
	background-color:transparent;
}

@media screen and (max-width: 980px) {
	#mainHeaderContentTop {
		width: 100%;
		margin:auto;
		padding:Z0px;
	}
}


/* INTERIOR PAGES */


.sectionNarrowRow {
	float:none;
	margin:auto;
  font-size: 16px; /*reset font size*/
  width: 80%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-right: 0px solid #999;
  box-sizing: border-box;
  padding:0px;
}

@media (max-width: 980px) { /*breakpoint*/
  .sectionNarrowRow {
    display: block;
    width: auto;
  border-right: 0px solid;
  border-bottom: 0px solid;
  border-top: 2px solid;
  padding:15px 15px 15px 15px;
  margin-top:270px;
  }
}



/* 1 columns*/



.sectionColumnFullPad {
	float:left;
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-right: 0px solid #999;
  box-sizing: border-box;
  padding:30px 15px;
  margin-top:0px;
}

.sectionColumnFull {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-right: 0px solid #999;
  box-sizing: border-box;
  padding:30px 15px;
  margin-top:10px;
}

@media (max-width: 980px) { /*breakpoint*/
  .sectionColumnFull {
    display: block;
    width: auto;
  border-right: 0px solid;
  border-bottom: 0px solid;
  border-top: 0px solid;
  padding:15px 15px 15px 15px;
  }
}


/* 3 columns*/


.section3Column1 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 33%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-right: 1px solid #999;
  box-sizing: border-box;
  padding:30px 15px;
}

@media (max-width: 980px) { /*breakpoint*/
  .section3Column1 {
    display: block;
    width: auto;
  border-right: 0px solid;
  border-bottom: 0px solid;
  border-top: 0px solid;
  padding:15px 15px 15px 15px;
  margin-top:0px;
  }
}


.section3Column2 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 33%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-left: 0px solid;
  border-right: 1px solid #999;
  box-sizing: border-box;
  padding:30px 15px;
}

@media (max-width: 980px) { /*breakpoint*/
  .section3Column2 {
    display: block;
    width: auto;
  border-left: 0px solid;
  border-top: 2px solid;
  padding:15px 15px 15px 15px;
  }
}


.section3Column3 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 33%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-left: 0px solid;
  border-right: 0px solid #999;
  box-sizing: border-box;
  padding:30px 15px;
}

@media (max-width: 980px) { /*breakpoint*/
  .section3Column3 {
    display: block;
    width: auto;
  border-left: 0px solid;
  border-top: 2px solid;
  padding:15px 15px 15px 15px;
  }
}




#top-main-container-sub {
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	/*background-color: #002144;*/
	background-image:url(../images/aff-expert-bg.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size: cover;
  background-attachment: fixed;
	padding-bottom:20px;
}



@media screen and (max-width: 980px) {
#top-main-container-sub {
	float:left;
	width:100%;
	height:auto;
	margin:28px 0px 0px 0px;
	padding-bottom:0px;
}
}




#AttyImage
{
	float:right;
	margin:0px auto 10px 10px;
	width:50%;
	height:auto;
}

@media screen and (max-width: 1450px) {
	#AttyImage {
	float:right;
		width: 60%;
		margin:0px auto 20px auto;
		padding:0px;
	}
}

@media screen and (max-width: 980px) {
	#AttyImage {
		width: 100%;
		margin:0px auto 20px auto;
		padding:0px;
	}
}





/* COPY */



.xrayCopy
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	font-size:300%;
	line-height:100%;
	text-align:center;
	margin-top:0px;
}

.videoCopy
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	font-size:300%;
	line-height:130%;
	text-align:center;
	margin-top:0px;
}
	
	

.mainCopy
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	font-size:100%;
	line-height:120%;
	text-align:left;
	margin-top:0px;
}

.AccordionExpertsHeader
{
	font-family:'Conv_ACaslonPro-Bold',Sans-Serif;
	font-weight:boldl;
	color:#ffffff;
	font-size:250%;
	line-height:100%;
	text-align:center;
	margin:20px 0px 20px 0px;
	text-shadow: 3px 3px 6px #000000;
}

.mainCopyAccordionHeader
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#244f7d;
	font-size:180%;
	line-height:100%;
	text-align:left;
	margin:0px 0px 20px 0px;
}


.mainCopyBlack
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-size:100%;
	line-height:100%;
	text-align:left;
	margin-bottom:10px;
}


.mainCopyHeaderRed
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#C00;
	font-size:180%;
	line-height:100%;
	text-align:left;
	margin-top:0px;
}
	

.mainSubCopy
{
	font-family: "Times New Roman", Times, serif;
	font-weight:normal;
	color:#000000;
	font-size:130%;
	line-height:130%;
	text-align:left;
	margin:15px 20px 0px 20px;
}



@media screen and (max-width: 980px) {
	.mainSubCopy {
		font-size:150%;
	line-height:150%;
	}
}

	

.mainSubCopyHeader
{
	font-family: "Times New Roman", Times, serif;
	font-weight:normal;
	color:#000000;
	font-size:220%;
	line-height:100%;
	text-align:left;
	margin-top:12px;
	text-shadow: 3px 3px 8px #616161;
}

@media screen and (max-width: 720px) {
.mainSubCopyHeader
{
	font-size:300%;
	}
}




	
.PageHeaderCentered
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #C00;
	font-size:250%;
	line-height:120%;
	text-align:center;
	/*margin-left:200px;*/
	padding-right:10px;
	margin-top:20px;
	margin-bottom:20px;
}	


	
	.TopicCopyLargeRed
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin:0px 0px 20px 0px;
		text-align:left;
		color:#C00;
		font-size:120%;
		line-height:140%;
	}
	
	
	
	.TopicCopy
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin:0px 0px 20px 0px;
		text-align:left;
		color:#000000;
		font-size:100%;
		line-height:140%;
	}
	
	.TopicCopyCentered
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin:0px 0px 20px 0px;
		text-align:center;
		color:#000000;
		font-size:150%;
		line-height:140%;
	}


@media screen and (max-width: 980px) {
.mainCopy
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	font-size:180%;
	line-height:180%;
	text-align:left;
	margin-top:0px;
}

.mainCopyBlack
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-size:180%;
	line-height:140%;
	text-align:left;
	margin-top:0px;
}

.mainCopyHeaderRed
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#C00;
	font-size:220%;
	line-height:100%;
	text-align:left;
	margin-top:0px;
}




.PageHeaderCentered
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #C00;
	font-size:320%;
	line-height:200%;
	text-align:center;
	/*margin-left:200px;*/
	padding-right:10px;
	margin-top:20px;
	margin-bottom:0px;
}	


	.TopicCopyLargeRed
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin:0px 0px 20px 0px;
		text-align:left;
		color:#C00;
		font-size:250%;
		line-height:140%;
	}
	
	
	
	.TopicCopy
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin:0px 0px 40px 0px;
		color:#000000;
		font-size:150%;
		line-height:180%;
	}
	
	.TopicCopyCentered
	{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin:0px 0px 40px 0px;
		color:#000000;
		font-size:200%;
		line-height:180%;
	}


}




/*Publication Image Sections*/


.sectionPub1 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 24%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-right: 0px solid #999;
  box-sizing: border-box;
  padding:0px;
  margin:10px 10px 10px 15px;
}

@media (max-width: 980px) { /*breakpoint*/
  .sectionPub1 {
    display: block;
    width: auto;
  border-right: 0px solid;
  border-bottom: 0px solid;
  border-top: 0px solid;
  padding:0px;
  margin:0px 0px 10px 0px;
  }
}


.sectionPub2 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 24%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-left: 0px solid;
  border-right: 0px solid #999;
  box-sizing: border-box;
  padding:0px;
  margin:10px 10px 10px 0px;
}

@media (max-width: 980px) { /*breakpoint*/
  .sectionPub2 {
    display: block;
    width: auto;
  border-left: 0px solid;
  border-top: 2px solid;
  padding:0px;
  margin:0px 0px 10px 0px;
  }
}


.sectionPub3 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 24%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-left: 0px solid;
  border-right: 0px solid #999;
  box-sizing: border-box;
  padding:0px;
  margin:10px 10px 10px 0px;
}

@media (max-width: 980px) { /*breakpoint*/
  .sectionPub3 {
    display: block;
    width: auto;
  border-left: 0px solid;
  border-top: 2px solid;
  padding:0px;
  margin:0px 0px 10px 0px;
  }
}


.sectionPub4 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 24%;
  border-top: 0px solid #000000;
  border-bottom: 0px solid;
  border-left: 0px solid;
  box-sizing: border-box;
  padding:0px;
  margin:10px 0px 10px 0px;
}

@media (max-width: 980px) { /*breakpoint*/
  .sectionPub4 {
    display: block;
    width: auto;
  border-left: 0px solid;
  border-top: 2px solid;
  padding:0px;
  margin:0px 0px 10px 0px;
  }
}

/* End Publication Image Sections*/





#pageHeaders {
  display: inline-block;
	float:left;
	width:100%;
	height:auto;
	margin:auto;
	padding:20px;
	background-color:#ffffff;
	border-bottom:solid 6px #000000;
	/*background-color: #002144;*/
	/*background-image:url(../images/car-accident.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment: fixed;*/
}

@media screen and (max-width: 980px) {
  #pageHeaders {
	border-bottom:solid 6px #000000;
	width:100%;
	margin-top:80px;
		}
	}