/*MISC SITE WIDE CSS*/
@font-face {font-family:cardiffians; src: url('https://www.cardiffians.co.uk/font/cardiffians.ttf');font-display: swap;}

html {cursor:inherit;}
/*#intro_para {font-weight:bolder;text-align:justify;font-family:"Trebuchet MS"}*/
p {cursor:inherit;}
nav {cursor:inherit;}
a {text-decoration:underline;background-color:transparent}
a:hover {text-shadow: 0 0 25px #fff;}
/*BODY*/ 
body {font-family:"arial"}
:root { scroll-behavior: smooth; }

/*WRAPPER*/
#wrapper {width:80%;min-width:312px;margin-left:auto;margin-right:auto;margin-top:2em;margin-bottom:2em;border-radius:1em;background: rgba(255, 255, 255, 0.825);}

/*HEADER AND LOGO**/
#upperheader {border-top-left-radius:1em; border-top-right-radius:1em;background-color: rgba(255,255,255,0);}/*A deliberate blank line**/
header {text-align:center;background-repeat: repeat-x;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,128,0,1));}
header div {display:inline;}
header div img {display:inline;}
.sitetitle {color: rgba(255,0,0,1); text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-family: cardiffians;}
.mirror {transform: scaleX(-1)}
#ticker {text-align:center;background:rgba(0,128,0,1);display:inline-block;width:70% /*Fixes buggy white gap*/;padding-left:15%;padding-right:15%;padding-top:0.20em;padding-bottom:0.20em;}
#ticker span {color:lemonchiffon;font-weight:bolder}

/* RESPONSIVE MENU */

/* Clearfix */
.clearfix:before,.clearfix:after {content: " ";display: table}
.clearfix:after {clear: both;}

/*nav {display:inline-block!important;}*/
nav {padding-top:10px}

