html,body {line-height:1.4; -webkit-text-size-adjust: 100%; color:black;text-rendering:optimizeLegibility;overflow-x:hidden;scroll-behavior:smooth}

@font-face { font-family: Open Sans; src: url('OpenSans-Regular.ttf') } 

body {margin:0;background-color:#f4faff;font-family: "Open Sans","Arial",sans-serif;font-weight:400;font-size:100%}
a:link, a:hover, a:visited {background-color:transparent;text-decoration:none;color:#87CEFA}
section {clear:both;padding:2px 0;margin:0px}

.row {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
.row {position:relative;max-width:1140px;margin:0 auto;padding:0}
.row:before, .row:after {content:"";display:table;}
.row:after {clear:both;}

#top-menu {position:relative;width:100%;height:144px;max-width:1140px;padding:0;color:#fff;background:#023375;background-image:url(https://www.thesecondwitness.com.au/ttimg/bgtt.webp);z-index:300}

#logo {position:relative;float:right;margin:0 4px 0 0;z-index:345}
#logop {position:relative;float:left;margin:0 0 0 4px;z-index:345}

.ttl {position:absolute;width:100%;max-width:1140px;margin:0;text-align:center;color:#87CEFA;font-weight:bold;z-index:-200;text-shadow: 2px 2px black;font-size:120%;line-height:120%}

.box {background-color:white;border:1px solid #888;box-shadow: 1px 1px 4px #999;border-radius:12px}
.box {padding:3%}
.bw60 {width:60%;margin:0 auto}
.video {position:relative;padding-bottom:56.25%;height:0;margin:auto}
.video iframe {position:absolute;top:0;left:0;width:100%;height:100%}

@media handheld, only screen and (min-width:1366px), only screen and (min-device-width:1366px){.bw60 {width:64%;margin:0 auto}}

@media handheld, only screen and (min-width:640px) and (max-width:899px), only screen and (min-device-width:640px) and (max-device-width:899px){.bw60 {width:80%;margin:0 auto} .box {padding:1%}}

@media only screen and (max-width:639px), only screen and (max-device-width:639px) {.bw60 {width:96%;margin:0 1%} .box {padding:1%;border:0;box-shadow: none;margin-top:0}}

p {font-size:100%}
.tac {text-align:center}
.clo {color:#ffa500}
.cln {color:navy}
.clm {color:maroon}
.clr {color:red}
b {font-weight: bolder}
img {border-style:none}
.lrg {font-size:115%;line-height:130%}

form {font-size:100%;line-height:1.5}
.fnapc {position:relative;border-radius:17px;background-color:#f2f2f2;padding:20px;max-width:900px;margin:0 auto;font-size:100%;border:1px solid}
.fnapc label {padding:12px 12px 12px 0;display:inline-block}
.fnapc input[type=text] {width:98%;padding:12px;border:1px solid #ccc;border-radius:7px;resize:vertical}
.fnapc select {width:60%;padding:12px;border:1px solid #ccc;border-radius:7px;resize:vertical}

.bw, .bw1, .bw2, .bw3, .bw5, .bw6, .bwt {position:relative;float:left;text-align:center;padding-top:6px}
.bw, .bw1, .bw2, .bw3, .bw5, .bw6 {background-color:#fff;border-radius:12px;border:1px solid #023375}
.bwt {background-color:none}

.bw1, .bw2, .bw3, .bw5, .bw6, .bwt {margin:0 20px 20px 0;padding:0 2px 0 2px} 
.albc {position:relative;display:inline}
.ccab {clear:both}

.giv .bw img {width:60px;height:100px}
.giv .bw1 img {width:60px;height:100px}
.giv .bw2 img {width:237px;height:100px}
.giv .bw3 img {width:180px;height:100px}
.giv .bw5 img {width:300px;height:100px}
.giv .bw6 img {width:360px;height:100px}

.clm100 {color:maroon;font-size:100%}

.container {display:inline-block;position:relative;padding-left:0;margin-bottom:12px;cursor:pointer;font-size:200%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.container input {position:absolute;opacity:0;cursor:pointer}
.checkmark {position:absolute;top:0;left:0;height:20px;width:20px;background-color:#99ccff;border:1px solid black;border-radius:12px}
.container:hover input ~ .checkmark {background-color:#ffcc99;border:1px solid #2196F3;border-radius:12px}
.container input:checked ~ .checkmark {background-color:#023375;border:1px solid #023375;border-radius:12px}
.checkmark:after {content: "";position:absolute;display:none}
.container input:checked ~ .checkmark:after {display: block}
.container .checkmark:after {left:6px;top:3px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;border-radius:12px; -webkit-transform: rotate(45deg); -ms-transform:rotate(45deg);transform:rotate(45deg)}  

.btn:link, .btn:visited {display:inline-block;font-weight:300;text-decoration:none;border-radius:20px;padding:3px 3px}

.btn-full:link, .btn-full:visited {background-color:orange;border:2px solid gray;color:#000}

.btn:hover, .btn:active, input[type=submit] {background-color:#023375;border:2px solid gray;color:#fefefe}

input[type=submit] {cursor:pointer;font-size:111%;font-weight:300;border-radius:20px;padding:6px 12px;background-color:orange;border:2px solid gray;color:#000}

input[type=submit]:hover {background-color:#023375;border:2px solid gray;color:#fefefe}

	.footer {color:#fff;border:1px solid #0f0f0f;background-color:#023375;text-align:center;background-image:url(https://www.thesecondwitness.com.au/ttimg/bgtt.webp)}
	.fmen {margin:10px 0 10px 0;font-size:90%}
	.fmen ul {margin:0;padding:0;list-style:none}
	.fmen li {display:inline-block;padding:0 7px 0 7px}
	.fmen li a:link,.fmen li a:visited {color:#fff;padding:8px 0px;text-decoration:none;border-bottom: 2px solid transparent}
	.fmen li a:hover,.footer-nav li a:active {border-bottom:2px solid transparent}

#wbd {margin:13px auto;max-width:440px}
.wbd {text-align:left;font-size:90%}
.wbd img {height:76px;width:auto;float:left;padding:0 8px 0 0}

#st {position:absolute;top:-1000px;left:-1000px;z-index:-123}

.website, input[type="text"]#website {opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1;}

@media handheld, only screen and (min-width:1366px), only screen and (min-device-width:1366px){
body {font-size:17px}
header, #top-menu {height:144px;}
#logo {top:5px}
#logo img {height:135px}
#logop {top:6px}
#logop img {height:138px}
.ttl {top:22px;font-size:170%;line-height:170%}
.btn:link ,.btn:visited {font-size:108%;padding:6px 6px}
}

@media handheld, only screen and (min-width:1200px) and (max-width:1365px), only screen and (min-device-width:1200px) and (max-device-width:1365px){
body {font-size:16px}
header, #top-menu {height:144px;}
#logo {top:3px}
#logo img {height:136px}
#logop {top:12px}
#logop img {height:132px}
.ttl {top:22px;font-size:180%;line-height:180%}
.btn:link,.btn:visited {font-size:108%;padding:6px 6px}
}

@media handheld, only screen and (min-width:1024px) and (max-width:1199px), only screen and (min-device-width:1024px) and (max-device-width:1199px) {
body {font-size:15px}
header, #top-menu {height:140px;}
#logo {top:5px}
#logo img {height:130px}
#logop {top:20px}
#logop img {height:120px}
.ttl {top:18px;font-size:190%;line-height:190%}
.btn:link,.btn:visited {font-size:106%;padding:8px 8px}
}

@media handheld, only screen and (min-width:900px) and (max-width:1023px), only screen and (min-device-width:900px) and (max-device-width:1023px) {
body {font-size:15px}
header, #top-menu {height:140px;}
#logo {top:2px}
#logo img {height:134px}
#logop {top:30px}
#logop img {height:110px}
.ttl {top:24px;font-size:174%;line-height:170%}
.btn:link,.btn:visited {font-size:106%;padding:8px 8px}
.bw60 {width:72%;margin:0 auto}
}

@media handheld, only screen and (min-width:768px) and (max-width:899px), only screen and (min-device-width:768px) and (max-device-width:899px) {
body {font-size:14px}
header, #top-menu {height:116px;}
#logo {top:4px}
#logo img {height:108px}
#logop {top:22px}
#logop img {height:94px}
.ttl {top:16px;font-size:170%;line-height:170%}
.btn:link,.btn:visited {font-size:105%;padding:6px 6px}
}

@media handheld, only screen and (min-width:640px) and (max-width:767px), only screen and (min-device-width:640px) and (max-device-width:767px) {
body {font-size:14px}
header, #top-menu {height:96px;}
#logo {top:2px}
#logo img {height:90px}
#logop {top:20px}
#logop img {height:76px}
.ttl {top:16px;font-size:150%;line-height:150%}
.btn:link,.btn:visited {font-size:105%;padding:4px 4px}
.bw60 {width:88%;margin:0 auto}
}

@media handheld, only screen and (min-width:600px) and (max-width:639px), only screen and (min-device-width:600px) and (max-device-width:639px) {
body {font-size:14px}
header, #top-menu {height:88px;}
#logo {top:4px}
#logo img {height:80px}
#logop {top:12px}
#logop img {height:76px}
.ttl {top:10px;font-size:150%;line-height:150%}
.btn:link,.btn:visited {font-size:105%;padding:4px 4px}
.box {padding:1%;border:0;box-shadow:none;margin-top:0}
}

@media handheld, only screen and (min-width:480px) and (max-width:599px), only screen and (min-device-width:480px) and (max-device-width:599px) {
body {font-size:14px}
header, #top-menu {height:74px;}
#logo {top:0}
#logo img {height:72px}
#logop {top:6px}
#logop img {height:70px}
.ttl {top:8px;font-size:140%;line-height:140%}
.btn:link,.btn:visited {font-size:105%;padding:4px 4px}
}

@media handheld, only screen and (min-width:320px) and (max-width:479px), only screen and (min-device-width:320px) and (max-device-width:479px) {
body {font-size:14px}
header, #top-menu {height:60px}
#top-menu {position:absolute}
#logo {top:0}
#logo img {height:70px}
#logop, #logop img {display:none}
.ttl {position:relative;top:10px;font-size:120%;line-height:120%}
.bw1, .bw2, .bw3, .bw5, .bw6, .bwt {margin:0 10px 10px 0;padding:0 2px 0 2px} 
}

@media handheld, only screen and (min-width:0px) and (max-width:319px), only screen and (min-device-width:0px) and (max-device-width:319px) {
body {font-size:14px}
header, #top-menu {height:66px}
#top-menu {position:absolute}
#logo, #logo img, logop, #logop img {display:none}
.ttl {position:relative;top:10px;font-size:120%;line-height:120%}
}