/*
	Copyright DTDigital         :: www.dtdigital.com.au ::
	Unauthorised modification / use is a criminal offence, and
	will be prosecuted to the fullest extent permitted by law.
	All Rights Reserved
*/

/* ================= @Table of content ========================
***************************************************************
***************************************************************
********** Seperate css into logical chunks of code ***********
***************************************************************
***************************************************************
	@Tags
	@Misc
	@Error
	@Base Font
	@Structual
	@Top Backgrounds
	@Header
	@Rollover Navigation
	@Content
	@Footer
	@Home page
	@Forms
	@Tables
	@List
==================== =Table of content - end ================*/

/* @Tags - START: direct tag styling that are not related font sizing */
*, html
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

body, form, ul, li, h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}

a
{
	color: #1583c9;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}
	
img
{
	border: none;
}

td
{
	vertical-align: top;
}

p
{
	margin: 0 0 1em 0;
	padding: 0; 
}

/* @Misc - START: misc styles */
.clear
{
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0  !important;
	margin: 0  !important;
	width: auto !important;
}
.skip-links
{
	visibility: hidden;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* @Error - START: form validation summary error styles */
.errors
{
	position: relative;
	color: #eb4200;
	font-size: 1em;
	padding: 18px 20px 21px 26px;
	margin-bottom: 15px;
	background: #f5f6f7;
	border: 1px solid #eb4200;
}
.errors ul
{
	padding-top:8px;
}
.errors ul li
{
	margin-left: 8px;
	color: #858788;
	font-size: 0.917em;
	list-style-type: square;
	padding: 0;
	background: none;
}
.error
{
	float:left;
	margin:0 0 0 6px;
	color: #ff0000;
	font-size: 1em;
	font-weight: bold;
}

/* @Base Font - START: Styles for scalable font consistency */
html { font-size: 100%; /* IE hack */ }
body { font-size: 0.75em; /* Sets base font size to 12px */ color: #858788;}
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }

h1 { font-size: 1.5833em; line-height: 1em; margin-bottom: 0.632em; color: #303638;} /* 19px/19px/19px */
body.home h1 {
	float: left;
	display: inline;
	width: 350px; 
	margin: 0 0 15px 182px;
	color: #ffffff;
	background: none;
	background-color: transparent;
}
h2 { font-size: 1.417em; line-height: 1em; margin-bottom: 1em; color: #858788;} /* all em = 17px */
.sidebar-block h2 { font-size: 1.5833em; line-height: 1em; margin-bottom: 0.684em; color: #858788;} /* 19px/19px/19px */
h3 { margin-bottom: 0.3em; line-height: 1em; font-size: 1.1666em; color: #515455; }
	h3.subtitle01 { padding: 0.4666em 10px 0.4666em 10px; margin: 0 0 1.25em 0;  font-weight: normal; font-size: 1.25em; line-height: 1.133em; background: #eceef0; color: #515455; }
		/*h3.subtitle01 span.innertitle01 { display: block; font-size: 0.8em; color: #858788; line-height: 1.416em; }*/
		h3 a { text-decoration: underline; color: #515455; }
		h3.subtitle01 a { text-decoration: none; }
h4 { font-size: 1.25em; line-height: 1em; margin-bottom: 1em; }	
h5 { font-size: 1.167em; line-height: 1em; margin-bottom: 1em; }
h6 { font-size: 1.083em; line-height: 1em; margin-bottom: 1em; }	

.subtitle { line-height: 1em; margin-bottom: 1em; }
.intro { font-size: 1.083em; line-height: 1em; margin-bottom: 1em; }	/* all em = 13px */

/*
	Note:
	To set font sizes in elsewhere in the stylesheet, use the following formula
	n/b (where n = desired font size in pixels, and b = base font size in pixels)
	
	eg. font-size: 0.917em; = font-size: 11px;

END: Styles for scalable font consistency */


/* @Structual - START: structural styles */
#bodycontainer
{

}
#bodycontainer #bodycontainer_inside
{
	width: 960px;
}
#content
{
	float: left;
}
#two-column-layout01 
{
	margin-bottom: 60px;
}
#two-column-layout01 #column01/*home*/
{
	float: left;
	width: 684px;
}
#two-column-layout01 #column01 #column01-padding
{
	padding: 0 47px 0 182px;
}
#two-column-layout01 #column02 /*sidebar*/
{
	float: left;
	width: 248px;
}
#two-column-layout01 #column02 #column02-padding
{
	padding: 0 0 0 0;
}

#two-column-layout01 #column03/*sitemap*/
{
}
#two-column-layout01 #column03 #column03-padding
{
	padding: 0 0 0 182px;
}

#column03 .column-span01-container
{
	margin: 0 0 10px 0;
}
#column03 .column-span01
{
	float: left;
	width: 249px;
}
#column03 .column-span01 .column-span01-padding
{
	margin: 0 20px 0 0;
}

/* @Top Backgrounds - START: changing background at the top of all pages */



body.home #bodycontainer.banner01 {
	background: url(bg_top-stripe01.gif) repeat-x;
}
body.home #bodycontainer.banner02 {
	background: url(bg_top-stripe02.gif) repeat-x;
}
body.home #bodycontainer.banner03 {
	background: url(bg_top-stripe03.gif) repeat-x;
}
body.home #bodycontainer.banner04 {
	background: url(bg_top-stripe05.gif) repeat-x;
}
body.home #bodycontainer.banner05 {
	background: url(bg_top-stripe05.gif) repeat-x;
}

body.home #bodycontainer.banner01 .top-stripe {
	background: url(bg_banner_01.jpg) no-repeat 0 0;
}
body.home #bodycontainer.banner02 .top-stripe {
	background: url(bg_banner_02.jpg) no-repeat 0 0;
}
body.home #bodycontainer.banner03 .top-stripe {
	background: url(bg_banner_03.jpg) no-repeat 0 0;
}
body.home #bodycontainer.banner04 .top-stripe {
	background: url(bg_banner_05.jpg) no-repeat 0 0;
}
body.home #bodycontainer.banner05 .top-stripe {
	background: url(bg_banner_05.jpg) no-repeat 0 0;
}

