html{
background-image: url(../GIF/background3.png);
background-repeat: repeat;
background-image: url(../web-page-backgrounds/tree6bw.jpg);
}

body {
	font-family: helvetica, arial, sans-serif;
	color: #183432; /* black */
	/*font-size: 87%;*/
}

h1{
/*	border: 1px solid black;*/
/*	background-color: #FAFAD6;*/
	padding: 30px;
	margin: 0;
	color: black; /*#213340;*/
	text-align: center;
	text-shadow: 4px 5px 6px rgba(192,192,192, .5);
}

.ind{
	
	padding-left: 20px; display:block;
}


.container-bio {
	position: relative;
	margin-top: 30px;
	-webkit-border-radius: 20px; #b5ded9;
	-webkit-box-shadow: #011b20 5px 5px 20px; /* dark aqua - rgb(1, 27, 32) */
	-moz-box-shadow: #011b20 5px 5px 20px;
	box-shadow: #011b20 5px 5px 20px;
	border-radius: 20px;
	background-color: #dcefec;	/* light-greenish */
	padding: 10px 50px 50px 50px;
	
	text-align:center;
overflow: hidden;
}
.container {
position: relative;
border: 1px solid rgba(41,63,80,0.4);           
width: 960px;             /*   tmp 071516  */
margin-top: 50px;
margin-left: auto; margin-right: auto;
padding-top: 40px;
text-decoration:none;
font-family: arial, verdana, tahoma;
font-size: 16px;
color: black;/*#183432;*/
background: rgba(32, 64, 96,.9);  /*167,192,210, .75); /*#fcfcfd;  */
background: -webkit-radial-gradient(rgba(167,192,210,0.95), rgba(41,63,80,0.95)); 
background: -o-radial-gradient(rgba(167,192,210,0.95), rgba(41,63,80,0.95)); 
background: -moz-radial-gradient(rgba(167,192,210,0.95), rgba(41,63,80,0.95)); 
background: radial-gradient(rgba(167,192,210,0.95), rgba(41,63,80,0.95));
-webkit-box-shadow: #011b20 0px 0px 0px; /* dark aqua - rgb(1, 27, 32) */
-moz-box-shadow: #011b20 0px 0px 0px;
box-shadow: #011b20 0px 0px 0px;
border-radius: 20px;
display: table;	

}
.containerX {
position: relative;
border: 1px solid rgba(41,63,80,0.4);           
width: 960px;             /*   tmp 071516  */
margin-top: 50px;
margin-left: auto; margin-right: auto;
padding-top: 40px;
text-decoration:none;
font-family: arial, verdana, tahoma;
font-size: 12px;
color: black;/*#183432;*/
background: rgba(32, 64, 96,.9);  /*167,192,210, .75); /*#fcfcfd;  */
background: -webkit-radial-gradient(rgba(68,104,131,0.95), rgba(59,90,114,0.95)); 
background: -o-radial-gradient(rgba(68,104,131,0.95), rgba(59,90,114,0.95)); 
background: -moz-radial-gradient(rgba(68,104,131,0.95), rgba(59,90,114,0.95)); 
background: radial-gradient(rgba(68,104,131,0.95), rgba(59,90,114,0.95));
-webkit-box-shadow: #011b20 0px 0px 0px; /* dark aqua - rgb(1, 27, 32) */
-moz-box-shadow: #011b20 0px 0px 0px;
box-shadow: #011b20 0px 0px 0px;
border-radius: 20px;
display: table;	

}
.containernopage {height: 200px;}
.pad20{
	padding:50px;
}

/* ===== group ===== */
.group:before,
.group:after{content: ""; display: table;}
.group:after{clear: both;}
.group{zoom: 1;}

