/* ######################### */
.container {

border: 1px solid rgba(41,63,80,0.4);           
width: 960px;             /*   tmp 071516  */
margin-top: 50px;
margin-left: auto; margin-right: auto;
width:auto;
/*padding-left: auto; padding-right: auto;	*/

text-decoration:none;
font-family: arial, verdana, tahoma;
font-size: 12px;
color: #183432;

background: #fcfcfd; /* For browsers that do not support gradients */    
background: -webkit-radial-gradient(at 57%, rgba(252,252,252,0.95), rgba(167,192,210,0.95), rgba(41,63,80,0.95)); /* Safari 5.1 to 6.0 */
background: -o-radial-gradient(at 57%, rgba(252,252,252,0.95), rgba(167,192,210,0.95), rgba(41,63,80,0.95)); /* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(at 57%, rgba(252,252,252,0.95), rgba(167,192,210,0.95), rgba(41,63,80,0.95)); /* For Firefox 3.6 to 15 */
background: radial-gradient(at 57%, rgba(252,252,252,0.95), rgba(167,192,210,0.95), rgba(41,63,80,0.95)); /* Standard syntax (must be last) */
	
-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;	
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;

}
/*h1 {color:#183432; text-align:center;}  /**/
h/*1 { text-shadow: 4px 5px 6px #183432;} /* greenish - rgb(66, 148, 136) */
h1 {color:#000; text-align:center;}
h1 { text-shadow: 4px 5px 6px #666;}
img{
width:100%; height:auto;
border:none;
padding:none; 
margin:none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

}
/*========================================= GRANDPARENT */
.grandparent {
padding:0;
margin:0;
margin-top: 20px;
/*clear:both;*/
}
.grandparent ul {
padding:0;
margin:0;
margin-left:338px;
list-style:none;
display: table;
table-layout: fixed;
}
.grandparent ul li {
padding:0;
margin:0;
display: inline-block;
}
.grandparent ul li a {
}
.gp1pic{                              /*  gp1pic  */
border:none;
margin-right:60px;
margin-left:7px;
float:left;
width:60px;
height:90px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.gp1pic:hover{
border:none;
}.gp1nopic{                           /*  gp1nopic  */
border:none;
margin-right:60px;
margin-left:57px;
float:left;
width:60px;
height:90px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*transition: all 5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;*/

}
.gp1nopic:hover{
border:none;
}
.gp2pic{                              /*  gp2pic  */
border:none;
margin-right:7px;
float:left;
width:60px;
height:90px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.gp2pic:hover{
border:none;
}
.gp2nopic{                           /*  gp2nopic  */
border:none;
margin-right:7px;
float:left;
width:60px;
height:90px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;*/
}
.gp2nopic:hover{
border:none;
}
.gp1name{
float:left;
text-align:center;
line-height:17px;
padding-top:7px;
}
.gp2name{
float:left;
text-align:center;
line-height:17px;
padding-top:7px;
}

/*========================================= PARENT */
.parent {
padding:0;
margin:0;
clear:both;/*         052416    */
}
.parent ul {
padding:0;
margin:0;
margin-left:280px;
list-style:none;
display: table;
table-layout: fixed;
}
.parent ul li {
padding:0;
margin:0;
display: inline-block;
}
.parent ul li a {
}
.p1pic{                              /*  p1pic  */
border-bottom: none;
margin-top:1px;
margin-right:60px;
margin-left:7px;
float:left;
width:60px;
height:90px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.p1pic:hover{
border:none;
}
.p1nopic{                            /*  p1nopic  */
border: none;
/*margin-top:1px;*/
margin-right:60px;
margin-left:57px;
float:left;
width:60px;
height:90px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;*/
}
.p1nopic:hover{
/*border:pink;*/
}
.p2pic{                              /*  p2pic  */
margin-top:1px;
margin-bottom:1px; 
margin-right:7px;
float:left;
width:60px;
height:90px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.p2pic:hover{
border:none;
}
.p2nopic{                           /*  p2nopic  */
border:none; 
margin-top: 1px;
/*margin-right:7px;*/
float:left;
width:60px;
height:90px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;*/
}
.p2nopic:hover{
border:none;
}
.p1name{
float:left;
text-align:center;
line-height:17px;
padding-top:7px;
}
.p2name{
float:left;
text-align:center;
line-height:17px;
padding-top:7px;
color:black; text-shadow:gray 0.2em 0.2em 0.3em;
font-style: italic;
font-size: 13px;
}


/*========================================= CHILD */


.child {
padding:0;
margin:0;
clear:both;
/*margin-bottom:50px;*/
}
.child ul {
padding:0;
margin:0;
margin-left:70px;
list-style:none;
display: table;
table-layout: fixed;
}

.child ul li {
margin:0;
padding:0;
width:60px;
height:90px;
margin-right:5px;
margin-top:1px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;*/
}
.child ul li:hover{}/*border:none;}*/
.child ul li a {
/* margin:0;*/
display: inline-block;
}

.childnopics {margin-bottom:50px;}
/*.childpics {margin-bottom:10px;}*/


.c1{float:left; visibility: visible;}    /* 1 */
.c2{float:left; visibility: visible;}
.c3{float:left; visibility: visible;}
.c4{float:left; visibility: visible;}    /* 4 */
.c5{float:left; visibility: visible;}
.c6{float:left; visibility: visible;}
.c7{float:left; visibility: visible;}    /* 7 */
.c8{float:left; visibility: visible;}
.c9{float:left; visibility: visible;}
.c10{float:left; visibility: visible;}    /* 10 */
.c11{float:left; visibility: visible;} 
.c12{float:left; visibility: visible;}

/*.hide{visibility: hidden;}     1 */

/*========================================= CHILDNOTES */
.childnotes {
 padding:0;
 margin:0;
 margin-bottom:20px;
/*clear:both;*/
}
.childnotes ul {
 padding:0;
 margin:0;
 margin-left:65px;
 list-style:none;
 display: table;
 table-layout: fixed;
}
.childnotes ul li {
 margin:0;
 padding:0;
 width:60px;
 margin-right:6px;
  font-size: 11px;
 text-align:center;
 line-height:14px;
 padding-top:5px;
}
.cn1{float:left; visibility: visible;}    /* 1 */
.cn2{float:left; visibility: visible;}
.cn3{float:left; visibility: visible;}
.cn4{float:left; visibility: visible;}    /* 4 */
.cn5{float:left; visibility: visible;}
.cn6{float:left; visibility: visible;}
.cn7{float:left; visibility: visible;}    /* 7 */
.cn8{float:left; visibility: visible;}
.cn9{float:left; visibility: visible;}
.cn10{float:left; visibility: visible;}    /* 10 */
.cn11{float:left; visibility: visible;}
.cn12{float:left; visibility: visible;}

.hide{visibility: hidden;}    /* 1 */


/*
.ch1{
color:blue; text-shadow:#A5A1B3 0.2em 0.2em 0.3em;
font-style: italic;
}
*/

.nopic   {  /*  -----------------------------  nopic  ----*/
}
.nopic ul {
padding:0; 
margin:0; 
list-style:none; 
}
.nopic ul li {
margin:0; 
display: table-cell;                       
border: 1px solid rgba(41,63,80, 0.2); /*111,190,181, 0.5);*/
background-color: rgba(167,192,210, 1); /*111,190,181, 1);*/
padding-top: 5px; 
text-align:center; 
line-height: 16px;
font-size: 12px; 
font-weight: bold;
display: inline-block; 
width:60px; 
height:82px; 
border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
	position: relative;
    -webkit-transition: all 00ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 00ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 00ms ease-in;
    -moz-transform: scale(1);
    transition: all 00ms ease-in;
    transform: scale(1);
}
.nopic2 ul li {
border: 1px solid red;	
}
.nopic:hover ul li {
padding-top: 10px; 
line-height: 12px;
font-size: 12px; 
box-shadow: black 5px 5px 20px;
z-index:10;
position:relative;
    -webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 500ms ease-in;
    transform: scale(2);
}
.nopic ul li a {
}

.date{
font-size: 9px; 
line-height:33px;
}

.nopicdate{
font-size: 9px; 
margin-top: 0px;
}
.long{
font-size: 10.5px; 
}
.long2{
font-size: 10.1px; 
}

/*   ---------------------------------------------  Links  */
.lnks {
position: relative;
text-align: center;
}

.lnks img {
width:60px;
height:90px;
display: block;
transition: all .5s;
transition-duration: 1s;                      /* zoom in duration */
z-index:130;

}

.lnks:hover img {
transform:scale(3,3);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: black 5px 5px 20px;
position:relative;
z-index:100;

}

.lnkstxt, .lnkstxt2 {
bottom: 10px;
opacity: 0;
}

.lnkstxt2 {
position: relative;
text-align: left;
margin-left: -40px;
margin-top:50px;
}

.lnkstxt a {
font-size: 10px;
color: black;
text-decoration:none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: rgba(255, 255, 255, 0.0);
}

.lnkstxt2 a {
font-size: 10px;
color: black;
text-decoration:none;
padding: 1px 3px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: rgba(192, 192, 192, 0.8);
}

.lnks:hover .lnkstxt {
opacity: 1;
z-index: 110;
position: relative;
transition-delay:1s;        /* delay for nopic links appearing */
transition-duration: 1s;     /* fade-in time */
}

.lnks:hover .lnkstxt2 {
opacity: 1;
z-index: 110;
position: relative;
transition-delay:1s;        /* delay for nopic links appearing */
transition-duration: 1s;     /* fade-in time */
}

.lnk1:hover, .lnk2:hover{
margin-left:1px;
color: yellow;
background: rgba(0, 0, 0, 1);
padding: 2px 6px;
font-size: 10px; 
position: relative;
}

.pic ul li {
	position: relative;
    -webkit-transition: all 00ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 00ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 00ms ease-in;
    -moz-transform: scale(1);
    transition: all 00ms ease-in;
    transform: scale(1);
}
.pic ul li {
/*border: 1px solid red;	*/
}
.pic:hover ul li {
    -webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 500ms ease-in;
    transform: scale(2);
}

.p1nopic{
	margin-top:1px;
}

 
/*========================================= CONNECTOR-1 */
.connector1 {
}
.connector1 ul {
padding:0; 
margin:0; 
margin-left:425px; 
list-style:none; 
/*display: table; */
/*table-layout: fixed;*/
}
.connector1 ul li {
margin:0; 
display: table-cell; 
/*text-decoration:none; */
border-left: 1px solid rgba(0,0,0,.7);     /* blue;  */
border-right: 1px solid rgba(0,0,0,.7); 
border-bottom: 1px solid rgba(0,0,0,.7); 
/*border-top:none;*/
padding: 3px 10px; 
text-align:center; 
line-height: 36px;
font-size: 10px; 
display: inline-block; 
width:100px; 
height:25px; 
border-radius: 0px 0px 5px 5px; 
-webkit-border-radius: 0px 0px 5px 5px; 
-moz-border-radius: 0px 0px 5px 5px; 
}
.connector1 ul li a {
}

/*========================================= CONNECTOR-2 */
.connector2 {
}
.connector2 ul {
padding:0; 
margin:0; 
margin-left:486px; 
list-style:none; 
}
.connector2 ul li {
display: table-cell; 
border-left: 1px solid rgba(0,0,0,.7); 
height:25px;
}
.connector2 ul li a {
}


/*========================================= CONNECTOR-3 */
.connector3 {
}
.connector3 ul {
padding:0; 
margin:0; 
margin-left:366px; 
list-style:none; 
/*display: table; */
/*table-layout: fixed;*/
}
.connector3 ul li {
margin:0; 
display: table-cell; 
/*text-decoration:none; */
border-left: 1px solid rgba(0,0,0,.7); 
border-right: 1px solid rgba(0,0,0,.7); 
border-bottom: 1px solid rgba(0,0,0,.7); 
padding: 3px 10px; 
text-align:center; 
line-height: 36px;
font-size: 10px; 
display: inline-block; 
width:100px; 
height:25px; 
border-radius: 0px 0px 5px 5px; 
-webkit-border-radius: 0px 0px 5px 5px; 
-moz-border-radius: 0px 0px 5px 5px; 
}
.connector3 ul li a {
}
/*========================================= CONNECTOR-4 */
.connector4 {
}
.connector4 ul {
padding:0; 
margin:0; 
margin-left:428px; 
list-style:none; 
}
.connector4 ul li {
display: table-cell; 
border-left: 1px solid rgba(0,0,0,.7); 
height:25px;
}
.connector4 ul li a {
}
/*========================================= CONNECTOR-5 */
.connector5{
float:left;
visibility: visible;
}
.connector5 ul {
padding:0;
margin:0;
/*margin-left:160px;*/
list-style:none;
}
.connector5 ul li {
display: table-cell;
/*border-left: 1px solid rgba(0,0,0,.7);                  
border-top: 1px solid rgba(0,0,0,.7);*/
/*display: inline-block; */
width:64px; 
height:25px;
}
.connector5 ul li a {
}
/*.connector5a ul {margin-left:XXXpx;}*/
.c5a1 ul {margin-left:428px;}
.c5a2 ul {margin-left:364px;}
.c5a3 ul {margin-left:299px;}
.c5a4 ul {margin-left:234px;}
.c5a5 ul {margin-left:170px;}
.c5a6 ul {margin-left:298px;}
.c5a7 ul {margin-left:233px;}
.c5a8 ul {margin-left:233px;}
.c5a9 ul {margin-left:168px;}
.c5a10 ul {margin-left:168px;}
.c5a11 ul {margin-left:103px;}
.c5a12 ul {margin-left:103px;}


.connector5a ul li {
border-left: 1px solid rgba(0,0,0,.7);
border-top: 1px solid rgba(0,0,0,.7);
/*border-right: 1px solid rgba(0,0,0,.7);*/
border-radius: 5px 0px 0px 0px; 
-webkit-border-radius: 5px 0px 0px 0px; 
-moz-border-radius: 5px 0px 0px 0px; 
}
.connector5b ul li {
border:none;
/*border-left: 1px solid rgba(0,0,0,.7);*/
border-top: 1px solid rgba(0,0,0,.7);
border-right: 1px solid rgba(0,0,0,.7);
border-radius: 0px 5px 0px 0px; 
-webkit-border-radius: 0px 5px 0px 0px; 
-moz-border-radius: 0px 5px 0px 0px; 
}
.connector5c ul li {
border:none;
border-left: 1px solid rgba(0,0,0,.7);
border-top: 1px solid rgba(0,0,0,.7);

}
.connector5d ul li {
border:none;
border-top: 1px solid rgba(0,0,0,.7);

}
.connector5e ul li {
border:none;
border-left: 1px solid rgba(0,0,0,.7);
border-top: 1px solid rgba(0,0,0,.7);
border-right: 1px solid rgba(0,0,0,.7);
border-radius: 0px 5px 0px 0px; 
-webkit-border-radius: 0px 5px 0px 0px; 
-moz-border-radius: 0px 5px 0px 0px; 
}
.connector5f ul li {
border:none;
border-left: 1px solid rgba(0,0,0,.7);

}