/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 23 February 2021 12:09:46
*/


/*******************************************************************************
    Main Stylesheet
*******************************************************************************/
/*******************************************************************************
    Basic settings section
*******************************************************************************/
* {
    margin: 0;
    padding: 0
}
* html {
    height: 100%
}
html {
    font-size: 1.0em;
    overflow-y: scroll
}
body {
    color: #000;
    display: block;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em
}
img {
    border: 0
}
/*******************************************************************************
    Link settings section
*******************************************************************************/
a:link,
/*a:visited, */
a:active {
    color: #007DB3;
    text-decoration: none
}
a:hover {
    text-decoration: underline;
}
a:visited {
    color: #800080;
    /* B39336; */
    text-decoration: none
}
div.link {
    color: #007DB3;
    cursor: pointer;
    text-decoration: none
}
/*******************************************************************************
    Text settings section
*******************************************************************************/
p, h1 {
    margin: 0 0 10px 0
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif
}
h2, h3, h4, h5, h6 {
    margin: 10px 0
}
h1 {
    color: #005980;
    font-size: 1.8em;
    margin: 0 auto 10px auto
}
h2 {
    color: #837642;
    /* old gold color: #BAA974; fails contrast checking */
    font-size: 1.3em;
    line-height: 1.3em
}
h2 a:link, h2 a:visited, h2 a:active {
    color: #837642
}
h2 a:hover {
    /* border-bottom: 1px solid #BAA974; what a stupid idea! who has a border on the bottom of their links?? */
    color: #837642
}
h3 {
    color: #007DB3;
    font-size: 1.2em;
    line-height: 1.2em
}
h3 a:link, h3 a:visited, h3 a:active {
    color: #007DB3
}
h3 a.hover {
    /* border-bottom: 1px solid #007DB3; */
    color: #007DB3
}
h4 {
    color: #BAA974;
    font-size: 1.2em;
    line-height: 1.2em
}
h4 a:link, h4 a:visited, h4 a:active {
    color: #BAA974
}
h4 a.hover {
    /* border-bottom: 1px solid #BAA974; */
    color: #BAA974
}
h5 {
    color: #007DB3;
    font-size: 1.1em;
    line-height: 1.1em
}
h6 {
    color: #BAA974;
    font-size: 1.1em;
    line-height: 1.1em
}
/*******************************************************************************
    Wrapper section
*******************************************************************************/
.wrapOut {
    clear: both;
    display: block;
    float: left;
    position: relative;
    width: 100%
}
.wrapIn {
    display: block;
    margin: 0 auto 0 auto;
    position: relative;
    width: 936px
}
/*******************************************************************************
    Header section
*******************************************************************************/
#hd {
    display: block;
}
#hdLeft {
    display: block;
    float: left;
    padding: 13px 0;
    width: 300px
}
#hdLeft a img,
#hdLeft a {
    display: block
}
#hdRight {
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    width: 226px
}
#hdSearch {
    background: url(https://www.arnecc.gov.au/__data/assets/image/0010/698023/bg-searchbox.gif) no-repeat top right;
    height: 32px;
    margin: 30px 0 11px 0;
    z-index: 100
}
#hdSearchBox {
    border: 0;
    float: left;
    height: 14px;
    margin: 3px 0 10px 9px;
    width: 210px;
    z-index: 100
}
#hdSearchBox input[type="text"] {
    background-color: #004766;
    border: none;
    color: #FFF;
    outline: none
}
td#hdSearchButton {
    padding: 2px 0 0 0;
    text-align: right
}
.sLogo {
    display: block
}
.pLogo {
    display: none
}
/*******************************************************************************
    Navigation section
*******************************************************************************/
.menu,
.menu ul {
    list-style-type: none;
    z-index: 100
}
.menu li.top {
    display: block;
    float: left;
    position: relative
}
.menu li a {
    border-left: 1px solid #FFF;
    color: #002433;
    display: block;
    float: left;
    font-size: 1.2em;
    padding: 15px 0;
    text-align: center;
    text-decoration: none
}
.menu li a.topLink {
    background-color: #8FB9CC;
}
.menu li a.topLinkOn {
    background-color: #005980;
    color: #FFF
}
.menu li:hover #abo,
.menu li:hover #reg,
.menu li:hover #com,
.menu li:hover #res,
.menu li:hover #pub,
.menu li:hover #con {
    background-color: #005980;
    color: #FFF
}
/*******************************************************************************
    Menu buttons section
*******************************************************************************/
.menu li a#abo {
    width: 146px
}
.menu li a#reg {
    width: 146px
}
.menu li a#com {
    width: 146px
}
.menu li a#res {
    width: 146px
}
.menu li a#pub {
    width: 146px
}
.menu li a#con {
    width: 146px
}
.menu a:hover {
    visibility: visible
}
/*******************************************************************************
    Submenu pulldown section
*******************************************************************************/
/* Keep the 'next' level invisible by placing it off screen. */ 
.menu ul {
    height: 0;
    left: -9999px;
    position: absolute;
    top: -9999px;
    width: 0
}
/* Set up the first drop down sub level. */ 
.menu :hover ul.sub {
    background: #005980;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    height: auto;
    left: 0;
    margin-top: 23px;
    top: 28px;
    width: 200px;
    z-index: 100
}
.menu :hover ul.sub li {
    display: block;
    float: left;
    height: auto;
    width: 200px;
    z-index: 100
}
.menu :hover ul.sub li a {
    color: #FFF;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    line-height: normal;
    padding: 10px 14px;
    text-align: left;
    text-decoration: none;
    width: auto;
    z-index: 101
}
.menu :hover ul.sub li a:hover {
    color: #FFF;
    text-decoration: underline
}
.menu ul.sub li a:hover {
    background-color: #005980
}
/*******************************************************************************
    Main content placeholder section
*******************************************************************************/
#content {
    display: block;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
    width: 100%
}
* html #content {
    height: 1%
}
#mainContent {
    display: block;
    float: left
}
#mainContent1Col {
    padding: 0 15px 45px 15px;
    width: 906px
}
#mainContent2Col {
    padding: 0 15px 45px 30px;
    width: 715px
}
#mainContent ul,
#mainContent ol {
    margin: 0 0 10px 40px
}
/* #mainContent p a:hover,
#mainContent td a:hover {
    border-bottom: 1px solid #B39336
} */
#mainContent p a:visited:hover,
#mainContent td a:visited:hover {
    border-bottom: 1px solid #007DB3
}
/*******************************************************************************
    Breadcrumb section
*******************************************************************************/
#breadIn {
    color: #333;
    font-size: 0.8em;
    padding: 15px 0 25px 15px;
    width: 900px
}
#breadIn a {
    /* fails contrast checking - color: #999;*/
    color: #595959;
    text-decoration: none
}
/*******************************************************************************
    Left menu section
*******************************************************************************/
#menuOut {
    display: block;
    float: left;
    padding: 0 0 15px 15px;
    position: relative
}
#subOut {
    display: block;
    margin: 0; 
    width: 160px
}
#subIn > ul > li:first-child {
    border-top: 1px solid #E6E7E8
}
#subIn li {
    border-bottom: 1px solid #E6E7E8
}
#subIn a {
    border: none;
    text-decoration: none;
}
#subIn a,
#subIn a:visited {
    color: #004766
}
#subIn a:hover,
#subIn a:active {
    text-decoration: underline;
}
#subIn ul {
    list-style: none;
    margin: 0;
    width: 158px
}
#subIn ul li {
    margin: 0px;
    width: 158px
}
#subIn ul li a {
    display: block;
    font-size: 0.9em;
    margin: 0;
    padding: 15px 0;
    width: auto;
}
#subIn2 li {
    border-bottom: none
}
#subIn2 ul li a {
    padding: 0 0 15px 15px;
}
/*******************************************************************************
    Home page columns section
*******************************************************************************/
.colOut {
    background-color: #E6E7E8;
    margin: 15px 0;
    position: relative;
    width: 936px;
    z-index: 0
}
.colOut:before,
.colOut:after {
    content: " ";
    display: table
}
.colOut:after {
    clear: both
}
.col1,
.col2,
.col3,
.col1:before,
.col2:before,
.col3:before {
    width: 282px
}
.col1,
.col2,
.col3 {
    color: #000;
    float: left;
    margin: 0 15px;
    z-index: -2;
}
.col1:before,
.col2:before,
.col3:before {
    -webkit-box-shadow: 0px 0px 4px rgba(138, 138, 138, 0.5);
    -moz-box-shadow: 0px 0px 4px rgba(138, 138, 138, 0.5);
    background: #FFF;
    bottom: 0;
    box-shadow: 0px 0px 4px rgba(138, 138, 138, 0.5);
    content: '';
    position: absolute;
    top: 0;
    z-index: -1
}
.col1:before {
    left: 15px
}
.col2:before {
    left: 327px
}
.col3:before {
    left: 639px
}
.colIn {
    margin: 20px;
    width: 242px
}
.colHd {
    border-bottom: 2px solid #CCC;
    display: block;
    font-size: 1.7em;
    padding-bottom: 15px;
    padding-top: 20px
}
.colImg {
    margin: 0
}
.colOut a:link,
.colOut a:focus,
.colOut a:visited {
    color: #007DB3;
    text-decoration: none
}
.colOut a:hover {
    text-decoration: underline;
}
/*******************************************************************************
    Footer section
*******************************************************************************/
#footer {
    color: #FFF;
    display: block;
    font-size: 0.8em;
    min-height: 136px;
    padding: 40px 0 0 0;
    vertical-align: top
}
.footerExRight {
    float: right;
    width: 726px
}
.footerExLeft {
    float: left;
    width: 210px
}
#footerExLogo {
    padding: 3px 0
}
#footerRight {
    float: right;
    font-size: 0.9em;
    padding: 40px 0 0 0;
    text-transform: uppercase
}
#footer a {
    color: #FFF;
    text-decoration: none
}
#footer a:hover {
    color: #FFF;
    text-decoration: underline
}
/*******************************************************************************
    Generic style section
*******************************************************************************/
.noWrap {
    white-space: nowrap
}
.hide {
    display: none;
}
.left {
    float: left
}
.right {
    float: right
}
.clear {
    clear: both
}
.bgWhite {
    background-color: #FFF
}
.bgBlue {
    background-color: #E6F4FA
}
.bgGrey {
    background-color: #E6E7E8
}
.bgDark {
    background-color: #004766
}
.bgLight {
    background-color: #8FB9CC
}
.addShadow {
    -moz-box-shadow: 0px 0px 4px rgba(138, 138, 138, 0.5);
    -webkit-box-shadow: 0px 0px 4px rgba(138, 138, 138, 0.5);
    box-shadow: 0px 0px 4px rgba(138, 138, 138, 0.5)
}
.fileSize {
    color: #888;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase
}
.tableView {
    border-collapse: collapse;
    margin: 0 0 8px 0;
    width: 100%
}
.tableView tr {
    padding: 0
}
.tableView th {
    border-top: 1px solid #DCDCDC;
    font-weight: normal;
    padding: 3px 8px;
    text-align: left;
    vertical-align: top
}
.tableView td {
    border-top: none;
    padding: 3px 8px;
    vertical-align: top
}
.tableView td.row1 {
    border-top: 1px solid #DCDCDC;
}
/******************************************************************************/