/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Arvo');
@import url('https://fonts.googleapis.com/css?family=Andada');
@media Screen {

/* ### begin small mobile (default) layout ### */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }


div.navigationcontainer {
text-align:center;
}

div.navigation { 
word-wrap:break-word;
/* word-break:keep-all; */
border: solid 3px #8BAFD3;
display: inline-block;
background-color: #e5e5e5;
padding: 8px;
margin-bottom:0em; margin-top:1em;
border-radius:5px;
/* float: left; */
max-width:99.0%;
}

p { font-family: "Arvo", "Times New Roman", times, serif; font-size: 115%; line-height: 118%; text-align: left }

p.pageinfo { font-family:Arial, Helvetica, sans-serif; font-size: 10pt; text-align:center }
p.sitenav { font-family:Arial, Helvetica, sans-serif; font-size: 12pt; text-align:center }
p.contentsgroups { font-family:Arial, Helvetica, sans-serif; font-size: 85% }
p.navcontents { display: inline; line-height:250%; font-family:Arial, Helvetica, sans-serif; font-size:85% }
p.navnames { display: inline; line-height:250%; font-family: Arial, Helvetica, sans-serif; font-size:85% }
p.navalphabet { display: inline; line-height:230%; font-family:Arial, Helvetica, sans-serif; font-size:110% }
p.navgroups { display: inline; line-height:250%; font-family:Arial, Helvetica, sans-serif; font-size:85% }
.itembox	{ padding: 5px 5px 5px 5px; border:solid #8BAFD3 3px; background: #ffffff; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 5px 5px 5px 5px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
.pageid	{ font-family: Arial, Helvetica, sans-serif; font-size:110%; text-align:center;float: left; position: relative; left: -50%; }
.whitecustom { color: white }
.bold { font-weight: bold }
.sans	{ font-family: arial, helvetica, sans; }

table.siteinformation { width:100%; border: 0px solid black; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; }
table.siteinformation td { font-size: 80% }

a:link       { text-decoration: none; color: blue }
a:visited { text-decoration: none; color: #6373b5 }
a:hover    { text-decoration: underline; color: #cc0066 }
a:active  {text-decoration: none; color: orange }


a.nav:link       { text-decoration: none; color: blue }
a.nav:visited { text-decoration: none; color: blue }
a.nav:hover    { text-decoration: underline; color: #cc0066 }
a.nav:active  {text-decoration: none; color: orange }


hr { background-color: #afbece; color: #afbece; border: 0 none; height: 4px; width: 50%; margin: 0 auto; }

body  {
margin-left: 0em;
margin-right: 0em;
margin-top: 0em;
margin-bottom: 0em;
border: .4em solid #afbece;

/*
padding-top: 2em;
padding-bottom: 2em;
padding-left: .5em;
padding-right: .5em;
*/


padding-top: 1em;
padding-bottom: 1em;
padding-left: 0.5em;
padding-right: 1.4em;



background-color: #ffffff; /* could set this to silver #c0c0c0 or analogous colour */
color: black;
}

img.vignette {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid #afbece;
padding:10px;
background-color:#e2e2e2;
}

h1 {
font: 17pt/17pt "Times New Roman", times, serif;
text-align:center;
color:#cc0066;
font-weight:bold
}

h1.maintitle { font-family: Arial, Helvetica, sans-serif; margin-top: 0em; margin-bottom: 0em; font-size:130%; line-height: 100% }
h1.subtitle   { font-family: Arial, Helvetica, sans-serif; margin-top: 2em; margin-bottom:0px; font-size:140% }

h2 {
font: 115%/115% arial, helvetica, sans;
color:black;
text-align:center;
font-weight:bold;
padding-top:1.2em;
}

h3 {
font: 11pt/18pt arial, helvetica, sans;
color:#000099;
text-align:left;
font-weight:bold
}

h4 {
font: 10pt/14pt arial, helvetica, sans;
color:#000099;
text-align:left;
font-weight:bold
}

p.contact {
font: 11pt/13pt arial, helvetica, sans;
text-align:center;
font-weight:normal
}

p.pagecontrolleft {
font: 10pt/10pt arial, helvetica, sans-serif;
text-align:left;
font-weight:normal
}

p.pagecontrolcentre {
font: 10pt/10pt arial, helvetica, sans-serif;
text-align:center;
font-weight:normal
}

p.pagecontrolright {
font: 10pt/10pt arial, helvetica, sans-serif;
text-align:right;
font-weight:normal
}

.pagecontrolnavigation {
font: 1.0em/1.07em "Times New Roman", times, serif;
margin-left: 0%;
text-align:left;
font-weight:normal;
color: #0088ee;
background-color: #cccccc;
}

p.smallnote {
font: 9pt/9pt times;
text-align:center
}

p.updatedtext {
font: 10pt/10pt "Times New Roman", times, serif;
text-align:center;
font-weight:normal;
color: #0066cc;
margin-top: 8px;
}

table.subtable td{ font-family: "Arvo", "Times New Roman", times, serif; font-size: 100%; width: auto } /* for example in CWL World sub-table */
}

/* ### end small mobile (default) layout ### */



/* Start media print */
@media print {

body { color: #000000 }
a:link { color: #000000 }
a:active  { color: #000000 }
a:visited { color: #000000 }

}
/* End media print */



/* All above excluding print is for smallest device. Larger devices follow in order here and cascadedly inherit from above and from above each other */



/* iphone 5 */
/* iPhone 5 in landscape */
/* be careful with effect on further items if a portrait orientation styles are added for this */
@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : landscape) {
p.contentsgroups { font-size: 14pt }
p.sitenav { font-size: 20pt }
table.siteinformation td {font-size: 14pt }
}
/* end iphone 5 */



/* pendo 7 */
/* pendo 7 in portrait */
/* be careful with effect on further items if a portrait orientation styles are added for this */
@media only screen and (min-width : 569px) and (max-width : 767px) and (orientation : portrait) {
p { font-size: 14pt; line-height: 18pt }
h1.maintitle { margin-top: 0.7em; margin-bottom: 0.2em; font-size: 18pt }
h2 { font-size: 14pt }
body  {
color: black;
border: 0.5em solid #afbece;
padding-top: 0em;
padding-bottom: 1em;
padding-left: 0.5em;
padding-right: 1.5em;
}
p.sitenav { font-size: 13pt }
p.navcontents { font-size:13pt; line-height:2.2; }
p.navnames { line-height:2.7; font-size:13pt }
p.contentsgroups { font-size: 12pt }
p.navalphabet { line-height:1.9; font-size:18pt }
p.navgroups { line-height:2.8; font-size:13pt }
table.siteinformation td {font-size: 8pt }
table.subtable td{ font-size: 13pt } /* for example in CWL World sub-table */
.itembox	{ padding: 4px 7px 4px 7px; border:solid #8BAFD3 3px; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 4px 7px 4px 7px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
.pageid	{ font-family: Arial, Helvetica, sans-serif; font-size:38pt; text-align:center;float: left; position: relative; left: -50%; }
/* hr {width:109%; text-align:left; margin-left:-3em } */
}
/* end pendo 7 */



/* basic more modern tablets and phones */
@media only screen and (min-width : 768px) and (max-width : 979px) {
p { font-size: 113%; line-height: 116%; }
h1.maintitle { margin-top: 0em; margin-bottom: 0em; font-size:132% }
h1.subtitle   { font-size: 128% }
h2 { font-size: 113% }
body  {
color: black;
border: 0.5em solid #afbece;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1.5em;
padding-right: 1.5em;
}
p.contentsgroups { font-size: 100% }
p.navcontents { line-height:190%; font-size: 122% }
p.navnames { line-height:2.1; font-size: 122% }
p.navalphabet { line-height:2.1; font-size: 122% }
p.navgroups { line-height:2.1; font-size: 122% }
.itembox	{ padding: 4px 4px 4px 4px; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 4px 4px 4px 4px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
.pageid	{ font-family: Arial, Helvetica, sans-serif; font-size: 128%; text-align:center;float: left; position: relative; left: -50%; }
}
/* end basic more modern tablets and phones */



/* start higher res tablets and phones landscape */
@media only screen and (min-width: 980px) and (orientation: landscape) {
p { font-size: 102%; line-height:104% }
h2 { font-size: 98% }
body  {
color: black;
border: 0.8em solid #afbece;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 5.0em;
padding-right: 5.0em;
}
h1.maintitle { font-family: Arial, Helvetica, sans-serif; margin-top: 0em; margin-bottom: 0em; font-size:130%; line-height: 100% }
h1.subtitle   { font-family: Arial, Helvetica, sans-serif; margin-top: 2em; margin-bottom:0px; font-size:140% }
p.contentsgroups { font-size: 100% }
p.navcontents { font-size: 106%; line-height: 210% }
p.navnames { font-size: 106%; line-height: 220% }
p.navalphabet { font-size: 120%; line-height: 180% }
p.navgroups { font-size: 106%; line-height: 210% }
.itembox	{ padding: 2px 6px 2px 6px; border:solid #8BAFD3 3px; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 2px 6px 2px 6px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
.pageid	{ line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-size:26pt; text-align:center;float: left; position: relative; left: -50%; margin-top: 6px }
}
/* end higher res tablets and phones landscape */



/* start higher res tablets and phones portrait higher than min-width 980px will send them backward up the cascade */
@media only screen and (min-width: 980px) and (orientation: portrait) {
p { font-size: 28pt; line-height: 30pt }
h1.maintitle { margin-top: .8em; margin-bottom: .8em; font-size:32pt }
h1.subtitle   { font-size:28pt }
h2 { font-size: 28pt }
body  {
color: black;
border: 1.0em solid #afbece;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1.0em;
padding-right: 2.0em;
}

p.sitenav { font-family:Arial, Helvetica, sans-serif; font-size: 24pt }
p.contentsgroups { font-size: 22pt }
p.pageinfo { font-size: 20pt }
div.navigation.bottom { margin-bottom:20px; margin-top:0px; }

p.navcontents { font-size: 24pt; line-height:2.6 }
p.navnames { line-height:2.6; font-size:20pt }
p.navalphabet { line-height:1.7; font-size:38pt }
p.navgroups { line-height:2.6; font-size:20pt }
.itembox	{ padding: 7px 10px 7px 10px; border:solid #8BAFD3 3px; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 7px 10px 7px 10px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
.pageid	{ line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-size:40pt; text-align:center;float: left; position: relative; left: -50%; margin-top:14pt }
.pageid.pagebase	{ margin-top:24pt }
table.siteinformation td {font-size: 14px }
table.subtable td{ font-size: 23pt } /* for example in CWL World sub-table */
}
/* end higher res tablets and phones portrait */
/* start higher res tablets and phones landscape */
@media only screen and (min-width: 980px) and (orientation: landscape) {
table.subtable td{ font-size: 17pt } /* for example in CWL World sub-table */
}
/* end higher res tablets and phones landscape */



/* begin desktop layout ### */
@media only screen and (min-width: 1024px) {
p { font-size: 13pt; line-height: 15pt }
h1.maintitle { margin-top: 0em; margin-bottom: 0em; font-size:18pt }
h1.subtitle   { font-size: 13pt }
h2 { font-size: 13pt }
body  {
color: black;
border: 3em solid #afbece;
padding-top: 1.8em;
padding-bottom: 1.8em;
padding-left: 3em;
padding-right: 3em;
}
p.pageinfo { font-size: 10pt }
p.sitenav { font-size: 12pt }
p.contentsgroups { font-size: 13pt }
p.navcontents { font-size:14pt; line-height:2.2 }
p.navnames { line-height:2.2; font-size:13pt }
p.navalphabet { line-height:2.1; font-size:15pt }
p.navgroups { line-height:2.1; font-size:13pt }
.itembox	{ padding: 5px 4px 4px 4px; border:solid #8BAFD3 3px; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 5px 4px 4px 4px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
.pageid	{ font-family: Arial, Helvetica, sans-serif; font-size:26pt; text-align:center;float: left; position: relative; left: -50%; margin-bottom:6px}
.pagebase	{ margin-top:8px; margin-bottom: -11px }
hr {width:109%; text-align:left; margin-left:-3em }
table.siteinformation { font-size: 12pt }
}
/* end desktop layout */



/* begin wider desktop layout ### */
@media only screen and (min-width: 1280px) {
p { font-size: 14pt; line-height: 20pt }
h1.maintitle { margin-top: 0em; margin-bottom: 0.6em; font-size:20pt }
h1.subtitle   { font-size:17pt }
h2 { font-size: 17pt }
hr {width:117%; text-align:left; margin-left:-8em; height:6px; }
body  {
color: black;
border: 4em solid #afbece;
padding-top: 2.2em;
padding-bottom: 2em;
padding-left: 8em;
padding-right: 8em;
}
p.pageinfo { font-size: 10pt }
p.sitenav { font-size: 12pt }
p.navcontents { line-height:3.0; font-size:14pt; }
p.contentsgroups { font-size: 14pt }
p.navnames { line-height:3.0; font-size:14pt }
p.navalphabet { line-height:2.4; font-size:20pt }
p.navgroups { line-height:3.0; font-size:14pt }
.itembox	{ padding: 12px 10px 10px 10px; border:solid #8BAFD3 3px; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 12px 10px 10px 10px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
/* ##  eventual background for highlighted/current page letter is: #F6F6F6; Above is for testing purposes ## */
.pageid	{ font-family: Arial, Helvetica, sans-serif; font-size:30pt; text-align:center;float: left; position: relative; left: -50%; }
table.siteinformation td { font-size: 11pt }
table.subtable td{ font-size: 13pt } /* for example in CWL World sub-table */
}
/* end wider desktop layout */



/* specifically for nexus 7 2012 - needs this position in css */
@media only screen and (max-width: 601px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
p { font-size: 22pt; line-height: 28pt }
h1.maintitle { margin-top: 1.0em; margin-bottom: 0.5em; font-size:26pt }
h1.subtitle   { font-size:22pt }
h2 { font-size: 22pt }
body  {
color: black;
border: 0.5em solid #afbece;
padding-top: 0em;
padding-bottom: 1em;
padding-left: 1.5em;
padding-right: 1.5em;
}
p.sitenav { font-size: 22pt }
p.contentsgroups { font-size: 20pt }
p.navcontents { font-size:32px; line-height:2.7; }
p.navnames { line-height:2.7; font-size:20pt }
p.navalphabet { line-height:2.1; font-size:34pt }
p.navgroups { line-height:2.8; font-size:20pt }
.itembox	{ padding: 14px 10px 12px 10px; border:solid #8BAFD3 3px; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 14px 10px 12px 10px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
.pageid	{ font-family: Arial, Helvetica, sans-serif; font-size:38pt; text-align:center;float: left; position: relative; left: -50%; }
table.subtable td{ font-size: 18pt } /* for example in CWL World sub-table */
}
@media screen and (min-width: 602px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
p { font-size: 14pt; line-height: 18pt }
h1.maintitle { margin-top: -.5em; margin-bottom: 0em; font-size:22pt }
h1.subtitle   { font-size:14pt }
h2 { font-size: 14pt }
body  {
color: black;
border: 10px solid #afbece;
padding-top: 2em;
padding-bottom: 2em;
padding-left: 1.5em;
padding-right: 1.5em;
}
p.sitenav { font-size: 16pt }
div.navigation { margin-left:-5px; }
p.contentsgroups { font-size: 16pt }
p.navcontents { line-height:2.4; font-size: 20pt; margin-top: 4px}
p.navnames { line-height:2.4; font-size:18pt }
p.navalphabet { line-height:1.7; font-size:30pt }
p.navgroups { line-height:2.7; font-size:18pt }
.itembox	{ padding: 4px 10px 4px 10px; border:solid #8BAFD3 3px; margin-right:2px; border-radius: 5px }
.itemboxrev	{ padding: 4px 10px 4px 10px; border:solid #8BAFD3 3px; background: blue; margin-right:2px; border-radius: 5px }
.pageid	{ font-family: Arial, Helvetica, sans-serif; font-size:28pt; text-align:center; float: left; position: relative; left: -50%; margin-bottom:5px }
hr { height: 6px }
table.subtable td{ font-size: 13pt } /* for example in CWL World sub-table */
}
/* end nexus 7 2012 */


/* Specifically for iPad 1 and 2 */
/* For iPad 1 and 2 in landscape */
@media only screen 
and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
p { font-family: "Arvo", "Times New Roman", times, serif; font-size: 14pt; line-height: 18pt; text-align: left }
p.contentsgroups { font-size: 14pt }
p.sitenav { font-size: 15pt }
h1.maintitle { font-size:20pt }
h2 { font-size: 15pt }
table.siteinformation td {font-size: 12pt }
table.subtable td{ font-size: 13pt } /* for example in CWL World sub-table */
}

/* iPad 1 and 2 in portrait */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
p { font-size: 19pt; line-height: 23pt; text-align: left }
p.contentsgroups { font-size: 19pt }
p.sitenav { font-size: 18pt }
p.pageinfo { font-size: 14pt }
h1.maintitle { font-size:26pt }
h2 { font-size: 20pt }
table.siteinformation td {font-size: 14pt }
table.subtable td{ font-size: 16pt } /* for example in CWL World sub-table */
}
/* end Specifically for iPad 1 and 2 */



/* Specifically for such as Android RKM boxes */
/* landscape on computer monitor */
@media only screen 
and (min-width : 1025px) and (max-width : 1280px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
body  { padding-left: 1.3em; padding-right: 1.3em }
p { font-size: 10pt; line-height: 15pt; }
p.sitenav { font-size: 11pt }
p.pageinfo { font-size: 9pt; margin-top:30px }
p.contentsgroups { font-size: 11pt }
p.navcontents { font-size:12pt; line-height:2.2 }
p.navnames { line-height:2.7; font-size:12pt }
p.navalphabet { line-height:2.1; font-size:12pt }
p.navgroups { line-height:2.8; font-size:12pt }
h1.maintitle { font-size:16pt }
h2 { font-size: 12pt }
table.siteinformation td {font-size: 8pt }
table.subtable td{ font-size: 10pt } /* for example in CWL World sub-table */
.itembox { padding: 2px 8px 2px 8px;  }
.itemboxrev { padding: 2px 8px 2px 8px; } /* remove later */
.pageid { font-family: Arial, Helvetica, sans-serif; font-size:38pt; text-align:center;float: left; position: relative; left: -50%; }
}
/* End Specifically for such as Android RKM boxes */



/* end css style sheet */