/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 16 December 2011 01:31:23
*/


/* CSS Document */

/* STYLESHEET SECTIONS
#   
#    Section Flags marked with [=]
#   
#    RESET BROWSER DEFAULTS
#    DET WEBSITE FORMATTING
#    CONTENT STYLING
#    CONTAINERS
#    COLUMNS
#    NAVIGATION
#    FOOTER
#   ..................................................... */ 

/*
= RESET BROWSER DEFAULTS ...................................
 */

html {
height: 100%;
color:#000000;
}

fieldset, img {
border:0 none;
}

fieldset {margin: 0; padding: 0;}

caption {
text-align:left;
}

q:before, q:after {
content:'';
}

abbr, acronym {
border:0 none;
font-variant:normal;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, textarea, select {
font-size:100%;
}
legend {
color:#000000;
}
del, ins {
text-decoration:none;
}

/* ----------------------------------- DET Website FORMATTING -------------------------------------*/

h2 {margin-bottom: 7px; font-size: 2.1em; line-height:1em; color:#333333; font-weight:normal;}
h3 {margin-bottom: 5px; font-size: 1.5em; font-weight:bold; color: #000000;}
h4 {margin-bottom: 5px; font-size: 1.3em; font-weight: bold; color: #000000;}
h5 {margin-bottom: 5px; font-size: 1.1em; font-weight: bold; font-style:normal; color: #000000;}
h6 {margin-bottom: 5px; font-size: 1.1em; font-weight: bold; font-style:italic; color: #000000;}

.caption {font-size: 0.9em; font-style:italic; color:#666666;}
.caption a, a.caption:active, a.caption:visited {color:#0066FF;}

.PaddingLarge {padding-bottom: 10px;}
.PaddingSmall {padding-bottom: 5px;}

.text-red {
    color: #FF0000 !important;
}

/*= CONTENT STYLING ................................*/
body {
    background:#FFFFFF;
    color:#333333;
    font-family:arial,tahoma,sans-serif;
    font-size:62.5%;
    margin:0;
    padding:0;
    height:100%;
}

#outer-wrap { min-height: 100%; }

* html #outer-wrap { height: 100%; }

#main-container {
   min-height:100%;
   position:relative;
}

.corset {
    font-size:1.3em;
    line-height:1.5em;
    margin:0 auto;
    padding:0px;
    overflow:hidden;
    position:relative;
    width:900px;
}

p {
    line-height: 18px;
}


a, a:active, a:visited {
    color:#0066FF;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

input, select {
    color:#333333;
}

strong {
    font-weight:bold;
}

.clear {
    background:transparent none repeat scroll 0 0;
    clear:both;
}

.left {
    float:left;
    margin:0 20px 10px 0;
}

.right {
    float:right;
    margin:0 0 10px 20px;
}



/*= CONTAINERS......................................*/

#header {
    background:#003163;
}

#header h1.dept-name {
    color:#FFFFFF;
    font-size:1.8em;
    line-height: 1.4em;
    font-weight:normal;
    margin-top: 40px;
    margin-left: 118px;
}

#header .corset {
    height:115px;
}

#content {
    background-color:#FFFFFF;
    min-height: 100%;
    padding-bottom: 100px;
}

#hpImg, .banner img {
    border:0px;
    margin:0px 8px 20px 14px;
    padding-top:5px;
}

.newsItem {
    margin-bottom:10px;
    margin-left:5px;
}


/*= COLUMNS.........................................*/

* html #midCol {
    float:left;
}

#hpRCol, #rCol {
    float:right;
    width:140px;
    margin:0px;
    padding:0px;
}


#rCol img{
    margin: 5px 0px 5px 15px;
}

#hpRCol h2{
    color: #999999;
    border-bottom: 1px #999999 solid;
    font-size:1.1em;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    margin-left:0px;
}

#midCol {
    float:left;
    width:470px;
    overflow:hidden;
}

.text-size_5 {
    font-size: 1.2em;
}
.text-size_4 {
    font-size: 1.1em;
}
.text-size_3 {
    font-size: 1em; 
}
.text-size_2 {
    font-size: 0.9em;
}
.text-size_1 {
    font-size: 0.85em;
}

#lCol {
    float:left;
    margin-right:5px;
    margin-left:5px;
    width:240px;
    padding: 0px;
    background:#FFFFFF;
}

/*= NAVIGATION.....................................*/
.WebkitBug {
    font-weight:bold;
}

#globalNav {
    background:#0D417B;
    height:24px;
    top:0;
    overflow:hidden;
}

#globalNav ul {
    margin:0;
    padding:1px 0 0 5px;
}

#globalNav ul li {
    display:inline;
    font-size:0.85em;
    margin:0;
    padding:0;
}

#globalNav a, #globalNav a:active, #globalNav a:visited {
    color:#CCCCCC;
    font-weight:normal;
    margin:3px 7px;
    text-decoration:none;
}

#globalNav a:hover {
    color:#CCCCCC;
    text-decoration:underline;
}

#globalNav, #nav {
    left:118px;
    position:absolute;
    width:782px;
    
    margin-bottom: 0px;
}

#nav {
    /*height:25px;*/
    background:#0D417B;
    bottom:0;
}

#nav ul {
    margin:0;
    padding:0;
}

#nav ul li {
    display:inline;
    float:left;
    font-size:0.9em;
    margin:0;
}

#nav ul.menu li {
    background-color:#0D417B;
    color:#FFFFFF;
    height:1%;
    float:left;
}

