@charset "UTF-8";

/* style sheet for the FAD profiles */


body {margin:0;font-family:'Lato', Helvetica,sans-serif;background-color:#222;}

.container {width:100%;}







@media screen and (min-width:768px) {



	.leftnav {width:22%;float:left;color:#fff;padding:0 0 100px 0;box-sizing:border-box;background-image:url(bayou-btm-fade.png);background-repeat:no-repeat;border: 0 solid #000;
} /* removed box-shadow: 0 0 3px 1px #222 inset */

	.leftnav img {margin:30px auto 10px auto;border:0px solid #300;display:block;display:none;} /*in this css version is the mugshot */

	.leftnav .content {line-height:36px;margin:80px auto;padding: 0 10px;text-align:left;width:auto;border:0px solid red;display:table;text-shadow: 0 0 2px #000;}
	
	.leftnav .content .name {font-size:18px;color:#ddd;}
	.leftnav .content .title {font-size:16px;color:#ddd;}
	.leftnav .content .dept {font-size:16px;color:#ddd;}
	.leftnav .content .building {font-size:16px;color:#ddd;}
	.leftnav .content .phone {font-size:16px;color:#ddd;}
	.leftnav .content .email {font-size:16px;color:#ddd;}
	.leftnav .content .webpage {font-size:16px;color:#ddd;}
	

	.rt-col {width:78%;margin:0;background-color: #fff;float:left;} 
	
	
	/*single date field-------------- */
	.rt-col .date {padding:3px 2px 3px 2px;width:200px;display:block;color:#600;background-color:#dfc9a2;text-align:center;margin-right:6px; margin-bottom:6px;box-sizing: border-box;}
	.rt-col .award {display:inline-block;width:64%}
	
	
	
	
	
	
	
	
	
	
	
	/*for start and end dates ---------- */
	
	
	.rt-col .daterange {min-width:200px;width:20%;box-sizing: border-box;display:inline-block;margin:18px 0 16px 0;}
	
	
	
	
	
	
	.rt-col .startdate {color:#600;padding:3px 2px 3px 2px;width:200px;display:inline-block;font-weight:lighter;font-size:16px;background-color:#dad8d6;text-align:center;box-sizing: border-box;}
	.rt-col .enddate {color:#600;padding:3px 2px 3px 2px;width:200px;display:inline-block;font-weight:lighter;font-size:16px;background-color:#dfc9a2;text-align:center;box-sizing: border-box;}
   
   
   
   
   
   
   
   /* for course listings ------------------- */
  .rt-col .course {display:inline-table;width:30%;}
  .rt-col .course-no {padding:3px 2px 3px 2px;width:auto;display:block;color:#600;background-color:#dfc9a2;text-align:center;box-sizing: border-box;margin-bottom:8px;}












/* profressional positions ----------------------- */


.rt-col .positions {width:100%;max-width:1000px;}
	
	
	
	.rt-col .positions .positions-cont {
	display:inline-block;
	box-sizing: border-box;
    vertical-align:top;
    width:60%;
    padding-left:20px;
	
	
	}


	.name-window {
	background-color:#babcbe;
	margin:0 0 0 0;
	padding-left:40px;
	box-sizing:border-box;
	min-height:105px;
	
	}
	
	
	.name-window img {float:right;padding:0 0 0 0;height:105px;display:inline-block;} /*in this css version is the logo */
	
	.name-window h1 {margin:0;padding-top:10px;font-size:32px;color:#000;font-weight:300;letter-spacing:-1px;}
	.name-window h1 #title {margin:0;padding-top:10px;font-size:24px;color:#000;font-weight:300;letter-spacing:-1px;}
	
	.cont-window {
	background-color:#fff;
	border:0px solid #eee;
	margin:10px 20px 10px 20px;
	padding:10px 0 10px 20px;
	box-sizing:border-box;
	}

	.cont-window p {
	color:#444;
	font-weight:lighter;
	font-size:16px;
	}
	
	.featureimage {
	
	width:50%;/* changed from 38 */
	display:inline-block;
	box-sizing: border-box;
	min-width:520px;
	}
	
	
	.featureimage img {
	width:100%;
	max-width:680px;
	margin-top:0;
	


	
	}
	
	
	.education {
	width:46%; 
	min-width:360px;/* added */

display:inline-block;
vertical-align:top;
margin:0 0 60px 0;
	
	}
	
.training {

width:100%;

	
	



}


.training .degree {
    width: 100px; 
    
    box-sizing: border-box;
    display:inline-block;
   
    
    

}
.training .school {

    
    box-sizing: border-box;
    display:inline-block;
    padding-left:10px;
    vertical-align:top;

    	

   width:70%;
    
    

	}
	
	
	h1 {
	color:#222;
	font-weight:lighter;
	font-size:32px;
	
	}
	
	h2 {
	color:#222;
	font-weight:lighter;
	font-size:24px;
	 
	
	
	}
	
    
}

/* for mobile or smaller screen -------------- */

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



	.leftnav {width:100%;float:left;color:#fff;padding:0;box-sizing:border-box;background-color:#222;position:fixed;
	width:100%;} 

	.leftnav img {margin:0 auto 0 40px;border:0px solid red;display:block;width:80px;float:left;} /*in this css version is the reiteration of the portrait */

	.leftnav .content {border-left:1px solid #fff;margin:10px auto 10px auto;padding: 0 10px;text-align:left;width:auto;display:table;}
	.leftnav .content .name {font-size:18px;color:#fff;}
	.leftnav .content .title {font-size:16px;color:#ddd;}
	.leftnav .content .dept {font-size:16px;color:#ddd;display:none;}
	.leftnav .content .building {font-size:16px;color:#ddd;display:none;}
	.leftnav .content .phone {font-size:16px;color:#ddd;}
	.leftnav .content .email {font-size:16px;color:#ddd;}
	.leftnav .content .webpage {font-size:16px;color:#ddd;}

	.rt-col {width:100%;margin:107px 0 0 0;background-color: #fff;float:left;} 
	
	.rt-col .date {padding:3px 2px 3px 2px;width:200px;display:block;color:#600;background-color:#dfc9a2;text-align:center;margin-right:6px; margin-bottom:6px;box-sizing: border-box;}

	.rt-col .course {text-align:center;}
  .rt-col .course-no {padding:3px 2px 3px 2px;width:auto;display:block;color:#600;background-color:#dfc9a2;text-align:center;box-sizing: border-box;margin-bottom:8px;}
  
	
	
	
	
	.name-window {
	background-color:#babcbe;
	margin:0 0 0 0;
	padding:0 0 10px 40px;
	box-sizing:border-box;
	/* position:fixed; */
	width:100%;
	opacity:.8;
	
	}
	
	
	.name-window img {padding:10px 20px 6px 10px;width:120px;display:none;} /*in this css version is the reitreation of the portrait */
	
		.name-window h1 {margin:0;padding-top:2px;font-size:28px;color:#000;font-weight:300;letter-spacing:-1px;}
	.name-window h1 #title {margin:0;padding-top:0;font-size:18px;color:#333;font-weight:300;letter-spacing:-1px;}
	
	
	.cont-window {
	background-color:#fff;
	/*border:1px solid #eee;*/
	margin:20px 10px 0 20px; /* changed from 64 */
	padding:5px 20px 0 20px;
	box-sizing:border-box;
	}

	.cont-window p {
	color:#000;
	font-weight:lighter;
	font-size:16px;

	}
	h1 {
	color:#000;
	font-weight:lighter;
	font-size:32px;
	
	}
	h2 {
	color:#222;
	font-weight:lighter;
	font-size:24px;
	
	}
	
		.featureimage {
	
	width:100%;
	display:inline-block;
	box-sizing: border-box;
	margin-top:10px;

	
	}
	.featureimage img {
	width:100%;
	
	
	}
	
	
	.education {
	width:60%;
	
display:inline-block;
vertical-align:top;
margin:14px 0 32px 0;
	
	
	}
	
	
	
	
	
	
		.training {
width:100%;

}


.training .degree {
    width: 100%; 
    display:block;

    
}
.training .school {

    display:block;
    width:100%; 
}
.cont-window .training .school p {
margin:0;
}
.training .degree h2 {
margin:10px 0 0 0;
}

.rt-col .daterange {min-width:200px;width:20%;box-sizing: border-box;display:inline-block;margin:18px 0 16px 0;margin-right:20px;}
	
	
	
	
	
	
	.rt-col .startdate {color:#600;padding:3px 2px 3px 2px;width:200px;display:inline-block;font-weight:lighter;font-size:16px;background-color:#dad8d6;text-align:center;box-sizing: border-box;}
	.rt-col .enddate {color:#600;padding:3px 2px 3px 2px;width:200px;display:inline-block;font-weight:lighter;font-size:16px;background-color:#dfc9a2;text-align:center;box-sizing: border-box;}
   
   .rt-col .positions {width:100%;max-width:1000px;}
	
	
	
	.rt-col .positions .positions-cont {
	display:inline-block;
	box-sizing: border-box;
    vertical-align:top;
    width:60%;
    padding-left:0;
	
	
	}
	
	

}



.leftnav .content a:link, a:visited {
color:#ddd;
text-decoration: none;
}
.leftnav .content a:hover, a:focus {
color:#fff;
text-decoration: underline;
}
.title {font-weight:400;}