#bodycontainer {
	background: url(bg_banner-firstlevel01.gif) repeat-x;
}
#bodycontainer .top-stripe {
	background: url(bg_01.jpg) no-repeat 0 0;
}

/* @Header - START: header styles */
body.home #header 
{
	height: auto;
}
#header 
{
	height: 243px;
	min-height: 243px;
	margin-bottom: 2.25em; /* 27px */
}
#logo {
	padding: 54px 0 0 100px;
	display: block;
	float: left;
	display: inline;
}
#logo img {
	display: block;
}

/* navigation */
#navigation {
	padding: 32px 0 60px 0;
	width: 528px;
	float: right;
}
#navigation ul {
	float: left;
	list-style: none;
}
#navigation ul li {
	float: left;
	height: 18px;
	width: 231px;
	margin: 0 20px 0 0;
	padding: 0;
	vertical-align: bottom;
}
#navigation a 
{
	display: block;
	width: 100%;
	color: #8c8c8c; 
	text-decoration: none;
}
#navigation a:hover, .navigation a:active 
{
	color: #39b1e1;
}


.banner-container 
{
	float: left;
	width: 930px;
}
.banner-container .padding 
{
	padding: 0 0 0 182px;
}
.banner-container p
{
	padding: 20px;
	background: #ffffff;
}
.banner 
{
	float: left;
	width: 749px;
	height: 334px;
}
.banner h2 
{
	text-indent: -9999px;
}
.banner h3 
{
	text-indent: -9999px;
}
.banner img.hat, .banner span.hat {
	float:left;
	margin-left: 176px;
}
.banner a.external-link {
	float:left;
	margin: 60px 0 0 250px;
}



/* @Rollover Navigation - START: rollover navigation styles */
/* Fixes IE6 issue with nav not working at all */
.rollover-navigation a:hover
{
	background: transparent;
}
.rollover-navigation a img.navitem_off,
.rollover-navigation a:hover img.navitem_hover,
.rollover-navigation a img.navitem_off,
.rollover-navigation a.hover img.navitem_hover
{
	display: inline;
}
.rollover-navigation a:hover img.navitem_off,
.rollover-navigation a img.navitem_hover,
.rollover-navigation a.hover img.navitem_off,
.rollover-navigation a img.navitem_hover
{
	display: none;
}
/* IE6 png fix with spans */
.rollover-navigation a span.navitem_off,
.rollover-navigation a:hover span.navitem_off
{
	display: inline-block !important;
}
.rollover-navigation a span.navitem_hover,
.rollover-navigation a:hover span.navitem_hover,
* html .rollover-navigation li a img
{
	display: none !important;
}