#nav ul li a.selected {
    background:#EBEBEB;
    color:#0D417B;
}

#nav ul.menu a{
    display:block;
    float:left;    
    height:25px;
    margin:0;
    text-decoration:none;
    color:#FFFFFF;
    padding:3px 10px 0 10px;
}

#nav ul.menu a:hover{
    height:25px;
    margin:0;
    text-decoration:none;
    background:#EBEBEB;
    color:#0D417B;
}

/******** Start tools: print and font change ************/
#nav .tools {
    display: inline;
    float: right;
    list-style-type:none;
    margin:0;
    padding:0;
}

#nav ul.tools li {
padding: 2px 7px 0 0;

}

.tools li .increaseFont {    
    text-decoration: none;
    color: #fff;
    height:19px;
    width:19px;
}

.tools li .decreaseFont {
    text-decoration: none;
    color: #fff;
    width:19px;
    height:19px;
}

#nav .tools li a
    {
        text-decoration: none;
        display: inline;
        color: white;
    }




.tools li a:link .tools li a:active .tools li a:visited 
    {
        
        margin:0;
        outline-style:none;
        outline-width:medium;        
    }
    
#nav .tools li a:hover {
    color: white;
    text-decoration: underline;
}


/******** END tools: print and font change ************/

#subnav {
    margin:0px 0px 0px 0px;
    padding: 0px;
    background:#FFFFFF;
}

#subnav h2 {
    background:#0D417B;
    border:medium none;
    color:#FFFFFF;
    font-size:0.9em;
    margin:5px 0 0 0;
    padding:5px 10px;
    text-transform:none;
    font-weight:bold;
    border-bottom:2px solid #FFFFFF;
}

#subnav ul {
    background:#EBEBEB;
    margin:0;
    padding:0;
}

#subnav ul.info, #subnav ul.links {
   margin-bottom:15px;
}

#subnav ul li{
    border-bottom:1px solid #FFFFFF;
}

#subnav ul li ul {
    padding:0 0 0 10px;
}

#subnav ul li ul li {
    font-size:0.9em;
}

#subnav ul a, #subnav ul a:active {
    color:#003399;
    text-decoration:none;
}

#subnav ul a:hover{
    background:#CCCCCC;
    text-decoration:underline;
}

/*= FOOTER..................................................*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer {
background:#0D417B;
clear:both;
color:#FFFFFF;
font-size:0.9em;

height: 100px;
margin-top: -100px;
}

#footer .corset {
padding:10px 0;
}

#footer a, #footer a:active {
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer-global-links {
float:left;
font-size:0.95em;
margin-left:10px;
}

#footer-updated-date {
float: right;
font-size:0.95em;
}

.copyright {
font-size:0.9em;
}

#ntgLogo {
float:left;
}

#printLogo {
display:none;
}

#search {
    float:right;
    margin-top:-20px;
}

#search .terms-box input {
    margin-right:57px;
    border:1px solid #FFFFFF;
    width:100px;
}

#search .submit-button input {
    background: #D6D6D6;
    border:1px solid #D6D6D6;
    color: #003366;
    position:absolute;
    left:725px;
    top:2px;
    height:20px;
}

* + html #search {
    margin-top:-19px;
}

* html #search {
    margin-top:-20px;
}

* html #search .terms-box input {
    margin-top: 1px;
}

#search label {
    display:none;
}

#search #queries_all_query {
    border:medium none;
    float:left;
    height:20px;
    padding:3px 0 0 22px;
    width:115px;
}

.search_results ul {
    margin:0 !important;
    padding:0 !important;
}

.search_results ul li {
    border-bottom:1px solid #E5E5E5;
    list-style-type:none !important;
    padding:6px 0 0;
}

.clear {
    clear:both;
    font-size:1px;
    line-height:1px;
}

/* Custom Form Styles */

#midCol form ul {
    margin-left:0px;
}

#midCol form ul li {
    list-style-type:none;
}


/*   Login Form Design     */


#login_form_wrapper
{
    
}

#SQ_LOGIN_SUBMIT 
{
    float: right;
    width: 50px;    
}

#SQ_LOGIN_USERNAME
{
    width: 160px;    
    padding: 0px 0px 2px 0px; 
}

#SQ_LOGIN_PASSWORD
{
    width: 160px;
}

#login_form
{
    border: 1px #cccccc solid;    
    margin-left: auto;
    margin-right: auto;
    width: 248px;
}

#login_form .login_title
{
    background-color: #cccccc;
    height: 22px;    
    font-weight: bold;
    padding: 4px 0px 2px 6px; 
    
}

#login_form .login_form
{
    padding: 6px 0px 0px 6px; 
}
/* Diagnostic Tools */

.roweven {background-color: #F6F6F6;}Â 
table.diagnostic-tool { background-color: #FFFFFF; margin: 2em 0; width: 600px;}
table.diagnostic-tool tfoot { font-style: italic; }
table.diagnostic-tool th { border-bottom: 3px solid #000000; font-weight: 600; padding: 0 5px 5px;}
table.diagnostic-tool th:last-child { border-right: medium none; }
table.diagnostic-tool tbody tr:hover td { background-color: #F6F6F6; }
table.diagnostic-tool td { border-bottom: 1px dashed #CCCCCC; padding: 8px; }
table.noborder,table.noborder tr, table.noborder td { border: 0 none; margin: 8px 0 1em; padding: 0;}
