/* A CSS Framework by Mike Stenhouse of Content with Style */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		overflow:-moz-scrollbars-vertical !important;
    }
    
	div {
        margin: 0px;
        padding: 0px;
		border: 0px;
    }
	
	h1 {
		font-family: "Times New Roman", Times, serif;
		font-size: 22px;
		color: #e20025;
		line-height: 25px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0 0 0 0;
		padding: 0;
	}
	
	h2 {
		text-transform: uppercase;
		font-size: 16px;
		font-weight: normal;
        line-height: 20px;
		margin: 0;
		padding: 0;
		height: 40px;
	}
	
	h3 {
		font-family: "Times New Roman", Times, serif;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		margin: 0 0 0.5em 0;
		padding:0 0 0 10px;
        color: #AE8641;
		width: 210px;
	}
		
	/* START OF HOME PAGE */	
    div#homewrapper {
    	margin: 0px auto 0px auto;
        width: 880px;
        padding: 0 0 0 0;
        text-align: left;
    }
	
	 div#homewrapper #headerwrapper{
	 	float: left;
        width: 880px;
    }
	
	div#homewrapper #headerwrapper #headerleft {
    	float: left;
    	width: 475px;
    	height: 79px;
	}
	
	div#homewrapper #headerwrapper #headerright {
    	float: right;
		height: 79px;
		padding: 0 0 0 0;
	}
		
	div#homewrapper #headerright #newsandprogram {
		float: left;
	}
		
	div#homewrapper #headerright #aboutus {
		float: left;
		padding: 0 0 0 20px;
	}
		
	div#homewrapper #headerright #contactus {
		float: left;
		padding: 0 0 0 20px;
	}
	
	div#homewrapper #statelist {
		clear: both;
    	width: 842px;
    	height: 21px;
		padding: 9px 0 3px 38px;
		border-top:1px solid #bcbcbc;
		border-bottom:1px solid #bcbcbc;
	}
	
	div#homewrapper #stateact {
		float: left;
    	width: 68px;
    	height: 17px;
	}
	
	div#homewrapper #stateqld {
		float: left;
    	width: 69px;
    	height: 18px;
		padding:0 0 0 44px;
	}
		
	div#homewrapper #statensw {
		float: left;
    	width: 72px;
    	height: 18px;
		padding:0 0 0 44px;
	}
		
	div#homewrapper #statesa {
		float: left;
    	width: 50px;
    	height: 18px;
		padding:0 0 0 44px;
	}
		
	div#homewrapper #statewa {
		float: left;
    	width: 58px;
    	height: 18px;
		padding:0 0 0 44px;
	}
	
	div#homewrapper #statevic {
		float: left;
    	width: 58px;
    	height: 18px;
		padding:0 0 0 44px;
	}
	
	div#homewrapper #statetas {
		float: left;
    	width: 58px;
    	height: 18px;
		padding:0 0 0 44px;
	}
	
	div#homewrapper #statent {
		float: left;
 	   	width: 58px;
    	height: 18px;
		padding:0 0 0 42px;
	}
	
	div#homewrapper #headertextwrapper {
 		float:left;
    	width: 880px;
    	padding: 7px 0 0 0;
    	text-align: left;
	}
	
	div#homewrapper #headertextwrapper #headertextlogo {
		float:left;
    	width: 475px;
		height: 136px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-head-welcome.gif) no-repeat;
	}
	
	div#homewrapper #headertextwrapper #headermaptop {
		float:left;
    	width: 405px;
		height: 136px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-head-aust01.jpg) no-repeat;
	}
	
	div#homewrapper #contenttextwrapper {
 		float:left;
    	width: 880px;
    	padding: 0 0 0 0;
	}
	
	div#homewrapper #contenttextwrapper #contentnewswrapper {
		float:left;
    	padding: 10px 0 0 0;
	}
		
	div#homewrapper #contenttextwrapper #contentnewswrapper #contentnewstext {
		float:left;
    	width: 285px;
	}

	div#homewrapper #contenttextwrapper #contentnewswrapper #contentnewstext #newshead {
		width: 270px;
		height: 33px;
		background: url(../images/MATI-title-latest.gif) no-repeat;
		padding: 0 0 0 15px;
	}
	
	div#homewrapper #contenttextwrapper #contentnewswrapper #contentnewstext .newsheading {
		color: #0f4370;
		font-size: 11px;
		font-weight: bold;
		text-align: left;
		background-color: #f9f9f9;
		padding: 2px 0 2px 15px;
		text-transform: uppercase;
	}
	
	div#homewrapper #contenttextwrapper #contentnewswrapper #contentnewstext .newstext {
		color: #444444;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		background-color: #ebebeb;
		padding: 2px 0 8px 15px;
	}
	
	div#homewrapper #contenttextwrapper #contentnewswrapper #contentnewstext .newsmore {
		color: #e20025;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		padding: 2px 0 2px 0px;
	}
	
	div#homewrapper #contenttextwrapper #contentnewswrapper #contentnewstext .newsmore a {
		color: #e20025;
		text-decoration: none;
	}
	
	div#homewrapper #contenttextwrapper #contentnewswrapper #contentnewstext .newsmore a:hover {
		color: #e20025;
		text-decoration: underline;
	}
	
	div#homewrapper #contenttextwrapper #contentwrapper {
		float:left;
    	padding: 0 0 0 20px;
		width: 575px;
	}
	
	div#homewrapper #contenttextwrapper #contentwrapper #contentblank {
		float: right;
    	width: 170px;
		height: 158px;
		background: url(../images/MATI-title-rpt.gif) bottom left repeat-x;
		border: none;
	}
		
	div#homewrapper #contenttextwrapper #contentwrapper #mapcenter {
		float: right;
    	width: 400px;
		height: 158px;
		background: url(../images/MATI-head-aust02.jpg) top right no-repeat;
		border: none;
	}
	
	div#homewrapper #contenttextwrapper #contentwrapper #contenttext {
		float: left;
    	width: 417px;
		padding: 10px 0 0 6px;
		color: #0f4370;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}
	
	div#homewrapper #contenttextwrapper #contentwrapper #mapbottom {
		float: right;
    	width: 150px;
		height: 89px;
		background: url(../images/MATI-head-aust03.jpg) top right no-repeat;
		border: none;
	}
	
	div#homewrapper #footerwrapper {
		clear: both;
    	width: 880px;
		padding: 3px 0 0 0;
	}
	
	div#homewrapper #footerwrapper #footerrule {
		float:left;
    	width: 880px;
		height: 2px;
		line-height: 2px;
		background: url(../images/MATI-footer-rpt.gif) top left repeat-x;
		border: none;
		padding: 0 0 3px 0;
	}
	
	div#homewrapper #footerwrapper #footerbottom {
		float:left;
    	width: 880px;
		height: 63px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background-color: #002469;
	}
	
	div#homewrapper #footerwrapper #footerbottom #footerleft {
		float:left;
    	width: 10px;
		height: 63px;
		background: url(../images/MATI-footer-left.gif) no-repeat;
		border: none;
	}	
	
	div#homewrapper #footerwrapper #footerbottom #footercenter {
    	float:left;
		width: 850px;
		height: 47px;
		padding: 0 0 0 4px;
		background-color: #002469;
	}
	
	div#homewrapper #footerwrapper #footerbottom #footercenter #footercopyright {
		float:left;
    	color: #ffffff;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		padding: 16px 0 0 0;
	}
	
	div#homewrapper #footerwrapper #footerbottom #footercenter #footerlogo1 {
		float:right;
		width: 147px;
		height: 63px;
		background: url(../images/MATI-footer-logo-deptEdu.gif) top left no-repeat;
	}
	
	div#homewrapper #footerwrapper #footerbottom #footercenter #footerlogo2 {
		float:right;
		width: 88px;
		height: 63px;
		background: url(../images/MATI-footer-logo-NRT.gif) no-repeat;
		border: none;
	}
	
	div#homewrapper #footerwrapper #footerbottom #footerright {
		float:right;
    	width: 11px;
		height: 63px;
		background: url(../images/MATI-footer-right.gif) no-repeat;
		border: none;
	}
	
	#footertextlinkwrapper {
		clear: both;
 		margin: 0px auto 0px auto;
    	width: 880px;
    	padding: 5px 0 0 0;
	}
	
	#footertextlinkwrapper #footerlinksnav {
		margin: 0px auto 0px auto;
		width: 880px;
		padding: 0 0 0 0;
		color: #a4a4a4;
	}
	
	#footerlinksnav ul {
		width: 810px;
		padding: 0 0 0 70px;
		margin: 0;
		list-style: none;
		line-height: 9px;
		height: 15px;
	}
	
	#footerlinksnav li {
		padding: 0 12px 0 12px;
		margin: 0;
		display: inline;
		color: #a4a4a4;
		font-size: 10px;
		border-left:1px solid #a4a4a4;
	}
	
	* html #footerlinksnav li {
		line-height: 9px;
		font-size: 10px;
	}
	
	#footertextlinkwrapper li .last{
		padding: 0 11px 0 11px;
		margin: 0;
		display: inline;
		color: #a4a4a4;
		font-size: 10px;
		border-right:1px solid #a4a4a4;
		
	}
	
	#footerlinksnav li a {
		color: #a4a4a4;
		text-decoration: none;
	}
	
	#footerlinksnav li a:hover {
		color: #e20025;
		text-decoration: underline;
	}
	
	/* END OF HOME PAGE */
	
	/* START of Sub Page Content */
	div#homewrapper #headerstatelogo {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-generic.jpg) no-repeat;
	}
	
	div#homewrapper #headerlogollnp {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-LLNP.jpg) no-repeat;
	}
	
	div#homewrapper #headerlogoworkskills {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-WorkSkillsVoucher.jpg) no-repeat;
	}
	
	div#homewrapper #headerlogobusinessworks {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-BusinessSkillsVoucher.jpg) no-repeat;
	}
	
	div#homewrapper #headerstatelogoact {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-ACT.jpg) no-repeat;
	}
	
	div#homewrapper #headerstatelogoqld {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-QLD.jpg) no-repeat;
	}
		
	div#homewrapper #headerstatelogonsw {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-NSW.jpg) no-repeat;
	}
	
	div#homewrapper #headerstatelogosa {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-SA.jpg) no-repeat;
	}
	
	div#homewrapper #headerstatelogowa {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-WA.jpg) no-repeat;
	}
	
	div#homewrapper #headerstatelogovic {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-VIC.jpg) no-repeat;
	}
	
	div#homewrapper #headerstatelogotas {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-TAS.jpg) no-repeat;
	}
	
	div#homewrapper #headerstatelogont {
		float:left;
    	width: 880px;
		height: 106px;
    	padding: 0 0 0 0;
		background: url(../images/MATI-banner-NT.jpg) no-repeat;
	}
	
	div#homewrapper #contactwrapper {
 		float:left;
    	width: 880px;
    	padding: 0 0 0 0;
		background-color: #ebebeb;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails {
		float: left;
		width: 228px;
    	padding: 0 0 0 0;
		border-top:10px solid #ffffff; 
	}
		
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails {
		float:left;
    	width: 228px;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails #aboutushead {
		width: 213px;
		height: 33px;
		background: url(../images/MATI-title-AboutUs.gif) no-repeat;
		padding: 0 0 5px 15px;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails #contacthead {
		width: 213px;
		height: 33px;
		background: url(../images/MATI-title-ContactDetails.gif) no-repeat;
		padding: 0 0 5px 15px;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails #contactheaddetails {
		width: 213px;
		color: #444444;
		background-color: #ebebeb;
		padding: 9px 0 5px 15px;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails #contactheaddetails a{
		color: #e20025;
		text-decoration: none;
		font-size: 11px;
		font-weight:normal;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails #contactheaddetails a:hover {
		color: #e20025;
		text-decoration: underline;
		font-size: 11px;
		font-weight: normal;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contactheading {
		color: #0f4370;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		background-color: #f9f9f9;
		padding: 2px 0 2px 15px;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contactheadingsel {
		color: #e20025;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		background-color: #f9f9f9;
		padding: 2px 0 2px 15px;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contactheading a {
		color: #0f4370;
		text-decoration: none;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contactheading a:hover {
		color: #e20025;
		text-decoration: underline;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contactheadingalt {
		color: #e20025;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		background-color: #ebebeb;
		padding: 2px 0 2px 15px;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contactheadingalt a {
		color: #0f4370;
		text-decoration: none;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contactheadingalt a:hover {
		text-decoration: underline;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contacttext {
		color: #444444;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		background-color: #ebebeb;
		padding: 4px 0 4px 15px;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contacttext a {
		color: #e20025;
		text-decoration: none;
		font-size: 11px;
	}
	
	div#homewrapper #contactwrapper #contactwrapperdetails #contactdetails .contacttext a:hover {
		color: #e20025;
		text-decoration: underline;
		font-size: 11px;
	}
	
	/* SUB-PAGE CONTENT LAYOUT */
	
	div#homewrapper #contactwrapper #textwrapper {
		float: left;
    	padding: 0 0 0 28px;
		width: 624px;
		background-color: #ffffff;
	}
	
	div#homewrapper #contactwrapper #textwrapper #textdetails {
		float: left;
    	padding: 11px 0 0 0;
		width: 624px;
	}
	
	
	div#homewrapper #contactwrapper #textwrapper #newsheadlogo {
		float: left;
    	width: 624px;
		height: 25px;
		font-family: "Times New Roman", Times, serif;
		font-size: 22px;
		font-weight: normal;
		line-height: 25px;
		color: #e20025;
		margin: 0 0 0 0;
		padding: 0;
	}
	
	div#homewrapper #contactwrapper #textwrapper #stateheadlogo {
		float: left;
    	width: 624px;
		height: 25px;
	}
	
	div#homewrapper #contactwrapper #textwrapper #contentcourselogo {
		float: left;
    	width: 624px;
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		color: #e20025;
		margin: 0 0 0 0;
		padding: 0;
	}
	
	div#homewrapper #contactwrapper #textwrapper #textheadrule {
		float: left;
    	width: 624px;
		height: 5px;
		line-height: 4px;
		background: url(../images/MATI-title-rpt.gif) top left repeat-x;
		border: none;
		padding: 0 0 3px 0;
	}
	
	div#homewrapper #contactwrapper #textwrapper .statetext {
		float: left;
		padding: 10px 0 20px 52px;
		color: #113f71;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	} 
	
	div#homewrapper #contactwrapper #textwrapper .statetext a {
		color: #e20025;
		text-decoration: none;
		font-size: 11px;
		font-weight: normal;
	} 
	
	div#homewrapper #contactwrapper #textwrapper .statetext a:hover {
		color: #e20025;
		text-decoration: underline;
		font-size: 11px;
		font-weight: normal;
	}
	 
	div#homewrapper #contactwrapper #textwrapper .coursetext {
		float: left;
		padding: 10px 0 15px 50px;
		color: #ff0000;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}
	
	div#homewrapper #contactwrapper #textwrapper .coursetext a {
		color: #e20025;
		text-decoration: none;
		font-size: 11px;
		font-weight: normal;
	} 
	
	div#homewrapper #contactwrapper #textwrapper .coursetext a:hover {
		color: #e20025;
		text-decoration: underline;
		font-size: 11px;
		font-weight: normal;
	} 
	
	.redcontenttext {
		color: #e20025;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
	}
	
	.contenttextblackbold {
		font-family: "Times New Roman", Times, serif;
		color: #000000;
		font-size: 18px;
		font-weight: bold;
	}
	
	.contenttextblacksmallbold {
		font-family: Arial;
		color: #000000;
		text-decoration: none;
		font-size: 11px;
	}
	
	.contenttextblue {
		color: #0f4370;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
	}
	
	.newstitleblue {
		color: #0f4370;
		font-size: 11px;
		font-weight: normal;
		padding:0 0 3px 0;
	}
	
	.newstitlebluebold {
		color: #0f4370;
		font-size: 11px;
		font-weight: bold;
		padding:0 0 3px 0;
	}
	
	.newstitlered {
		color: #e20025;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		padding:0 0 3px 0;
	}
	
	.newscontent {
		color: #113f71;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		padding:5px 0 0 0;
		margin:0;
	}
	
	/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
	/* end accessibility */
	
	/* END of Sub Page Content */