/* ===== bio-fam ===== */
.bio-fam{
	/*position: absolute;                 /*  position  */
	top: 50px;                            /*  position  */
	-webkit-border-radius: 0px; yellow; /*rgba(104, 187, 175, .3); */
	-webkit-box-shadow: #011b20 5px 5px 20px;
	-moz-box-shadow: #011b20 5px 5px 20px;
	box-shadow: rgba(0,0,0, .2) 5px 5px 20px;
	background-color: rgba(80,124,159, .3);
	border-radius: 10px;
	width: auto;
    display: table;
	margin: auto;
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 35px;
	box-sizing: border-box;
}	
.bio-fam ul{
	margin: 0px;
	padding: 0px;
	float: left;
}
.bio-fam li {
	list-style: none;
	display: block;
	font-size: 100%;
    margin-bottom: 5px;
}
.bio-fam a:link {
	text-decoration: none;
	color: black;
    background-color: rgba(150,150,150, .3);
	padding: 3px 8px 3px 8px;
	border-radius: 10px;
	border:  rgba(0,0,0, .4) solid 1px;     /*rgba(0,0,0, .9)   #7d7d7d*/
	box-sizing: border-box;
	/*transition: all .2s ease-out;*/
	
	text-shadow: none;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
	outline: 0 none;
	
	/*transition-property: background-color border;
	transition-duration: 2s;*/
}
.bio-fam a:visited {
	color: rgba(0,0,0, .9);
    background-color: rgba(150,150,150, .3);
	border: rgba(0,0,0, .4) solid 1px;
}
.bio-fam a:hover {
	color: red;
    background-color: rgba(150,150,150, .3);
	/*border: black solid 1px;*/
	
	text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
}
.bio-fam a:active{
    color: rgba(0,0,0, .9);
    background-color: rgba(150,150,150, .3);
	border: rgba(0,0,0, .4) solid 1px;
}

.columnLeft{
	width: auto;
	float: left;
	margin-right: 0px;
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
}
.columnRight{
	width: auto;
	float: left;

}
li.lh1{
    line-height: 1.8;
}

li.lh2{
    line-height: 1.4;
}

li.rght{
	padding-left: 9px;
}

.container X{
  background: #eaeaed;
}

.i1{margin-right: 1px; float:left; }    /* 1 */

.TT{
	    display: inline-block;
    margin-left: auto;
	margin-right: auto;
	width:100%
	/*margin-left:auto; margin-right:auto;*/
}


/* Area-2 layout */
.area-2{
	margin: 30px 30px 30px 50px;
	box-sizing: border-box;
}
.area-2-pic{
	/*position: relative;                            /*  pic position  */
	float: left;
	margin-top: 20px;
}
.area-2-pic img{
	height: 250px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 10px 30px 11px 20px;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: #000 5px 5px 20px;
	-moz-box-shadow: #000 5px 5px 20px;
	
	box-shadow: rgba(0,0,0, .8) 5px 5px 20px;
	border-color:#367870;
}
.area-2-right{
	color: rgba(0,0,0, .8);
	width: 68%;
	float: right;
	/*border: red solid 1px;*/
	padding-top: 14px;
	padding-right: 25px;
}
.nopic img {
	opacity: 0.3;
}

/* ===== bio-nav ===== */
.bio-nav{
width: auto;
display: table;
margin: auto;
margin-bottom:50px;
}	
.bio-nav ul{
margin: 0;
padding: 0;
}
.bio-nav li {
list-style: none;
display: block;
float: left;
}
.bio-nav a:link{
text-decoration: none;
font-size: 73%;
color: rgba(0,0,0,.7);  /*(50,78,98, 1);*/
border: 1px solid rgba(0,0,0,.7);  /*(50,78,98, 1);*/
background-color: rgba(85,132,165, 0.1); /* #CCCCCC;*/
padding: 5px 10px;
margin: 2px;
border-radius: 15px;
box-sizing: border-box;
transition: all .5s ease-out;
	/*transition-property: background-color border;
	transition-duration: 2s;*/
}
.bio-nav a:visited {
border: 1px solid rgba(0,0,0,.7);
color: rgba(0,0,0,.7);
background-color: rgba(85,132,165, 0.1);
}
.bio-nav a:active {
    color: rgba(50,78,98, 1);
	background-color: rgba(85,132,165, 0.1);
}
.bio-nav a:hover {
	color: white;
	background-color: rgba(50,78,98, 1);
}

/* end bio-nav */