/* @Content - START: content styles */
#content p {
	line-height: 1.4166em;
	margin-bottom: 1.666em;
}
#content .caption01
{
	font-size: 0.833em;
	color: #a9abac;
	margin-top: -20px;
}


/* @Footer - START: footer styles */
#footer {
	background-color: #bdc8cf;
}
#footer .padding {
	padding: 0.92em 0 2.2em 182px; /* 11px 0 26px 182px */
}
#footer a {
	color: #ffffff;
	text-decoration: none;
	background-color: #BDC8CF;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul li {
	display: inline;
	padding-right: 10px;
	background: url(ico_separator.gif) no-repeat 100% 50%;
	margin-right: 10px; 
}
#footer li.last {
	background: none;
}
#footer .copyright {
	color: #e3eaee;
	padding-left: 64px;
	background: none;
}


/* @Listing - START: Listing page styles */
.listing01, .listing02 
{
	margin: 0 0 1em 0;
}
#column01 .listing01 .item
{
	padding: 0 0 0.833em 26px; /* 0 0 10px 26px */
	margin-bottom: 1em;
	list-style: none;
	background: url(ico_pdf.gif) no-repeat 2px 1px;
	border-bottom: 1px #e4e4e4 solid;
}
.listing01 .item a 
{
	margin-right: 3px;
}

.listing01 .item.last
{
	margin-bottom: 0.833em; /* 10px */
}


.listing02 .item
{
	padding: 0 0 0 26px;
	margin-bottom: 1.666em; 
	background: url(ico_arrow.gif) no-repeat 2px 2px;
	border-bottom: 1px #e4e4e4 solid;
}
.listing02 .item span.ico-plus01, .listing02 .item span.ico-plus02
{
	margin-bottom: 1.666em;
}



/* @List - START: list styling */
#column01 ul
{
	margin: 0 0 1.666em 0;
}
#column01 ul li
{
	padding: 0 0 0.5em 10px;
	list-style: none;
	background: url(ico_plus.gif) no-repeat 0 5px;
}


.links-list { /*sidebar further reading links*/
	list-style: none;
}
.links-list a {
	color: #515455;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 24px;
	width: 211px;
	height: 23px;
	padding: 12px 0 3px 37px;
}
.links-list a:hover 
{
	text-decoration: none;
}
.links-list a.resource-item01 {
	background: url(bcg_li-publications.gif) no-repeat top left;
	border-bottom: 1px #fff solid;
}
.links-list a.resource-item01:hover {
	background: url(bcg_li-publications-hover.gif) no-repeat top left;
	border-bottom: 1px #fff solid;
}
.links-list a.resource-item02 {
	background: url(bcg_li-links.gif) no-repeat top left;
	border-bottom: 1px #fff solid;
}
.links-list a.resource-item02:hover {
	background: url(bcg_li-links-hover.gif) no-repeat top left;
	border-bottom: 1px #fff solid;
}
	
.links-list02
{
	width: 231px;
}
.links-list02 li
{
	padding: 4px 0 4px 0;
	list-style: none;
	line-height: 1em;
	border-top: 1px solid #eceef0;
}
.links-list02 li a
{
	color: #858788;
	font-weight: normal;
}
.links-list02 li.active a
{
	display: block;
	font-weight: bold;
	color: #202527;
}
.links-list02 li.active li a
{
	color: #858788;
	font-weight: normal;
}
.links-list02 li.active li.active a
{
	font-weight: normal;
	color: #202527;
}
.links-list02 a:hover
{
	font-weight: bold;
	text-decoration: none;
}
.links-list02 ul
{
	padding: 4px 0 0 0;
}
.links-list02 ul li
{
	padding: 2px 0 2px 10px;
	background: url(ico_arrow04.gif) no-repeat 0 50%;
	border-top: 1px dotted #eceef0;
}
.links-list02 ul li.last
{
	padding: 2px 0 0 10px;
}