/*Styles for screen 20000px and lower*/
@media screen and (max-width: 20000px) {
nav {height: 40px;width: 100%;background: #008000;font-size: 1.4em;font-weight: bold;position: relative;border-bottom: 3px solid #283744;}
nav ul {padding: 0;margin: 0 auto;width: 1260px;height: 40px;}
nav li {display: inline;float: left;}
nav a {color: #fff;display: inline-block;width: 209px;text-align: center;text-decoration: none;line-height: 40px;text-shadow: 1px 1px 0px #283744;transition: background 3s ease-out;}
nav li a {border-right: 1px solid #283744;box-sizing:border-box;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a:active {background-color:#004600; transition-duration :0s;}
nav a#pull {display: none;}
}
/*Styles for screen 1599px and lower*/
@media screen and (max-width: 1599px) {
nav {height: 40px;width: 100%;background: #008000;font-size: 1.1em;font-weight: bold;position: relative;border-bottom: 3px solid #283744;}
nav ul {padding: 0;margin: 0 auto;width: 798px;height: 40px;}
nav li {display: inline;float: left;}
nav a {color: #fff;display: inline-block;width: 132px;text-align: center;text-decoration: none;line-height: 40px;text-shadow: 1px 1px 0px #283744;transition: background 3s ease-out;}
nav li a {border-right: 1px solid #283744;box-sizing:border-box;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a:active {background-color: #004600; transition-duration:0s;}
nav a#pull {display: none;}
}
/*Styles for screen 1023px and lower*/
@media screen and (max-width: 1023px) {
nav {height: 40px;width: 100%;background: #008000;font-size: 1em;font-weight: bold;position: relative;border-bottom: 3px solid #283744;}
nav ul {padding: 0;margin: 0 auto;width: 630px;height: 40px;}
nav li {display: inline;float: left;}
nav a {color: #fff;display: inline-block;width: 102px;text-align: center;text-decoration: none;line-height: 40px;text-shadow: 1px 1px 0px #283744;transition: background 3s ease-out;}
nav li a {border-right: 1px solid #283744;box-sizing:border-box;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a:active {background-color: #004600; transition-duration:0s;}
nav a#pull {display: none;}
}
/*Styles for screen 799px and lower*/
@media screen and (max-width: 799px) {
nav {height: auto;font-size: 1.25em;}
nav ul {width: 100%;display: block;height: auto;}
nav li {width: 50%;float: left;position: relative;}
nav li a {border-bottom: 1px solid #576979;border-right: 1px solid #576979;}
nav a {text-align: left;width: 100%;text-indent: 25px;transition: background 3s ease-out;}
nav a:hover, nav a:active {background-color: #004600; transition-duration:0s;}
}
/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
nav {border-bottom: 0;font-size: 1.25em;}
nav ul {display: none;height: auto;}
nav a#pull {display: block;background-color: #008000;width: 100%;position: relative;}
nav a#pull:after {content:"";background: url('/css/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
nav li {display: block;float: none;width: 100%;}
nav li a {border-bottom: 1px solid #576979;}
}



/* SITE-WIDE TRANSITIONS */
#wrapper div {transition-property: width;transition-duration: 1s;}
.text_container {transition:height 0.25s ease-in 0.25s}



/* MAIN CONTENT (ALL PAGES) */
#content {float:left;clear:right;margin-bottom:1em}
#maintext {width:100%;border-top:medium black groove;padding: 1em 0 0 0;margin-top:1em;}
#faq {width:100%;border-top:medium black groove;padding: 1em 0 0 0;margin-top:1em;}


/* UPPER FOOTER */
#upperfooter1 {background-color : #333333;overflow: hidden;clear: both;text-align: center;}
#upperfooter1 ul {list-style-type: none;padding-left: 0; color:#fff;}
#upperfooter1 li {display: inline;}
#upperfooter1 a {color:white; font-weight:bold;text-decoration:none;background-color:transparent;transition-duration :3s; border-radius:0.25em}
#upperfooter1 a:hover {background-color :#006600; text-decoration:underline; transition-duration:0.5s; border-radius:0.25em;color:#FFF!important}
#upperfooter1 a:visited {color:lightcoral;}
#upperfooter1 span {padding-right:0.1em;padding-left:0.3em;}

#upperfooter2 {background-color : #333333;overflow: hidden;clear: both;text-align: center;}
#upperfooter2 ul {list-style-type: none;padding-left: 0; color:#fff;}
#upperfooter2 li {display: inline;}
#upperfooter2 a {color:white; font-weight:bold;text-decoration:none;background-color:transparent;transition-duration :3s; border-radius:0.25em}
#upperfooter2 a:hover {background-color:#006600; text-decoration:underline; transition-duration:0.5s; border-radius:0.25em;color:#FFF!important}
#upperfooter2 a:visited {color:lightcoral;}
#upperfooter2 span {padding-right:0.1em;padding-left:0.30em;}


/* LOWER FOOTER */
.lowerfooter {margin-top:-1em;height:42px;background-color :#333333;border-bottom-left-radius:1em;border-bottom-right-radius:1em;overflow: hidden;clear:both;padding: 0.25em; font-size:0.75em;font-weight:bold;}
.lowerfooter p.left {color:white;float: left;padding-left:1em;}
.lowerfooter p.right {color:white;float: right;padding-right:1em;}
.lowerfooter a {color:white; text-decoration:none;background-color:transparent;transition-duration :3s; border-radius:0.25em}
.lowerfooter a:visited {color:lightcoral;}
.lowerfooter a:hover {background-color:#006600; text-decoration:underline; transition-duration:0.5s; border-radius:0.25em;color:#FFF}
#footer a:before a:hover {color: #000000 !important;}



/* MEDIA QUERIES **/

/*PRINTING*/
@media print 
{
header {font-size:3.5em;}
body img, #right_sidebar, .twitter-timeline, #upperfooter1, #upperfooter2, .video-container {display:none}
}

/*0px to 480px*/
/*SITE WIDE VALUES*/
@media screen and (min-width:0em) and (max-width:30.000em) 
{
#CCL, #YT, #TWI, #AAA, #VAL {display:none}
table.timeline th a.date {font-size:0.6em !important}
table.timeline th a.date {padding-right:0.3em!important}
#right_sidebar, .resolution, .twitter-timeline, #upperfooter1, #upperfooter2, .video-container {display:none}
table.sources td {font-size:medium;}
.search {width:175%; font-size: smaller;}
.search2 {display: none;}
.divsearchgrid {display: grid;grid-template-columns: 1fr 1fr}
}

/*0px to 639px*/
/*SITE WIDE VALUES*/
@media screen and (min-width:0em) and (max-width:39.938em) 
{
#YT, #TWI, #AAA, #VAL {display:none}
header {font-size:3em}
body #right_sidebar, .twitter-timeline {display:none}
#ticker span {font-size:0.75em}
h1 {font-size:1.50em}
h2 {font-size:1.25em}
h3 {font-size:1.15em}
h4 {font-size:1.00em;font-weight:bold}
h5 {font-size:1.00em;font-weight:bold}
p {font-size:1.10em}
#content {padding: 0 3% 0 3%}
.clear {clear:both}
#right_sidebar {display:none}
#undersidebar {padding: 0 3% 0 3%}
#upperfooter1 a {font-size:1em;padding: 0 0.15em 0 0.15em}
#upperfooter1 span {font-size:small}
#upperfooter2 a {font-size:1em;padding: 0 0.15em 0 0.15em}
#upperfooter2 span {font-size:small}
.tooltipster-default {border-radius: 4px; border: 1px solid #000;background: #4c4c4c;color: #fff;}
.tooltipster-default .tooltipster-content {font-family: Arial;font-size: 12px;line-height: 14px;padding: 4px 6px;overflow: hidden;}
figcaption {font-size:small}
em.blink1 {display: none;}
em.blink2 {display: none;}


/*INDIVIDUAL VALUES*/
p.mapinfo {display:none}
figure.uk {margin:auto}
figure.matt {position: relative; clear:both;padding:0;}
.upgrade {display:none}
#imagemap {display:none}
.span_1_of_4 {font-size:1.5em;min-height:7.5em}
.text_container figure {width:100%}
figure.suburbimage {width:100% !important}
.span_1_of_3, .span_3_of_3 {font-size:1.5em}
.witty {text-align:right; padding-right:3em}
table.sources td {font-size:medium;}
table.sources td img {width: 100px}
.search {width:175%; font-size: smaller;}
.search2 {display: none;}
.divsearchgrid {display: grid;grid-template-columns: 1fr 1fr}
}

/*640px to 799px*/
/*SITE WIDE SETTINGS*/
@media screen and (min-width:40em) and (max-width:49.938em)
{
header {font-size:3.5em;height:66px;}
#leftdragon {float:left;margin-left:0.10em;width:60px; height:66px;background-image:url('https://www.cardiffians.co.uk/graphics/logo/rightdragon4.png'); background-repeat:no-repeat;}
#rightdragon {float:right;margin-right:0.10em;width:60px; height:66px;background-image:url('https://www.cardiffians.co.uk/graphics/logo/rightdragon4.png'); background-repeat:no-repeat}
#ticker span {font-size:0.75em}
h1 {font-size:1.75em}
h2 {font-size:1.50em}
h3 {font-size:1.25em}
h4 {font-size:1.00em;font-weight:bold}
h5 {font-size:1.00em;font-weight:bold}
p {font-size:1.20em}
#content {width:94%;padding: 0 3% 0 3%}
#right_sidebar {display:none}
#undersidebar {padding: 0 1% 0 3%}
#upperfooter1 a {font-size:1em;padding: 0 0.25em 0 0.25em}
#upperfooter1 span {font-size:medium}
#upperfooter2 a {font-size:1em;padding: 0 0.25em 0 0.25em}
#upperfooter2 span {font-size:medium}
.tooltipster-default {border-radius: 5px; border: 2px solid #000;background: #4c4c4c;color: #fff;}
.tooltipster-default .tooltipster-content {font-family: Arial;font-size: 14px;line-height: 14px;padding: 6px 8px;overflow: hidden;}
figcaption {font-size:small}
em.blink1 {display: none;}
em.blink2 {display: none;}


/*INDIVIDUAL VALUES*/
p.mapinfo {font-size:1em; font-weight:bold}
.span_1_of_4 {font-size:1em;min-height:8.5em}
.text_container figure {width:100%}
figure.suburbimage {width:100% !important}
.span_1_of_3, .span_3_of_3 {font-size:0.95em}
.witty {text-align:right; padding-right:4.5em}
table.sources td {font-size:medium;}
table.sources td img {width: 150px}
.search {width:175%}
.search2 {display: none;}
.divsearchgrid {display: grid;grid-template-columns: 1fr 1fr}
}

/*800px to 1023px*/
/*SITE WIDE SETTINGS*/
@media screen and (min-width:50em) and (max-width:63.99em)
{
header {font-size:4.50em; height:88px;}
#leftdragon {float:left;margin-left:0.15em;width:80px; height:88px;background-image:url('https://www.cardiffians.co.uk/graphics/logo/rightdragon3.png'); background-repeat:no-repeat}
#rightdragon {float:right;margin-right:0.15em;width:80px; height:88px;background-image:url('https://www.cardiffians.co.uk/graphics/logo/rightdragon3.png'); background-repeat:no-repeat}
#ticker span {font-size:1em}
h1 {font-size:2.00em}
h2 {font-size:1.50em}
h3 {font-size:1.25em}
h4 {font-size:1.00em}
h5 {font-size:1.00em}
p {font-size:1.30em}
#content {width:94%;padding: 0 3% 0 3%}
#right_sidebar {display:none}
#undersidebar {padding: 0 0 0 3%}
#upperfooter1 a {font-size:1em;padding: 0 0.5em 0 0.5em}
#upperfooter1 span {font-size:large}
#upperfooter2 a {font-size:1em;padding: 0 0.5em 0 0.5em}
#upperfooter2 span {font-size:large}
.tooltipster-default {border-radius: 5px; border: 2px solid #000;background: #4c4c4c;color: #fff;}
.tooltipster-default .tooltipster-content {font-family: Arial;font-size: 14px;line-height: 16px;padding: 6px 8px;overflow: hidden;}
figcaption {font-size:large}
em.blink1 {display: none;}
em.blink2 {display: none;}


/*INDIVIDUAL VALUES*/
p.mapinfo {font-size:1.25em}
.span_1_of_4 {font-size:1.25em;min-height:9.25em}
.text_container figure.left {padding: 0 1em 1em 0}
.text_container figure.right {padding: 0 0 1em 1em}
figure.suburbimage {padding: 0 0 1em 1em}
.span_1_of_3, .span_3_of_3 {font-size:1.10em}
.witty {text-align:right; padding-right:6.5em}
table.sources td {font-size:medium;}
table.sources td img {width: 175px}
.search {width:80%}
.search2 {width:80%}
.divsearchgrid {display: grid;grid-template-columns: 1fr 1fr}
}

/*1024px to 1199px*/
/*HACKS*/
@media screen and (min-width:64em) and (max-width:74.938em)
{
#content {width:94%;padding: 0 3% 0 3%}
.text_container figure {width:100% !important}
.witty {text-align:right; padding-right:7.5em!important}
}

/*1200px to 1599px*/
/*HACKS*/
@media screen and (min-width:75em) and (max-width:99.938em)
{
#content {width:94%;padding: 0 1.5% 0 1.5%}
/*#content {width:66%;padding: 0 1.5% 0 1.5%}*/
.witty {text-align:right; padding-right:10em!important}
}

/*1024px to 1599px*/
/*SITE WIDE SETTINGS*/
@media screen and (min-width:64em) and (max-width:99.938em) 
{
header {font-size:5.75em; height:118px;}
#leftdragon {float:left;margin-left:0.15em;width:107px; height:118px;background-image:url('https://www.cardiffians.co.uk/graphics/logo/rightdragon2.png'); background-repeat:no-repeat}
#rightdragon {float:right;margin-right:0.15em;width:107px; height:118px;background-image:url('https://www.cardiffians.co.uk/graphics/logo/rightdragon2.png'); background-repeat:no-repeat}
#ticker span {font-size:1.15em}
h1 {font-size:2.50em}
h2 {font-size:2.00em}
h3 {font-size:1.50em}
h4 {font-size:1.25em}
h5 {font-size:1.00em}
p {font-size:1.30em}
#content {width:97%;padding: 0 1.5% 0 1.5%}
#right_sidebar {display:none}
#undersidebar {padding: 0 0 0 1.5%}
#upperfooter1 a {font-size:1.25em;padding: 0 0.5em 0 0.5em}
#upperfooter1 span {font-size:x-large}
#upperfooter2 a {font-size:1.25em;padding: 0 0.5em 0 0.5em}
#upperfooter2 span {font-size:x-large}
.tooltipster-default {border-radius: 5px; border: 2px solid #000;background: #4c4c4c;color: #fff;}
.tooltipster-default .tooltipster-content {font-family: Arial;font-size: 16px; line-height: 16px;padding: 6px 8px;overflow: hidden;}
figcaption {font-size:medium}
em.blink1 {font-size:x-small}
em.blink2 {font-size:x-small}


/*INDIVIDUAL VALUES*/
p.mapinfo {font-size:1.25em}
figure.matt {float:right; padding: 1em 0 1em 1em}
.span_1_of_4 {font-size:1.25em;min-height:8.50em}
.text_container figure.left {padding: 0 1em 1em 0}
.text_container figure.right {padding: 0 0 1em 1em}
figure.suburbimage {padding: 0 0 1em 1em}
.span_1_of_3, .span_3_of_3 {font-size:1.10em}
.witty {text-align:right; padding-right:9.5em}
table.sources td {font-size:large;}
table.sources td img {width: 225px}
.search {width:80%}
.search2 {width:80%}
.divsearchgrid {display: grid;grid-template-columns: 2fr 1fr}
}



/*1600px to 1999px*/
/*HACKS*/
@media screen and (min-width:99.939em) and (max-width:125.467em)
{
table.sources td {font-size:larger;}
em.blink1 {font-size:smaller}
em.blink2 {font-size:smaller}
}


/*1600px to 20000px*/
/*SITE WIDE SETTINGS*/
@media screen and (min-width:100em) and (max-width:1250em) 
{
header {font-size:7.5em; height:131px;}
#leftdragon {float:left;margin-left:0.20em;width:119px; height:131px;background-image:url('https://www.cardiffians.co.uk/graphics/logo/rightdragon1.png'); background-repeat:no-repeat}
#rightdragon {float:right;margin-right:0.20em;width:119px; height:131px;background-image:url('https://www.cardiffians.co.uk/graphics/logo/rightdragon1.png'); background-repeat:no-repeat}
#ticker span {font-size:1.40em}
h1 {font-size:3.00em}
h2 {font-size:2.50em}
h3 {font-size:2.00em}
h4 {font-size:1.75em}
h5 {font-size:1.50em}
p {font-size:1.50em}
#content {width:97%;padding: 0 1.5% 0 1.5%}
#right_sidebar {display:none}
#undersidebar {padding: 0 0 0 1.5%}
#upperfooter1 a {font-size:1.5em;padding: 0 1.5em 0 1.5em}
#upperfooter1 span {font-size:xx-large}
#upperfooter2 a {font-size:1.5em;padding: 0 1.5em 0 1.5em}
#upperfooter2 span {font-size:xx-large}
.tooltipster-default {border-radius: 5px; border: 2px solid #000;background: #4c4c4c;color: #fff;}
.tooltipster-default .tooltipster-content {font-family: Arial;font-size: 18px;line-height: 18px;padding: 6px 8px;overflow: hidden;}
figcaption {font-size:large}

/*INDIVIDUAL VALUES*/
p.mapinfo {font-size:1.5em}
figure.uk {float:left; margin-right:1em}
figure.matt {float:right; padding: 1em 0 1em 1em}
.span_1_of_4 {font-size:1.5em;min-height:9em}
.text_container figure.left {padding: 0 1em 1em 0}
.text_container figure.right {padding: 0 0 1em 1em}
figure.suburbimage {padding: 0 0 1em 1em}
.span_1_of_3, .span_3_of_3 {font-size:1.5em}
.witty {text-align:right; padding-right:20em}
table.sources td {font-size:1.25em;}
table.sources td img {width: 250px}
.search {width:80%}
.search2 {width:80%}
.divsearchgrid {display: grid;grid-template-columns: 3fr 1fr}
}


/*2000px to 20000px*/
/*HACKS - July 2020 Additions*/
@media screen and (min-width:125.468em) and (max-width:1250em)
{
table.sources td {font-size:1.75em;}
table.sources td img {width: 400px}
}


/*3840px to 20000px*/
/*July 2020 Additions - New coding for 4K+ displays*/
@media screen and (min-width:240em) and (max-width:1250em)
{
h1 {font-size:4.50em}
h2 {font-size:4.00em}
h3 {font-size:3.50em}
h4 {font-size:2.25em}
h5 {font-size:2.00em}
p {font-size:1.75em}


/*INDIVIDUAL VALUES*/
table.sources td {font-size:1.50em;}
table.sources td img {width: 500px}
.search {width:94%}
.search2 {width:74%}
.divsearchgrid {display: grid;grid-template-columns: 3fr 1fr}
}




/* START PAGES */

/* START FRONT PAGE */

/* MAIN IMAGE MAP */
p.mapinfo {padding: 0.25em;margin: 1em auto 1em auto;text-align: center;border-radius: 0.5em;border-style: groove;border-color: black;width: 75%;font-weight:bold;background: rgba(240, 128, 128, 0.5);}
imagemap {width: 100%;}
img[usemap] {border:none;height: auto;max-width: 100%;width: 100%;}

/* FRONT PAGE GRID */
#explore {cursor:inherit;}
#explore2 {cursor:inherit;}

/*  SECTIONS   */
.section {clear: both;text-align:center}

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


/*  GRID COLUMN SETUP  */
.col {display: block;float:left;margin: 0.4%}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}

@media only screen and (max-width:39.938em) {
.col {cursor:inherit;}
.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {width: 100%;}
}

/*  WHOLE 'BUTTON'  */
.span_1_of_4 {border:thin black solid; border-radius:0.5em;margin-top:1em;}
.span_1_of_4:hover {background: rgba(125,0,0,.5); transition-duration:0.5s}
.span_1_of_4:hover a {color:#FFF; transition:0.5s;}

/*  TOP LABEL  */
.ex_lab {background: rgba(175,0,0,.85);padding:0.25em 0 0.25em 0;border-radius:0.3em 0.3em 0 0;min-height:2.5em;}
.ex_lab a {color:lightgreen;font-weight:bolder; text-decoration:none}
.ex_lab span {color:#FFF;font-weight:bolder; text-decoration:none}


/*  DESCRIPTION  */
a.ex_des {color:#000;text-decoration:none;font-weight:bold;text-align:center;}
.pad {padding: 0 0.5em 0 0.5em}

/*Upgrade your browser*/
.upgrade {text-align:center; clear:both;margin: 0 3% 0 3%;width:94%;padding-top:1em}
/* END FRONT PAGE */


/*** PROFILE***/
#profile {width:94%;margin: 0 3% 0 3%;float:left;clear:both;border-top:medium black groove;padding-top: 1em;}

/*** CARDIFFIANS***/
.prof {color:#006600;font-size:smaller}

/*** SUBURBS***/
.suburbimage {float:right;}
/*Suburb List*/
/*  GRID OF THREE   ============================================================================= */
#suburbmenu2014 {background: rgba(255,255,255,.5);border: solid 2px #777;padding: 10px;cursor: pointer; border-radius: 0.5em;overflow:hidden;}
.col_sub {display: block;float:left;}
.col_sub:first-child {margin-left: 0; } /* all browsers except IE6 and lower */
.section_sub {clear: both;}	
.span_3_of_3 {width: 100%; padding:0.5em 0 0.5em 0}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%; padding:0.15em}

/*  FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width:39.938em) {
.span_3_of_3, .span_2_of_3, .span_1_of_3 {width: 98%;text-align:center}
}

.span_1_of_3 a, .span_3_of_3 a {text-decoration:none; font-weight:bold}
.span_1_of_3:hover, .span_3_of_3:hover {border-radius:0.25em;background: rgba(125,0,0,.5); text-decoration:underline;}
.span_1_of_3:hover a, .span_3_of_3:hover a {color:#FFF; transition:0.25s; text-decoration:underline;}
.span_1_of_3:hover a:visited, .span_3_of_3:hover a:visited {color:#FFF; transition:0.25s; text-decoration:underline;}
.span_1_of_3 a:visited, .span_3_of_3 a:visited {color:darkred}


/*** TIME LINE***/
table.timeline {width: 100%; border-collapse: collapse}
/* Zebra striping */
table.timeline tr:nth-of-type(odd) {background:rgba(245,245,245,.65)}
table.timeline tr:nth-of-type(even) {background:rgba(204,204,204,.65)}

table.timeline th {background:rgba(51,51,51,.85); color: white; font-weight: bold;font-size:1.5em;text-decoration:none;}
table.timeline th a {text-decoration:none}
table.timeline th a:hover{text-shadow: 0 0 25px #FFF;color:#FFF}
table.timeline th a.date {text-decoration:none; color:lightblue; font-size:0.65em;padding-right:0.4em}
table.timeline th a.date:hover {text-shadow: 0 0 25px #FFF;color:#fff;text-decoration:underline;font-weight:bold}

table.timeline td {font-size:larger;}
table.timeline td, th {padding:0.5em; border: 1px solid #ccc; text-align: left;}
table.timeline td p {font-size:1.15em;margin:0.25em 0 0em 0; font-weight:bold; color:#FFF;background:rgba(0,100,35,.8); display:inline-block; padding:0.1em 0.35em 0.1em 0.35em; border-radius:0.25em}
table.timeline td span {padding: 1em 0 0 0; display: block;}

table.timeline .up, .down, .top  {color:lightblue; font-weight:bold; float:right; font-size:x-large; padding:0 0.5em 0 0.5em}


/*** IMAGE INDEX***/
.divsearch {padding: 1em;}
.search {
    background-image: url('/graphics/atozindex/searchicon.png'); 
    outline: none; 
    padding: 10px 20px 10px 40px; 
    background-position: 10px 12px;
    border-radius:0.5em;
    background-repeat: no-repeat; 
    font-size:x-large;
    font-weight:bolder;
    }
    
    .divsearch2 {padding:1em;}
    .search2 {
        background-image: url('/graphics/atozindex/searchicon.png'); 
        outline: none; 
        padding: 10px 20px 10px 40px; 
        background-position: 10px 12px;
        border-radius:0.5em;
        background-repeat: no-repeat; 
        font-size:x-large;
        font-weight:bolder;
        }



/*** LINKS***/
ul.no_bullet {list-style-type: none;padding: 1em;margin: 0;}
li.img {background: url('/graphics/links/dragon.png') no-repeat left top;padding: 0em 0em 1em 3em}
.links a {font-weight:bolder;border-radius: 0.5em; text-decoration:none;transition:all 5s ease-out}
.links a:hover{padding: 0 0.5em 0 0.5em;text-shadow: 0 0 25px #FFF;text-decoration:underline;background:#970000;color:#fff;transition:all 0.15s ease-out;}
.links a:visited{color:purple}
.links a:hover{color:#fff!important}

.rev {padding-left:1em;font-size:small}


/*** DISCLAIMER***/
.disclaimer {list-style-type: lower-roman; text-align:left; font-size:1.4em;}
.disclaimer li {padding:0.25em 0 0.25em 0}
.disclaimer_subsection {list-style-type: lower-alpha;text-align: left;font-size: 1.4em;}



/*** SITEMAP***/
table.sources {width: 100%; border-collapse: collapse}
/* Zebra striping */
table.sources.sitemap tr:nth-of-type(odd) {background:rgba(245,245,245,.65)}
table.sources.sitemap tr:nth-of-type(even) {background:rgba(204,204,204,.65)}

table.sitemap th {background:rgba(51,51,51,.85); color: white; font-weight: bold;font-size:1.5em;text-decoration:none;}
table.sitemap th a {text-decoration:none}
table.sitemap th a:hover{text-shadow: 0 0 25px #FFF;color:#FFF}
table.sitemap th a.alpha {text-decoration:none; color:lightblue; font-size:0.65em;padding-right:0.4em}
table.sitemap th a.alpha:hover {text-shadow: 0 0 25px #FFF;text-decoration:underline;color:#fff;font-size:0.85em;font-weight:bold}

table.sitemap td, th {padding:0.5em; border: 1px solid #ccc;}
table.sitemap td p {font-size:1.00em;margin:0.25em 0 0.5em 0; font-weight:bold}
table.sitemap td {font-size:larger;}

table.sitemap p {color:#FFF;background:rgba(0,100,35,.8); display:inline-block; padding:0.1em 0.35em 0.1em 0.25em; border-radius:0.25em}

table.sitemap a {font-weight:bold;padding: 0.1em;border-radius: 0.5em; text-decoration:none;transition:all 5s ease-out}
table.sitemap a:hover{text-shadow: 0 0 25px #FFF;text-decoration:underline;background:#0E8800;color:#fff;transition:all 0.15s ease-out;}
table.sitemap a:visited{color:purple}
table.sitemap a:hover{color:#fff!important}

table.sitemap li a {font-weight:bold;padding: 0.1em;border-radius: 0.5em; text-decoration:none;transition:all 5s ease-out}
table.sitemap li a:hover{text-shadow: 0 0 25px #FFF;text-decoration:underline;background:#0E8800;color:#fff;transition:all 0.15s ease-out;}
table.sitemap li a:visited{color:purple}
table.sitemap li a:hover{color:#fff!important}

li.img1 {background: url('/graphics/links/dragon.png') no-repeat left top;padding: 1em 0em 0em 3em}




/*** RESOURCES (Used for Sitemap and Links too!!!) ***/ 
table.sources {width: 100%; border-collapse: collapse;}
/* Zebra striping */
table.sources.sitemap tr:nth-of-type(odd) {background:rgba(245,245,245,.65)}
table.sources.sitemap tr:nth-of-type(even) {background:rgba(204,204,204,.65)}

table.sources th {background:rgba(51,51,51,.85); color: white; font-weight: bold;font-size:1.5em;text-decoration:none}
table.sources th a {text-decoration:none}
table.sources th a.alpha {text-decoration:none; color:lightgreen; font-size:0.90em;padding: 0 0.5em 0 0.5em;transition-duration:1s}
table.sources th a.alpha:hover {text-shadow: 0 0 25px #FFF;text-decoration:underline;color:#fff;font-size:1em;font-weight:bold;transition-duration:1s}

table.sources td, th {padding:0.5em; border: 1px solid #ccc;}
table.sources td p {font-size:1.00em;margin:0 0 1em 0; font-weight:bold}

table.sources .up, .down, .top  {color:lightblue!important; font-weight:bold; float:right; font-size:x-large; padding:0 0.5em 0 0.5em}
table.sources p {color:#FFF;background:rgba(0,100,35,.8); display:inline-block; padding:0.5em; border-radius:1em}
/* Resource link formatting (new for July 2020) */

.resourcelink a {font-size: 0.75em;background-color: #970000;color:white;padding:0.25em 0.5em 0.25em 0.5em;border-radius: 1em; text-decoration:none;transition:all 1.5s ease-out}
.resourcelink a:hover {font-size:0.80em}
.resourcelink a:visited{color:burlywood}
.resourcelink a:hover{text-shadow: 0 0 25px #FFF;text-decoration:underline;padding:0.25em 0.75em 0.25em 0.75em;background:#0E8800;color:#fff; transition:all 0.25s ease-out;}

.resourcelinkCY a {font-size: 0.75em;background-color: #970000;color:white;padding:0.25em 0.5em 0.25em 0.5em;border-radius: 0.5em; text-decoration:none;transition:all 1.5s ease-out}
.resourcelinkCY a:visited{color:burlywood}
.resourcelinkCY a:hover{text-shadow: 0 0 25px #FFF;text-decoration:underline;background:#0E8800;color:#fff; transition:all 0.25s ease-out;}

table.sources td img {border-radius: 0.5em;}


/**END PAGES**/


/**START REST OF CSS**/

/*Copyright (For sharing)*/
.copyright 			{font-size:small;}
.copyright a 		{background-color:transparent;transition-duration:0.5s; border-radius:0.25em;color:#FFF; text-decoration:underline;}
.copyright a:hover  {background-color:firebrick; transition:background-color 0.5s;border-radius:0.25em}
/*Copyright (Commercial)*/
/*Contents and References*/
.conref 		 {cursor:inherit;}
.conref a 		 {text-decoration:none}
.conref a:hover  {text-decoration:underline;font-weight:bold}
/*Disqus*/
#disqus_thread {margin-top:1em;background: rgba(255,255,255,.65);border: solid 2px #777;padding: 20px; border-radius: 0.5em;}
/*Figures*/
figure {margin:0; padding:0;}  /*General reset*/
figure img {width: 100%;}
/*Figcaptions*/
figcaption {bottom: 5px;left: 0;right: 0;margin: 0;padding: 10px;position: relative;background: rgba(0,0,0,.70);color: white;caption-side: bottom;}
.topcaption {bottom: 0;left: 0;right: 0;margin: 0;padding: 10px;position: relative;background: rgba(0,0,0,.70);color:white;font-size:small;text-align:center;caption-side: bottom;}
figcaption p {margin: 0;line-height: 1.25;}
/*Galleries*/
#vlightbox1 {width:100%;text-align:center; background-color:rgba(255, 255, 255, 0.5);border-radius:1em}
#vlightbox1 .vlightbox1 {display:inline-block;position:relative;vertical-align:top;margin:0.5%;width:240px;font-weight:bold;color:#333333;text-decoration:none;text-align:center;opacity:0.80;outline:none;}
#vlightbox1 .vlightbox1 a{margin:0;}
#vlightbox1 .vlightbox1:hover, #vlightbox1 .vlightbox1 a:hover{opacity:1;}
#vlightbox1 .vlightbox1 img{display:block;border:none;margin:0;}
#vlightbox1 .vlightbox1 div {display:none}

/*Sliding Menus - Galleries and Suburbs*/
.slide {background-color:#282828;color:#fff;padding: 0.4em;border-radius:0 0 1em 0;margin:0 0 0 0;font-weight:bold;font-size:0.35em;text-decoration:none}
.slide:hover {background-color:#197519;cursor: pointer;}
.gallerymenu {background-color: rgba(119, 119, 119, 0.8)}
.gallerymenu li {list-style: none;font-weight:bold;font-size:1.15em;padding:0.25em}
.gallerymenu li a {color:#fff;text-decoration:none}
.gallerymenu li:hover {padding: 0.25em;margin-right:1.5em;font-weight:bold;font-size:1.15em;background-color: #197519;cursor:pointer;text-decoration:underline;border-radius:0.25em;color:#fff}
.gallerymenu li a:visited {color:#FF9B9B;text-decoration:none}
.gallerymenu li.submenu {list-style: none;font-weight:bold;font-size:1.15em;padding:0.25em}
.gallerymenu li.submenu:hover {text-decoration:none;color:#fff}
.suburbmenu {background-color: rgba(119, 119, 119, 0.8)}
.suburbmenu li {list-style: none;font-weight:bold;font-size:1.15em;padding:0.25em}
.suburbmenu li a {color:#fff;text-decoration:none}
.suburbmenu li:hover {padding: 0.25em;margin-right:1.5em;font-weight:bold;font-size:1.15em;background-color: #197519;cursor:pointer;text-decoration:underline;border-radius:0.25em;color:#fff}
.suburbmenu li a:visited {color:#FF9B9B;text-decoration:none}
.padding:hover {background-color:rgba(119, 119, 119, 0)!important}
#vlb1overlay {background-color:#000!important;opacity:0.9!important}
#vlb1caption {font-size:1.25em!important}

/*Headings*/
h1 {color:#197519; text-transform: uppercase; font-family:"Trebuchet MS";}
h2 {color:#A31919;font-family:"Trebuchet MS";}
h3 {color:#197519;font-family:"Trebuchet MS";}
h4 {color:#A31919;font-family:"Trebuchet MS";}
h5 {color:#197519;font-family:"Trebuchet MS";}
/*Images*/
img {border-width:0;margin:0;padding:0;}
img.expand {height:100%; width:100%}
.enlargeimage {position: relative}
.hoverimage {position: absolute; display: none}
.enlargeimage:hover .hoverimage {display:inline-block;width:100%;height:100%;margin:auto}
/*Resources*/
#resources {background: rgba(255,255,255,.5);border: solid 2px #777;padding: 10px;cursor:context-menu; border-radius: 0.5em;overflow:hidden;margin-top:1em}
#resources2 {background: rgba(255,255,255,.5);border: solid 2px #777;padding: 10px;cursor:context-menu; border-radius: 0.5em;overflow:hidden;margin-top:1em}
.resources {color:#990000;font-size:large;font-weight:bold} /***Also Suburbs***/
.resources2 {color:#990000;font-size:large;font-weight:bold} /***Also Suburbs***/

/***TEXT CONTAINERS - HIDDEN AND VISIBLE***/
.hidden>div {display:none}	
.visible>div {color:black} 
.text_container {background: rgba(255,255,255,.5);border: solid 2px #777;padding: 10px;cursor:n-resize; margin-top:1em; border-radius: 0.5em;}
.text_container h4 {margin: -0.25em 0 -0.25em 0;}
.text_container figure.left {float:left}
.text_container figure.right {float:right} 
figcaption.copyright {font-size:small; font-weight:bold;} 


/*X*/
.twitter-follow-button {padding: 0 1em 0 1em}

/*VIDEO STRETCHER*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/** TOOLTIPS **/
.tooltipster-default .tooltipster-content {font-weight:bolder;color:#FFF; max-width:200px; text-align:center;}
.tooltipster-default .tooltipster-content a {font-weight:bold;color:lightblue; transition:.75s;background-color:transparent;text-decoration:none}
.tooltipster-default .tooltipster-content a:hover {color:#FFF; text-decoration:underline;cursor:pointer}
/*REFERENCES*/ .tt {color:blue;font-size:small; vertical-align:super; text-decoration:none; font-weight:bold;cursor:wait}
/*GENERAL LINKS*/ 	.ttlink a {cursor:inherit;}
/*MAP*/ .ttmap {cursor:inherit;}
/*INFORMATION*/ .ttinfo {color:blue;text-decoration:none;}
/*INFORMATION*/ .ttinfo sup {color:blue;text-decoration:none;font-size:x-small;vertical-align:super; font-weight:bolder;}


/***BLINK TEXT 1***/
@keyframes blinker {50% { opacity: 0; }}

.blink1 {animation: blinker 10s ease infinite;}
.blink2 {animation: blinker 10s ease 20}

em.blink1 {opacity:0.75;float:right;margin-top:-1em;background-color:#0d7200;border-radius:0.5em;padding: 0.10em 0.75em  0.10em 0.75em;font-weight: bold;color: white;}
em.blink2 {opacity:0.75;background-color:#940000;font-size:medium;font-weight: bold; padding: 0.0em 0.75em  0.0em 0.75em;margin-left: 1em;color: white;}


/*NEW PICTURES ANI*/
.new {animation: color-change 3s infinite; display:block; font-weight:bolder; font-size: larger;}
@keyframes color-change {0% {color: red;} 25% {color: DarkGoldenRod;} 50% {color: orange;} 75% {color: DarkGoldenRod;} 100% {color: red;}}

/*PAGE UPDATE HISTORY*/
.updates {margin:0; color: #197519; font-family: 'Trebuchet MS'; font-weight: bold;}

/*SCROLL TO TOP BUTTON*/
.stt {
    position: fixed;
    right: 1.75rem;
    bottom: 1.15rem;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: rgb(0, 238, 48) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='white' d='M352 352c-8.188 0-16.38-3.125-22.62-9.375L192 205.3l-137.4 137.4c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25C368.4 348.9 360.2 352 352 352z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
    opacity: 0.5;
    transition-duration:10s; 
  }
  .stt:hover {
    opacity: 1;
    transition-duration:0.5s; 
    text-shadow: 0 0 5px;
    box-shadow: 0 0 0.75rem 15px #970000;
  }

  /*TOOLTIPSTER*/

  .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  }
  .tooltipster-icon {
    cursor: help;
    margin-left: 4px;
  }
  .tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 9999999;
    width: auto;
    overflow: visible;
  }
  .tooltipster-base .tooltipster-content {
    overflow: hidden;
  }
  .tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0; 
    height: 0;
    position: absolute;
  }
  .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -8px;
  }
  .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -8px;
  }
  
  .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -8px;
  }
  .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -8px;
  }
  .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
  }
  .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
  }
  .tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
  }
  .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
  }
  .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -8px;
  }
  .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-left: 9px solid;
    margin-top: -8px;
  }
  .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -8px;
  }
  .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-right: 9px solid;
    margin-top: -8px;
  }
  .tooltipster-fade {
    opacity: 0;
    transition-property: opacity;
  }
  .tooltipster-fade-show {
    opacity: 1;
  }
  
  .tooltipster-grow {
    transform: scale(0,0);
    transition-property: transform;
  }
  .tooltipster-grow-show {
    transform: scale(1,1);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  }
  
  .tooltipster-swing {
    opacity: 0;
    transform: rotateZ(4deg);
    transition-property: transform;
  }
  .tooltipster-swing-show {
    opacity: 1;
    transform: rotateZ(0deg);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  }
  
  .tooltipster-fall {
    top: 0;
    transition-property: top;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
  }
  .tooltipster-fall-show {
  }
  .tooltipster-fall.tooltipster-dying {
    transition-property: all;
    top: 0px !important;
    opacity: 0;
  }
  
  .tooltipster-slide {
    left: -40px;
    transition-property: left;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  }
  .tooltipster-slide.tooltipster-slide-show {
  }
  .tooltipster-slide.tooltipster-dying {
    transition-property: all;
    left: 0px !important;
    opacity: 0;
  }
  .tooltipster-content-changing {
    opacity: 0.5;
    transform: scale(1.1, 1.1);
  }