/* css-TablePage-mob1.css created on 2016-05-21 from css-TablePage.css and modifiedd to be mobile friendly */

a:link {
 	color:navy;
/*  font-size: 120%; */
} 
a:visited {
 	color:darkviolet;
/*  font-size: 120%; */
}


.introx {
padding-left: 250px; 
padding-right: 150px; 
/* margin-left:  100px; */
 /* border: 510px; */
}

.introx p {
/* padding-left: 510px; */
}

.table-wrapper { 
 max-width: 55%;
 min-width: 15%;
/* max-width: 400px; */
/* min-width: 250px; */
 background-color: #ced8d6; /* very light gray #ced8d6 */
 margin: 2px 2px 2px 2px;
 border: 2px;
}

@media screen and (min-width: 510px) { .table-wrapper { 
 max-width: 70%;
/* max-width: 450px; */
} }

@media screen and (min-width: 1040px) { .table-wrapper {
 max-width: 85%;
/* max-width: 450px; */
} }

.main-table {
	clear: none;
display: table;
/* max-width: 800px; */
/* min-width:  90px; */
max-width: 80%;
min-width: 20%;
/* border: 2px solid #5a3811; */
border-collapse: collapse;
margin-bottom: 0; 
font-style: normal;
font-variant: normal;
font-weight: normal;
} 


.main-t1-cells {
max-width: 1200px;
min-width:  400px;
display: table-cell;
border: 0px  none #5a3811;
border-collapse: collapse;
padding: 20px;
background-color:  #ced8d6; /* very light gray #ced8d6 */
} 

.main-t2-cells {
max-width: 1200px;
min-width: 60px;
border-collapse: collapse;
display: table-cell;
border: 5px none #5a3811;
background-color:  #ced8d6; /* very light gray #ced8d6 */
padding: 10px;
}

.main-table-captpre {	
clear: none;	
 width: 75%; 
/* border-collapse: collapse; */
display: table-caption;
border: 2px none #5a3811;
padding: 3px;
font-size: 200%;
 font-weight: bold;
text-align: center;
background-color: wheat;
min-width: 10em;
}


.main-table-caption {	
clear: none;	
 width: 40%; 
/* border-collapse: collapse; */
display: table-caption;
border: 2px none #5a3811;
padding: 3px;
font-size: 200%;
 font-weight: bold;
text-align: left;
background-color: wheat;
min-width: 20em;
}

.main-t1-cells img {
	float: left;
	padding-right: 5px;
}

.main-t2-cells img {
	float: left;
	padding-right: 5px;
}



.main-table h3 {
font-size: 120%;
font-weight: bold;
color: #5a3811;
}

.main-table ul {
list-style: none;
}


.main-table p, .main-table li {
font-size: 100%;
}

/* --------------------------- inline-photo-narrow-cells-left ----------------------------- */
.inline-photo-narrow-cells-left {
float: left;
max-width: 67px;
min-width: 67px;
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
/* margin-right: 5px; */
background-color:    palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 lightpink;*/
} 

@media screen and (min-width: 510px) {.inline-photo-narrow-cells-left {
float: left;
max-width: 100px;
min-width: 67px;
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:    lightgoldenrodyellow; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 lightyellow;*/
} }

@media screen and (min-width: 1040px) {.inline-photo-narrow-cells-left {
float: left;
max-width: 133px;
min-width: 67px;
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:   oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 lightgreen;*/
} }

