@charset 'UTF-8';
@font-face {
    font-family: 'League Gothic';
    src: url('../font/League_Gothic-webfont.eot');
    src: url('../font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/League_Gothic-webfont.ttf') format('truetype'),
    url('../font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0; font-size: 14px; line-height: 1.231;-webkit-text-size-adjust: none;-ms-text-size-adjust: none; background:#fff; color:#231f20;}
html, body, .aspForm, #container{ width:100%; height:100%; }
body, button, input, select, textarea { font-family: Arial, sans-serif;}
a { color: #1b59ac; text-decoration: none }
a:hover { text-decoration: none }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.nocallout {-webkit-touch-callout: none;}
textarea[contenteditable] {-webkit-appearance: none;}
.gifhidden {position: absolute; left: -100%;}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
h1, h2, h3, h4, h5{line-height: 1;font-weight: normal;margin:0px;padding:0px 0px 5px 0px;color:#323030;font-family: 'League Gothic', Impact, Arial, sans-serif;text-transform:uppercase;}
h1 a, h2 a, h3 a, h4 a, h5 a{color: #323030;}
h1{ font-size:35px;}
h2{ font-size:27px;}
h3{ font-size:24px;}
p{margin:0px 0px 16px 0px;}
.no-p-margin{ margin:0px 0px 16px 0px}
.no-p-margin p{ margin:0px;}
table {border-collapse: collapse;border-spacing: 0;text-align:left;}
table td {padding: 8px 0px;}
.cl{clear: both;}
.clf{clear: both; font-size:0px; height:0px; padding:0px; margin:0px;}
.fl{float: left;}
.fr{float: right;}
.ct{text-align:center;}
.ar{ text-align:right;}
.hidden {display:none !important;}
.blue{color:#124589;}/* blue */
.bg-blue{background:#124589;}/* blue */
.orange, .bushfire{color:#be400f;}/* orange */
.bg-orange{ background:#be400f;}
.blue2, .flood{color:#1b59ac;}/* blue */
.fuchsia, .cyclone {color:#9a096a;}/* fuchsia */
.bg-fuchsia{ background:#9a096a;}
.bushfire{color:#be400f;}/* orange */
.green, .stormsurge{color:#3f6e10;}/* green */
.bg-green{ background:#325a0b;}
.red, .severestorm{color:#891512;}/* red */
input, select, textarea{font-size: 12px; font-family: Arial, sans-serif;color: #605353;}
input::-moz-focus-inner { border: 0; }
.map{ float:left;margin-bottom:13px;}
.myfont{font-family: 'League Gothic', Impact, Arial, sans-serif;text-transform:uppercase;}
body, #container{background: url(/buildassets/hub/mobile/dotted-bg.png) repeat 0 50% transparent; background-size: 2px 2px;}
#container{ position:relative; z-index:1;}
.header, .header .top-bar, #main, .footer, .desktop{ width:100%;}
.spr{background: url(/buildassets/hub/mobile/sprites640.png) no-repeat 0 0 transparent; background-size: 320px 500px;}
.bg-l, .bg-r, .bg-m{ position:absolute; top:0px; z-index:0; display:block;}
.bg-m{ width:100%; height:192px; background: url(/buildassets/hub/mobile/top-gradient-middle.png) repeat-x 0 0 transparent; background-size: 1px 192px;}
.bg-l{ width:209px; height:192px; background-position:0px -217px; left:0px;}
.bg-r{ width:105px; height:192px; background-position:-210px -217px; right:0px;}
.header{ position:relative;height:111px; background-position:100% -106px;}
.header .top-bar{ background: url(/buildassets/hub/mobile/top-green.png) repeat-x 0 50% transparent; background-size: 1px 22px;position:absolute;height:22px; display:block;}
.header .logo{ text-indent:-9999px;display:block; position:absolute;}
.header .glogo{ background-position:0px 0px; width:97px; height:106px;top:0px; left:13px;}
.header .hlogo{ background-position:-97px 0px; width:195px; height:58px;top:33px; right:15px;}
.main{ position:relative;}
.main .pd{ padding:0px 15px;}
.nav-top{ position:relative;}
.nav-top h1{ width:80%; padding-bottom:7px;}
.nav-top .btnMenu{ position:absolute; top:9px; right:0px; font-size:27px; line-height:22px; height:22px; cursor:pointer; background-position:-310px 7px; padding:0px 0px 0px 16px;}
.nav-top .btnMenu.open{ background-position:-310px -45px; }
.menu-container{float: left;clear: both;width: 100%;}
.menu{ list-style-type:none; padding:0px; margin:0px;}
.menu li{ padding:0px; margin:0px; float:left; overflow:hidden; width:100%;}
.menu a 
{
	font-size:27px;
	line-height:26px;
	color:#FFFFFF;
	text-transform:uppercase;
	background:url(/buildassets/hub/mobile/btnArrow_right.png) no-repeat 100% 50%; background-size:19px 13px;
	padding:7px 22px 7px 10px;
	margin-bottom:1px;
	display:block;
}

.menu .disaster-connect a{background-color:#be400f;}
.menu .disaster-connect a:hover {background-color:#d84005;}
.menu .be-aware a{background-color:#0b356c;}
.menu .be-aware a:hover {background-color:#1b59ac;}
.menu .prepare a{background-color:#124589;}
.menu .prepare a:hover {background-color:#1b59ac;}
.menu .help-others a{background-color:#1b59ac;}
.menu .help-others a:hover {background-color:#124589;}
.menu .small{ font-size:17px; line-height:16px;}
.menu .disaster-connect .small{color:#fed6c6;}
.menu .be-aware .small{color:#85acd9;}
.menu .prepare .small{color:#8cb7e9;}
.menu .help-others .small{color:#bbd6f3;}
.menu .br{ display:block; padding-bottom:3px;}

/*Submenu*/
.nav-submenu{ position:relative; clear:both; margin-bottom:9px;}
.nav-submenu h3{ width:80%; padding-bottom:7px;}
.nav-submenu .btnSubmenu{ position:absolute; top:3px; right:0px; text-indent:-9999px; height:14px; width:34px; cursor:pointer; background-position:-199px -58px; padding:0px; overflow:hidden;}
.nav-submenu .btnSubmenu.open{ background-position:-233px -58px; }
.submenu-container{border-top:solid 1px #323030; margin:-9px 0px 19px 0px; float:left; width:100%; display:none;}
.submenu{ list-style-type:none; padding:0px; margin:0px;}
.submenu li{ padding:0px; margin:0px; float:left; overflow:hidden; width:100%;}
.submenu a 
{
	font-size:14px;
	line-height:26px;
	font-weight:bold;
	color:#231f20;
	background:url(/buildassets/hub/mobile/arrow3.png) no-repeat 100% 50%; background-size:9px 13px;
	padding:7px 22px 7px 0px;
	border-bottom:solid 1px #d5d2d2;
	display:block;
}
.submenu .last-item a { border-bottom:solid 1px #323030;}
.submenu a:hover, .submenu a:active{ color:#124589;}


.homePage .nav-top{ display:none;}
.homePage li{ border:none;}
.homePage .menu a{-moz-box-shadow: 0 2px 2px #a7a7a7;-webkit-box-shadow: 0 2px 2px #a7a7a7;box-shadow: 0 2px 2px #a7a7a7;margin-bottom:4px;}
.homePage .menu .help-others {width:50%; float:right;}
.homePage .menu .be-aware a, .homePage .menu .prepare a, .homePage .menu .help-others a{padding-top:43px;}
.internalPage .menu{ display:none;}
.internalPage .menu .small{ display:none;}
.internalPage .menu-container{border-top:solid 1px #323030; margin-bottom:13px;}
.internalPage .menu li.last-item{border-bottom:solid 1px #323030;}
.internalPage .menu li.last-item a{margin-bottom:0px;}
.line1{ font-size:0px; padding:0px; margin:14px 0px; border:none; background:#323030; display:block; clear:both; height:1px; width:100%; float:left;}
.line2{ font-size:0px; padding:0px; margin:14px 0px; border:none; background:#d5d2d2; display:block; clear:both; height:1px; width:100%; float:left;}
.second-line{display:block;}
.footer{ font-size:10px; color:#231f20; clear:both;}
.footer a{ color:#231f20;}
.footer .pd{ padding:0px 15px 16px 15px;}
.copyright{ width:100%; padding:13px 0px 5px 0px;border-top:solid 1px #323030;}
.desktop{ background:#323030; display:block;-moz-box-shadow: 0 -2px 2px #b7b7b7;-webkit-box-shadow: 0 -2px 2px #b7b7b7;box-shadow: 0 -2px 2px #b7b7b7;}
.desktop a{ display:block; padding:12px 17px; color:#fff; font-size:16px;}
/*Custom pages styles*/
.search{ background:#323031; margin:0px -15px 0px -15px; color:#fff; padding:0px; display:block;}
.search-pd{ overflow:hidden; padding:16px 15px 24px 15px;}
.search label{ display:block;margin:5px 0 7px;}
.search .text{ height:30px; font-size:12px; line-height:12px; padding:0px 0px 0px 10px; margin-right:7px; width:230px; border:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.btnSearch{ background-position:-97px -58px; width:38px; height:30px; border:none; padding:0px; margin:0px; text-indent:-9999px; text-transform:uppercase;}
.btnSearch:hover{ background-position:-135px -58px;}

.server-message strong {
  border: 2px solid #378321;
  color: #378321;
  float: left;
  margin: 8px 0 0;
  padding: 4px 6px;
  border-radius: 6px
}
.server-message .failure {
  border-color: #fe300f;
  color: #fe300f
}

table.events{ width:100%; border-top:1px solid #323030;font-size:10px; line-height:10px;}
table.events td{ width:33%;}
table.events tr.odd {background-color: #d3d3d3;}
table.events .thead{ font-weight:bold; font-size:12px;}
table.events .date{ padding-left:8px;}
.btnContainer{border-top:1px solid #323030; border-bottom:solid 1px #323030; float:left; width:100%;}
.button{background:#be400f;border: none;color: #fff;cursor: pointer; font-size: 22px;line-height:22px;padding: 10px 10px 8px 10px;text-decoration: none;font-family: 'League Gothic', Impact, Arial, sans-serif;text-transform:uppercase; position:relative; display:block; text-align:center;}
.button:hover {background-color:#d84005;}
.button a{ color:#fff;}
.load-more{width:68px;margin:5px auto;}
.read-more{ background-position:0px -409px; width:95px; height:30px; text-indent:-9999px; display:block; margin:0px 0px 10px 0px;}
/*Media section*/
.links-resources{padding:28px 0px 0px 0px; float:left; width:100%;}
.module { border-top:1px solid #d5d2d2; width:100%; float:left;}
.module.first-item { border-top:none;}
.module.first-item .inner { padding:6px 0px 10px 0px;}
.module .inner { padding: 13px 0px 10px 0px; float:left; }
.module .thumbnail { border: 1px solid #323030; float: left; margin: 0 8px 0px 0; position: relative; width: 48px; *zoom: 1 }
.module .icon { height: 13px; width:13px; position: absolute; right: -4px; top: -4px; z-index: 2; text-indent:-9999px;}
.module .link .icon { background-position: -186px -58px }
.module .document .icon { background-position: -173px -58px }
.module .thumbnail .cropper { height: 100%; float: left; overflow: hidden; width: 100% }
.module .thumbnail img { float: left; width: 100%; z-index: 1}
.module .description { margin: 0 }
.module .description a{ color:#8d320f;}


.link-desktop{ display:block; color:#231f20; margin:0px 0px 26px 0px; padding:0px; float:left; width:100%;background:url(/buildassets/hub/mobile/arrow1.png) no-repeat 100% 50%; background-size:7px 10px;border-bottom:solid 1px #323030;}
.link-desktop span{display:block;padding:18px 20px 15px 0px}

.nav-climate{border-top:1px solid #323030; border-bottom:solid 1px #323030; width:100%; margin:6px 0px 0px 0px; float:left; position:relative; z-index:99; height:45px; overflow:hidden;}
.nav-climate .next{background:url(/buildassets/hub/mobile/arrow3.png) no-repeat 50% 50%; background-size:7px 10px; width:30px; cursor:pointer; right:0px;height:30px; position:absolute; top:7px;}
.nav-climate .prev{background:url(/buildassets/hub/mobile/arrow2.png) no-repeat 50% 50%; background-size:7px 10px; width:30px; cursor:pointer; right:160px;height:30px; position:absolute; top:7px;}
.nav-climate .text{width:130px !important; line-height:1; height:30px;}
.nav-climate .sline{padding-top: 9px;}

.slider-menu-container{ border-left:1px solid #323030; border-right:solid 1px #323030; width:130px; text-align:center; font-weight:bold;display:inline-block; height:30px; position:absolute; top:7px; right:30px; overflow:hidden;}
.slider-container{ overflow:hidden; float:left;}

#slider1{ float:left;}

table.climate{ float:left; margin-bottom:10px;}
table.climate td{ padding:6px; text-align:center;}
table.climate .label{ color:#fff; white-space:nowrap; width:1%; font-weight:bold; border-bottom:solid 1px #fff}
table.climate .data{ border-bottom:solid 1px #565656}
table.climate-left{ width:89px;}
table.climate-right{ width:100%;}

.btnPrepare{ display:block; color:#fff; float:left; width:100%;background:url(/buildassets/hub/mobile/btnArrow_right.png) no-repeat 100% 50% #124589; background-size:19px 13px; margin:12px 0px 20px 0px;}
.btnPrepare:hover{background-color:#1b59ac; display:block;}
.btnPrepare span{ display:block; float:left; clear:both;}
.btnPrepare .large{ font-size:27px; line-height:26px; padding:13px 12px 0px 12px;}
.btnPrepare .small{ font-size:17px; line-height:16px; color:#8cb7e9; padding:0px 12px;}
.btnPrepare .desc{  padding:9px 12px 10px 10px;}

.beawareMap{margin:0px -15px 0px -15px; padding:0px; display:block; position:relative;}
.beawareMap .map, .beawareMap #involvement-map{ border:none; width:100% !important; height:205px !important;}
.beawareMap .map .stats {color: #fff;font: 14px/14px 'League Gothic', Impact, sans-serif;position: absolute;left: 15px;text-transform: uppercase;top: 14px;z-index: 1}
.beawareMap .map .stats span {background: #323030;float: left;padding: 6px 14px 6px 10px;}
.beawareMap .map .stats span strong {display: block;font-size: 24px;font-weight: normal;line-height: 24px;}
.beawareMap .map .stats .tip { background-color: #4d4e4b }

#map img { max-width: none!important; }
#map { margin: 0 -15px 16px -15px; }



.links-helpothers{ float:left; width:100%;}
.links-helpothers a{ display:block; color:#231f20; width:100%; padding:15px 0px; border-top:1px solid #323030; background:url(/buildassets/hub/mobile/arrow1.png) no-repeat 100% 50%; background-size:7px 10px; float:left;}
.links-helpothers a:hover, .links-helpothers a:active{color:#124589;}
.links-helpothers a.first-item{ border-top:none; padding:5px 0px 10px 0px;}
.links-helpothers.subpage a.first-item{ border-top:1px solid #323030; padding:15px 0px;}
.link-pd{width:15x; height:100%; display:block; float:right;}
.links-helpothers .thumbnail{ width:63px; border:solid 1px #231f20; float:left; margin:0px 15px 0px 0px; display:block;}
.links-helpothers strong{ display:block;}
.links-helpothers .description{ padding-right:15px; display:block;}

/* Styles for desktop and large screen ----------- */
/*styles for 800px and up!*/
@media only screen and (min-width: 800px) {
  /* Styles */
}/*/mediaquery*/
/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}
/*Nicer Android portrait 295 by 515*/
@media screen and (max-width: 300px)
{
.header, .header .glogo, .header .hlogo{background-size: 160px 250px;}
.header{ background-position:100% -53px; margin-bottom:10px; height:55px;}
.header .glogo{ background-position:0px 0px; width:48px; height:53px;top:0px; left:13px;}
.header .hlogo{ background-position:-48px 0px; width:97px; height:29px;top:33px; top:25px;}
.menu li.w50Gap{ width:100% !important;}
}