.sidebar-block
{
	margin: 0 0 2.33em 0;
}
.links-list03
{
	width: 248px;
}
.links-list03 li
{
	float: left;
	width: 248px;
	height: 80px;
	display: block;
	background: #eceef0;
	margin: 0 0 1px 0;
	list-style: none;	
}	
.links-list03 li.height01
{
	height: 50px;
}
.links-list03 li a
{
	float: left;
	width: 248px;
	display: block;
	font-weight: normal;
	color: #7a878c;
	text-decoration :none;
	background: #eceef0;
}
.links-list03 li a:hover
{
	background: #d4d9dd;
	text-decoration :none;
}
.links-list03 li .feature-img03
{
	float: left;
	width: 48px;
	height: 58px;
	margin: 0 10px 10px 0;
	border: 1px solid #fff;
}
span.link-list03
{
	float: left;
	display: block;
	color: #515455;
}
.links-list03 li .feature-img04
{
	float: left;
	width: 28px;
}
span.list-container01
{
	display: block;
	padding: 10px 30px 10px 14px;
}


.links-list04
{
	margin:0 0 26px 0;
}
.links-list04 li
{
	padding: 4px 0 4px 0;
	line-height: 1em;
	list-style: none;
	border-bottom: 1px solid #eceef0;
}
.links-list04 li.noborder
{
	border-bottom: none;
}
.links-list04 li.nobg
{
	background: none;
	padding: 0;
	margin: 0;
}
.links-list04 a
{
	margin: 0 0 0 10px;
	color: #858788;
	font-weight: normal;
}
.links-list04 a:hover
{
	font-weight: bold;
	text-decoration: none;
}
.links-list04 ul li
{
	padding: 3px 0 3px 20px;
	background: url(ico_arrow04.gif) no-repeat 10px 50%;
	border-bottom: 1px solid #eceef0;
}



/* @Listing - START: Image styles */
img.feature-img01
{
	float: right;
	padding: 3px;
	margin: 0 0 16px 24px;
	background: #e8e8e8;
	border: 1px solid #dddddd;
}

.feature-img01-caption
{
	float: right;
	width: 180px;
	margin: 0 0 0 24px;
	font-size: 0.833em;
}
img.feature-img02
{
	float: left;
	margin: 0 24px 1.666em 0;
	padding: 3px 3px 3px 3px;
	background: #e8e8e8;
	border: 1px solid #dddddd;
}


.detail-container
{
	padding: 0 0 6px 0;
	margin: 0 0 0.666em 0; /*8px*/
	border-bottom: 1px solid #eceef0;
}
.detail-container .detail01, .detail-container .detail02, .detail-container .detail03
{
	float: left;
}
.detail-container .detail01
{
	width: 124px;
}
.detail-container .detail02
{
	width: 184px;
}
.detail-container .detail03
{
	width: 145px;
}
.detail-container.last
{
	margin: 0 0 3em 0; /*36px*/
}

	
/* @Content page - START: content page styles */
.ico-plus01, .ico-plus02
{
	float: left;
	display: block;
	width: 67px;
	padding: 0 0 0 12px;
	color: #515455;
	font-size: 0.833em;
	background: url(ico_plus.gif) no-repeat 0 50%;
}
.ico-plus02
{
	width: auto;
}
.read-more {
	float: right;
}
a.title 
{
	line-height: 1.416em;
}

.column-span01 h3.subtitle01
{
	margin-bottom: 0;
}

/* @Forms - START: form styling */

.form-layout01 /* home search page*/
{
	float: right;
	width: 275px;
	margin: 0 0 61px 0;
}
.form-layout01 .search-field01
{
	float: left;
	height: 21px;
	background: url(gr_bg_search-field-left.gif) 0 0 no-repeat;
	padding-left: 3px;
}
.form-layout01 .search-field01 input
{
	border: none;
	border-width: 0;
	float: left;
	width: 123px;
	height: 19px;
	padding: 2px 0 0 3px;
	font-size: 1.09em;
	color: #afafaf;
	outline: none;
	background: #394044;
}
.form-layout01 .search-field01 input.button01
{
	width: auto !important;
	height: auto !important;
	margin: 0;
	padding: 0;
	background: none;
}
	
	
.form-layout02 /*search results page*/
{
	width: 450px;
	margin:0 0 30px 0;
	background: #eceef0;
}
.form-layout02 .form-layout02-inner
{
	padding: 14px 0 16px 14px;
}
.form-layout02 p.showing-results
{
	color: #858788;
	font-weight: bold;
}
.form-layout02 .search-field01
{
	float: left;
	width: 176px;
}
	.form-layout02 .search-field01 input
{
	width: 164px;
}
.form-layout02 .custom-select-container
{
	float: left;
	width: 128px;
}
.form-layout02 .custom-select-container select
{
	float: left;
	width: 119px;
	height: 21px;
}
.form-layout02 .search-button 
{
	float: left;
	width: auto;
}
.search-results p
{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}