/* ----------------------------- inline-photo-narrow-cells-right --------------------------- */
.inline-photo-narrow-cells-right {
float: right;
max-width: 67px;
min-width: 67px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
/* margin-right: 5px; */
background-color:  palegoldenrod; /* gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 

@media screen and (min-width: 510px) {.inline-photo-narrow-cells-right {
float: right;
max-width: 100px;
min-width: 67px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
background-color:  lightgoldenrodyellow; /* gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

@media screen and (min-width: 1040px) {  .inline-photo-narrow-cells-right {
float: right;
max-width: 133px;
min-width: 67px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
background-color:  oldlace; /* gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

/* --------------------------- inline-photo-normal-cells-left ----------------------------- */

.inline-photo-normal-cells-left {
float: left;
max-width: 150px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
/* margin-right: 5px; */
background-color:  palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 

@media screen and (min-width: 510px) { .inline-photo-normal-cells-left {
float: left;
max-width: 225px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
background-color: lightgoldenrodyellow;  /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

@media screen and (min-width: 1040px) { .inline-photo-normal-cells-left {
float: left;
max-width: 300px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
background-color:  oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

/* --------------------------- inline-photo-225-150-100-cells-left ---------------------------- */

.inline-photo-225-150-100-cells-left {
float: left;
max-width: 100px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 15px;
/* margin-right: 5px; */
background-color:  palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 

@media screen and (min-width: 510px) { .inline-photo-225-150-100-cells-left {
float: left;
max-width: 150px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 15px;
background-color: lightgoldenrodyellow;  /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

@media screen and (min-width: 1040px) { .inline-photo-225-150-100-cells-left {
float: left;
max-width: 225px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 15px;
background-color:  oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

/* ------------------------------- inline-photo-narrow-cells-right ------------------------- */

.inline-photo-narrow-cells-right {
float: right;
max-width: 80px;
min-width: 70px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:   palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 
 
@media screen and (min-width: 510px) { .inline-photo-narrow-cells-right {
float: right;
max-width: 120px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:    lightgoldenrodyellow; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }
 
@media screen and (min-width: 1040px) { .inline-photo-narrow-cells-right {
float: right;
max-width: 160px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:    oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }
 
/* -------------------------------------------------------- */
/* ------------------------------- inline-photo-normal-cells-right ------------------------- */

.inline-photo-normal-cells-right {
float: right;
max-width: 150px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:    palegoldenrod;/*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 
 
@media screen and (min-width: 510px) { .inline-photo-normal-cells-right {
float: right;
max-width: 225px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:    lightgoldenrodyellow; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }
 
@media screen and (min-width: 1040px) { .inline-photo-normal-cells-right {
float: right;
max-width: 300px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:    oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }
 
/* -------------------------------------------------------- */
 
.inline-photo-wide-cells-left {
float: left;
max-width: 400px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
margin-right: 5px;
background-color:   palegoldenrod; /* gray #808080;  aqua #00ffff; very light gray #ced8d6 */
}

.inline-photo-wide-cells-right {
float: right;
max-width: 400px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-left: 5px;
background-color:    palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 

/* ----------------------------------   table-photo-narrow-cells   ---------------------------------------- */
.table-photo-narrow-cells {
max-width: 70px;
min-width: 60px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 10pt;
background-color:   palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 

@media screen and (min-width: 510px) { .table-photo-narrow-cells {
max-width: 150px;
min-width: 67px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 11pt;
background-color:    lightgoldenrodyellow; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

@media screen and (min-width: 1040px) { .table-photo-narrow-cells  {
max-width: 135px;
min-width: 100px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 12pt;
background-color:    oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
}  }



/* ----------------------------------   table-photo-normal-cells  ---------------------------------------- */
.table-photo-normal-cells {
max-width: 100px;
min-width: 67px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 10pt;
background-color:   palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 

@media screen and (min-width: 510px) { .table-photo-normal-cells {
max-width: 150px;
min-width: 67px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 11pt;
background-color:    lightgoldenrodyellow; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

@media screen and (min-width: 1040px) { .table-photo-normal-cells {
max-width: 200px;
min-width: 67px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 12pt;
background-color:    oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
}  }

/* ----------------------------------   table-photo-wide-cells  ---------------------------------------- */
.table-photo-wide-cells {
max-width: 150px;
min-width: 80px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 10pt;
background-color:   palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6  */
} 
 
@media screen and (min-width: 510px) { .table-photo-wide-cells {
max-width: 225px;
min-width: 100px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 11pt;
background-color:     lightgoldenrodyellow; /*  gray #808080; aqua #00ffff; very light gray #ced8d6  */
} }
 
@media screen and (min-width: 1040px) { .table-photo-wide-cells {
max-width: 300px;
min-width: 100px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 12pt;
background-color:    oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }
/* ----------------------------------  end table-photo-wide-cells  ---------------------------------------- */

/* ----------------------------------   table-photo-extremely-wide-cells  ---------------------------------------- */

.table-photo-extremely-wide-cells {
max-width: 360px;
min-width: 100px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 10pt;
background-color:    palegoldenrod; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 

@media screen and (min-width: 510px) { .table-photo-extremely-wide-cells {
max-width: 510px;
min-width: 100px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 11pt;
background-color:    lightgoldenrodyellow; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
}  }
 
@media screen and (min-width: 1040px) { .table-photo-extremely-wide-cells {
/* max-width: 850px; */
max-width: 1040px;
min-width: 100px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 12pt;
background-color:    oldlace; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} }

/* ----------------------------------  end table-photo-extremely-wide-cells  --------------------------------------- */


.table-photo-extra-wide-cells {
max-width: 425px;
min-width: 100px;
display: table-cell;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 5px;
margin-right: 5px;
font-size: 12pt;
background-color:    #808080; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
}   
 
  
.inline-photo-restricted-cells {
float: left;
display: inline;
max-width: 300px;
min-width:  90px;
/* border: 2px  none #5a3811; */
border-collapse: collapse;
padding: 3px;
background-color:    #808080; /*  gray #808080; aqua #00ffff; very light gray #ced8d6 */
} 

.table-photo-normal-cells img, .block-photo-restricted-cells img, .block-photo-normal-cells img {
	float: left;
/*	padding-right: 5px; */
}	
  
 
.main-table .nav img {
	float: left;
}


.row1 {
display: table-row;
	clear: none;

/* clear: both; */
} 

.row2 {
display: table-row;
clear: both;
} 
.rowfloat {
display: table-row;
float: left;
} 

.main-table img {
float: left;
margin: 2px; 
} 

 
/* min-width: 80px;  */
/* display: table-cell; */
/* border: 2px  none #5a3811; */