/* CSS Document */

	body {	margin: 0;	border: 0;	font-size: 0.76em;	font-family: Arial, Helvetica, sans-serif;	}
	body.home, body.generic { background-color: #e77419; }
	body.live { background-color: #e38d7d; }
	body.work { background-color: #66bbcf; }
	body.business { background-color: #a09bc9; }
	body.study { background-color: #b37e79; }
	body.cities { background-color: #71aaad; }
	body.explore { background-color: #d1e8b2; }
	body.downloads { background-color: #ffe79f; }
	body.popup { background: #f1ac75 url(../../resources/img/bg/popup/bg_popup.gif) top center repeat-y ; }
	
	#container { width: 780px; padding-left: 20px; margin: 0px auto; } /* needs an IE hack here */
	body.home #container, body.generic #container { background: #fff url(../img/bg/home/bg_lhs.gif) repeat-y top left; }
	body.live #container { background: #fff url(../../resources/img/bg/live/bg_lhs.gif) repeat-y top left; }
	body.work #container { background: #fff url(../../resources/img/bg/work/bg_lhs.gif) repeat-y top left; }
	body.business #container { background: #fff url(../../resources/img/bg/business/bg_lhs.gif) repeat-y top left; }
	body.study #container { background: #fff url(../../resources/img/bg/study/bg_lhs.gif) repeat-y top left; }
	body.cities #container { background: #fff url(../../resources/img/bg/cities/bg_lhs.gif) repeat-y top left; }
	body.explore #container { background: #fff url(../../resources/img/bg/explore/bg_lhs.gif) repeat-y top left; }
	body.downloads #container { background: #fff url(../../resources/img/bg/downloads/bg_lhs.gif) repeat-y top left; }
	
	div#disclaimer { font-size: 0.75em;	text-align: center; padding: 1em 0 0; clear: both; }
	
	#container2 { width: 760px; padding-right: 20px; } /* needs an IE hack here */
	body.home #container2, body.generic #container2 { background: #fff url(../img/bg/home/bg_rhs.gif) repeat-y top right; }
	body.live #container2 { background: #fff url(../img/bg/live/bg_rhs.gif) repeat-y top right; }
	body.work #container2 { background: #fff url(../img/bg/work/bg_rhs.gif) repeat-y top right; }
	body.business #container2 { background: #fff url(../img/bg/business/bg_rhs.gif) repeat-y top right; }
	body.study #container2 { background: #fff url(../img/bg/study/bg_rhs.gif) repeat-y top right; }
	body.cities #container2 { background: #fff url(../img/bg/cities/bg_rhs.gif) repeat-y top right; }
	body.explore #container2 { background: #fff url(../img/bg/explore/bg_rhs.gif) repeat-y top right; }
	body.downloads #container2 { background: #fff url(../img/bg/downloads/bg_rhs.gif) repeat-y top right; }

  h1, h2, h3, h4, p { margin: 1em 0; }
	
	#nav_acc {	float: right; margin-top: 53px;	color: #007cc3; font-size: 0.9em; font-weight: bold; }
	#nav_acc a {color: #007cc3; text-decoration: none; text-transform: lowercase;}

	#mainNav {	background: #007cc3 url(../../resources/img/bg/bg_man-nav.gif) repeat-x top left; height: 20px; }
	#mainNav ul { padding: 0; margin: 0; list-style: none; } /* all lists */
	
	#mainNav li { float: left; position: relative; background: #007cc3 url(../../resources/img/bg/bg_man-nav.gif) repeat-x top left;
					padding: 0.25em 0.5em; text-transform: uppercase; font-size: 0.95em; } /* all list items */
	#mainNav li ul li {	margin-left: -1em; background: #fff; border: 1px solid #a5d2ea; border-width: 0 1px 1px 1px;
						width: 12em; float: none; padding: 0 0; }
	#mainNav li ul { display: none; position: absolute; top: 1.4em; left: 0; padding-top: 5px; z-index: 20; } /* second-level lists */
	#mainNav li>ul { top: 1.4em; left: auto; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	#mainNav li:hover ul, #mainNav li.over ul { display: block; } /* lists nested under hovered list items */
	#mainNav li:hover { background: #a5d2ea; }
	ul#nav li a { display: block; font-weight: bold; color: #fff; text-decoration: none; }
	ul#nav li li a {	display: block; font-weight: normal; color: #007cc3; padding: 0.2em 10px; text-decoration: none; }
	ul#nav li li a:hover {	color: #fff; text-decoration:none; background: #007cc3; }
	
	#nav_subs a { color: #fff; font-weight: bold; text-decoration: none; }
	#nav_subs a:hover, #nav_subs a.sel { color: #007cc3; text-decoration: none; }
	
	#gradientBg { background: #fff url(../../resources/img/bg/bg_gradient.gif) repeat-x top left; margin-top: 0; padding-top: 0; }
	#home_eyelevel {	padding: 0 0 5px 5px; clear: left; }
	#eyelevel {	padding-left: 5px;	padding-bottom: 2px; clear: left; min-height: 600px; }
	body.generic #eyelevel{ min-height: 500px; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #eyelevel { height: 600px; }
	* html body.generic #eyelevel { height: 500px; }
		/* End hide from IE5/mac */
	
	#frontHero { background: url(../../resources/img/hero/frontpage/rotateBg.php) top left no-repeat; width: 594px; height: 375px; }
	#eyelevel #hero { padding-bottom: 2px; }
div#hometextboxes {
	width: 760px;
}
div#hometextboxes div {
	width: 240px;
	height: 10em;
	padding: 5px;
	color: #FFFFFF;
}

#hometextboxes h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	letter-spacing: 0.05em;
	font-style: italic;
}
div#hometextboxes a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
div#hometextboxes p {
	font-size: 1.1em;
	margin: 5px;
	padding: 0px;
}
div#hometextboxes p.small-text {
	font-size: 0.8em;
}
#home_news-bottom-left {
	background: #91aa37 5px 5px;
	float: left;
}
#home_news-bottom-middle {
	background: #e78332 5px 5px;
	margin-left: 5px;
	float: left;
}
#home_news-bottom-right {	
	background: #49a2d4 5px 5px;	
	margin-left: 5px;
	float: right; 
}
	
	#hometextboxes a:hover { color: #FFFF66; }
	
	#rhs {	float: right; margin-left: 5px;	width: 156px; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #rhs  { width: 153px;  }
	* html #nav_subs  { height: 261px;  }
	* html body.cities #nav_subs, * html .sub #nav_subs  { height: 161px;  }
	/* html #newsTeaser  { height: 270px;  } */
	/* End hide from IE5/mac */
	#rhs img { margin-top: 10px; }
	#newsTeaser { 
	padding-bottom: 0.1em; 
	margin-bottom: 3px; 
	/*height: 271px; */
	text-align: center;
	}
	
	#rhs #teaserTitle {
	color: #007cc3;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 12px;
	margin-bottom: 12px;
	}
	#newsTeaser p { margin: 0 10px 1em 13px; font-size: 0.9em; font-weight: bold; color: #fff; }
	#newsTeaser a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	}
	#newsTeaser a:hover {
	text-decoration: none;
	}
	/*#newsTeaser, #nav_subs { background: #86c2e4; }*/
	#nav_subs {padding-top: 12px; min-height: 261px; margin-bottom: 5px }
	
	body.generic #nav_subs { min-height:  59px; }
	body.cities #nav_subs, .sub #nav_subs { min-height:  161px; }
	
	ul#shortcuts, ul#shortcuts li, #nav_subs ul, #nav_subs li {	list-style: none; margin: 0; padding: 0; color: #fff; }
	ul#shortcuts li { background: #007cc3; margin-top: 1px;	line-height: 1.2em; padding: 3px 30px 3px 8px; }
	ul#shortcuts li.alt { background: #007cc3 url(../../resources/img/bg/bg_rhs-btns.gif) repeat-y top right; }
	ul#shortcuts a { color: #fff; text-decoration: none; }
	ul#shortcuts a:hover { color: #fff; text-decoration: underline; }
	
	#nav_subs ul { padding-bottom: 1em; }
	#nav_subs li { line-height: 1em; padding: 0.25em 8px; }
	#nav_subs li ul, #nav_subs li ul li ul { margin-top: 0.25em; margin-left: 16px; padding-bottom: 0; }
	#nav_subs li li { list-style: disc; list-style-position:outside; line-height: 1em; padding: 0.1em 0; }
	
	#footer {clear: both; padding: 0.5em 0 2em 5px; font-size: 0.95em; }
	#footer .links {padding-top: .25em; }
	#footer img {float: right}
	#footer a { text-transform: lowercase; color: #000; text-decoration: none; }
	#footer a:hover { color: #000; text-decoration: underline ; }
	
	#content {width: 560px; color: #fff; padding: 5px 17px 2em 17px; min-height: 300px;}/* needs IE hack */
		/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #content { height: 300px; padding-top: 10px;}
		/* End hide from IE5/mac */
	body.live #content { background-color: #d14127; } 
	body.work #content { background-color: #008eaf; }
	body.business #content { background-color: #6059a5; }
	body.study #content {background-color: #81281f; }
	body.cities #content {background-color: #137276; }
	body.explore #content {background-color: #8cc63f; }
	body.downloads #content { background-color: #ffc20e; }
	
	body.live #content a, body.business #content a, #content a, body.study #content a, body.explore #content a { color: #fff; border-bottom-color: #fff; }
	body.live #content a:hover, body.work #content a:hover, body.business #content a:hover, #content a:hover, body.study #content a:hover, body.explore #content a:hover { color: #fff; border-bottom-color: #fff; }	
	
	body.downloads #content p { color: #333; }
	
	#content > p:first-child, #subLevelContent > p:first-child { font-weight: bold; font-size: 1em; }
	#content > p, #subLevelContent > p, #content li, #subLevelContent li { font-size: 1em; }
	
	#subLevelContent {width: 560px; color: #58595b; background-color: #fff; padding: 5px 17px 2em 17px;  margin-top: 0; min-height: 380px;}
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #subLevelContent { height: 380px; padding-top: 10px;}
	/* End hide from IE5/mac */
	
	#subLevelContent h1 {	font-size: 1.5em;	font-weight: bold;}
	#subLevelContent h2 {	font-size: 1.3em;	font-weight: bold; color: #007cc3;}
	#subLevelContent h3 {	font-size: 1.1em;	font-weight: bold;}
		
	#content p a, #subLevelContent p a { color: #e77419; display: inline-block; text-decoration: none; border-bottom: 1px dashed #e77419; }
	#content p a:hover, #subLevelContent p a:hover
		 { color: #e77419; display: inline-block; text-decoration: none; border-bottom: 1px solid #e77419; }
	/*body.work #content a, body.work #subLevelContent a { color: #66bbcf; border-color: #66bbcf} 
body.work #content a { color: #CCCC00; border-color: #CCCC00}
body.work #content a { color: #ffffff; border-color: #ffffff}
body.work #subLevelContent a { color: #008EAF; border-color: #008EAF}*/
	
	#subLevelContent li a, #subLevelContent td a { color: #e77419; display: inline-block; text-decoration: none; border-bottom: 1px dashed #e77419; }
	#subLevelContent li a:hover, #subLevelContent td a:hover  { color: #e77419; display: inline-block; text-decoration: none; border-bottom: 1px solid #e77419; }
	
	#ataglanceBoxes {width: 594px; color: #58595b; background-color: #fff; min-height: 300px;}
	
	#quote { background: #e68132; text-align: center; color: #fff; font-size: 1.5em; margin-top: 5px;}
	#quote img { margin: 0; }
	#quote p {padding-left: 5px; padding-right: 5px; }
	#quoteTop {text-align: left}
	#quoteBtm {text-align: right}
	
	#base { margin: 0px auto; width: 800px;}
	
	#ataglanceBoxes .row1 { padding-bottom: 4px; }
	#ataglanceBoxes .row2 { clear: left; padding-top: 4px;  }
	#ataglanceBoxes img { padding: 4px 0 6px 0; }
	#ataglanceBoxes p {margin: 0 5px; color: #fff; }
	#ataglanceBoxes .moreInfo {position: absolute; bottom: 10px; left: 5px; }
	#ataglanceBoxes .moreInfo a {display: inline-block; color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; }
	#ataglanceBoxes .moreInfo a:hover { text-decoration: none; border-bottom: 1px solid #fff; }
	
	.ata_pop, .ata_climate, .ata_shopping, .ata_education { min-height: 16em; padding-bottom: 3em; float: left; position: relative; }
	.ata_health, .ata_transport, .ata_housing, .ata_media { min-height: 32em; padding-bottom: 3em; float: left; position: relative;}
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html .ata_pop, * html .ata_climate, * html .ata_shopping, * html .ata_education { height: 16em; }
	* html .ata_health, * html .ata_transport, * html .ata_housing, * html .ata_media { height: 32em; }
		/* End hide from IE5/mac */
	.ata_pop { width: 127px; background: #d6543c url(../img/bg/ataglance/population.gif) no-repeat bottom right;  }
	.ata_health { width: 127px; background: #137276; }
	.ata_climate { width: 151px; background: #599c9f url(../img/bg/ataglance/climate.gif) no-repeat bottom right; margin-left: 4px; }
	.ata_shopping { width: 127px; background: #84b04a url(../img/bg/ataglance/shopping.gif) no-repeat bottom right; margin-left: 4px;}
	.ata_education { width: 177px; background: #9a534c url(../img/bg/ataglance/education.gif) no-repeat bottom right; margin-left: 4px; }
	.ata_transport { width: 151px; background-color: #92b95e; margin-left: 4px; }
	.ata_housing { width: 127px; background-color: #da6752; margin-left: 4px; }
	.ata_media { width: 177px; background-color: #9e79b6; margin-left: 4px; }
	
	ul#sitemap li { list-style-type: disc;  color: #e77419;}
	ul#sitemap li li { color: #007cc3; }
	ul#sitemap li li li { color: #58595b; }
	ul#sitemap li a { color: #e77419; text-decoration: none;font-weight: bold;}
	ul#sitemap li li a { color: #007cc3; text-decoration: none; font-weight: normal;}
	ul#sitemap li li li a { color: #58595b; text-decoration: none; font-weight: normal;}
	ul#sitemap li li li li a { color: #aaa; text-decoration: none; font-weight: normal;}
	ul#sitemap a:hover { text-decoration: underline; }
	
	#photo_thumbs { padding: 15px 0 0 5px; }
	#photo_thumbs img { padding: 0 28px 22px 0px; border: 0; }
	#photo_thumbs a { border: none; margin: 0; }
	
	#popContainer { margin: 0px auto; width: 467px; position: relative; }
	#popContainer .closeWin { position: absolute; top: 5px; right: 5px; }
	.rightAlign { float: right; }
	#popContainer a { color: #60aeda; text-decoration: none; }
	#popContainer a:hover { color: #60aeda; text-decoration: underline; }
	
body.work #content a.work-register {
	font-size: 1.6em;
	color: #FFFFFF;
	background: #E68132;
	height: auto;
	width: 150px;
	border: 3px solid #FFFFFF;
	display: block;
	margin: 10px;
	padding: 5px;
	float: left;
	text-decoration: none;
}
body.work #content a.work-register:hover {
	color: #CCCC00;
	border: 3px solid #E68132;
}
body.work #content a.work {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background: #E68132;
	text-align: center;
	width: 140px;
	height: 5em;
	display: block;
	margin-right: 20px;
	padding: 10px;
	float: left;
	text-decoration: none;
}
body.work #content a.work:hover {
	color: #008EAF;
	background: #FFFFFF;
}

#skilled-worker {
	font-size: 1.1em;
	color: #FFFFFF;
	background: #6059A5;
	margin: 10px 0px 10px;
	padding: 5px;
	float: right;
	height: auto;
	width: 220px;
	border: 2px solid #E68132;
}


/*    Changes made by sambo@digitalmojo.com.au 25/06/2008    */

#reinvent {
		width: 150px;
		height: 75px;
		padding-bottom: 5px;
	}
	
#international_education {
		width: 150px;
		height: 50px;
		padding-bottom: 5px;
	}
	
	#education_in_NT {
		width: 150px;
		height: 50px;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	
	#teritary_edu, #secondary_edu {
		padding: 0;
		margin: 0;
	}
	
	* html #teritary_edu img, * html #secondary_edu img {
		width: 146px;
	}
	
	* html #international_education, * html #education_in_NT {
		padding: 0;
		margin: 0;
	}
	
	* html #international_education, * html #education_in_NT {
		text-align: left;
		width: 146px;
		height: 50px;
	}
	
	* html #international_education img, * html #education_in_NT img {
		width: 146px;
		height: 50px;
	}
	
	* html #reinvent {
		text-align: left;
		width: 146px;
	}
	
	* html #reinvent img{
		margin-left:0;
		padding-left:0;
	}
	
	* html #reinvent2 {
		text-align: left;
		width: 146px;
	}
	
	* html #reinvent2 img{
		margin-left:0;
		padding-left:0;
	}
	
/* added for Construction Campaign 2010-11 */

#construction {
	font-size: 1em;
	line-height: 1.5em;
	color: #000;
	border: 1px solid #F78F1E;
	background-color: #FFF;
	position:relative;
	margin-top: 2em;
	padding: 0;
	overflow:auto;
}

#construction h2 {
	color: #000;
}

#construction img {
	float:left;
	margin:0 1em 0 0;
	padding:0;
	#margin-bottom:-1em; /* stupid hack to fix display problem in ie7 */
}

#subLevelContent #construction a:link,
#subLevelContent #construction a:visited,
#subLevelContent #construction a:hover {
	display:inline;
	border-bottom:none;
	/* turned off border because it was raising the text in IE */
}

#subLevelContent #construction a:hover {
	text-decoration:underline;
}