.form-layout03
{
	width: 100%;
}
.form-layout03 .field01
{
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 4px 0 4px 0;
	border-top: 1px solid #ccc;
}
.form-layout03 .field01 label
{
	float: left;
	position: relative;
	width: 120px;
	margin-top: 3px;
	font-size: 1em;
}
.form-layout03 .field02 label
{

	width:123px;
	margin-top: 0;
}
.form-layout03 .field01 input, .form-layout03 .field01 select, .form-layout03 .field01 textarea
{
	float: right;
	width: 327px;
	font-size: 1em;
	background: #eceef0;
	color: #b5b7b8;
	border: 1px solid #ced4d8;
}
.form-layout03 .field01 textarea
{
	overflow: auto;
	height: 135px;
}
.form-layout03 .error
{
	position: absolute;
	width: 13px;
	height: 13px;
	top:0;
	left: 100px;
}
.form-layout03 .buttons
{
	padding: 9px 0 4px 0;
	border-top: 1px solid #ccc;
}
.form-layout03 .buttons input
{
	float: right;
	width: auto;
}
.form-layout03 span.required 
{
	float: right;
	width: 13px;
	height: 13px;
}
.form-layout03 span.label-name
{
	width: 90px;
	float: left;
}
#content .form-layout03 ul
{
	margin: 0;
}

#content .form-layout03 p.note
{
	font-style: italic;
	margin-bottom: 1em;
	padding: 0 0 0 20px;
	background: url(ico_required.gif) no-repeat 0 50%;
}
.hide {display: none;}


/* @Tables - START: table styling */
.table01 
{
	width: 453px;
	border:1px solid #dedede;
	border-width: 1px 1px 0 0;
	border-collapse: collapse;
	margin: 0 0 2.08em 0;
}
.table01 caption 
{
	padding: 5px 8px;
}
.table01 td, .table01 th 
{
	text-align: right;
	padding: 6px 8px;
	border-width: 0 0 1px 1px;
	border:1px solid #dedede;
}
.table01 th 
{
	padding: 12px 8px;
	color: #ffffff;
	background-color: #3fa7db;
	border-right: none;
	border-left: none;
}
.table01 tr.total td
{
	color: #8e9395;
	font-weight: bold;
	background-color: #eceef0;
}
.table01 th.title, .table01 tr td.title
{
	text-align: left;
	font-weight: bold;
}
.table01 th.title1, .table01 tr td.title1
{
	text-align: left;
	font-weight: normal;
}
.table01 th.title2, .table01 tr td.title2
{
	text-align: center;
	font-weight: bold;
}
.table01 th.subtitle01
{
	text-align: center;
	border-right: 1px solid rgb(255, 255, 255); 
}


.pagination01
{
	margin: 0 0 0 100px;
}
#content .pagination01 ul
{
	float: left;
	margin: 0;
}
#content .pagination01 li
{
	display: block;
	float: left;
	padding: 0;
	list-style: none;
	color: #eceef0;
	background-image: none;
	background-color: #ffffff;
}
#content .pagination01 a
{
	
	padding: 0 5px;
	line-height: 23px;
	text-align: center;
	font-weight: bold;
	color: #258BCD;
	border-right: 1px solid #eceef0;
}
#content .pagination01 a:hover
{
	text-decoration: none;
	background: #eceef0;
	color: #7a7d7e;
}
#content .pagination01 li a.pagi-prev,
#content .pagination01 li a.pagi-next
{
	padding: 0 11px 0 11px;
	color: #258bcd;
}
#content .pagination01 li a.pagi-prev
{
	padding: 0 11px 0 16px;
	background: url(ico_arrow02.gif) no-repeat 5px 50%;
}
#content .pagination01 li a.pagi-next
{
	padding: 0 16px 0 11px;
	background: url(ico_arrow03.gif) no-repeat 45px 50%;
	border-right: none;
}
#content .pagination01 li a:hover.pagi-prev 
{
	text-decoration: none;
	color: #7a7d7e;
	background:  #eceef0 url(ico_arrow06.gif) no-repeat 5px 50%;

}
#content .pagination01 li a:hover.pagi-next
{
	text-decoration: none;
	color: #7a7d7e;
	background:  #eceef0 url(ico_arrow05.gif) no-repeat 45px 50%;
}