/* ---------------------------------------------------------------------- */
/* ARTC SSFL CSS */
/* ---------------------------------------------------------------------- */

*, html, ul, li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
}
/* Twin Helix PNG fix for ie6 - url must be relative to html */
img, #nav-c a { behavior: url(http://www.ssfl.artc.com.au/_scripts/iepngfix.htc) }

/* page structure */
/* ---------------------------------------------------------------------- */
html {
	background: url(../_images/header.gif) top center no-repeat;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#print-logo {
	display: none;
}
#container, #nav-c, #footer-c {
	width: 960px;
	margin: auto;
}
#container-c {
	margin-top: 156px;
	line-height: 1.51em;
	padding-bottom: 18em;
	background-repeat: repeat-y;
	position: relative;
}
.home {
	background-image: url(../_images/content_front_bg.gif);
}
.general {
	background-image: url(../_images/content_general_bg.gif);
}
#main {
	width: 550px;
	padding: 19px 0 0 18px;
}
.general #main {
	width: 520px;
}
#main.page-home {
	xborder: 1px solid #f00;
}
#news {
	width: 333px;
	padding: 2px 15px 0 40px;
	display: inline-block;
	position: absolute;
	top: 470px;
	left: 570px;

}
#footer {
	background: url(../_images/footer.gif) top center no-repeat;
	margin-top: -157px;
	height: 327px;
}
#footer-cc {
	background: url(../_images/footer_bg.gif) 0 157px repeat-x;
	padding: 157px 0 20px 30px;
}

/* text formatting */
/* ---------------------------------------------------------------------- */
p {
	margin-bottom: 1.5em;
}
p.divider {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}
h1 {
	text-indent: -9000px;
	height: 37px;
	margin: 0 0 15px -2px;
	background-repeat: no-repeat;
	background-position: left top;
}
h2 {
	font-size: 11px;
	margin-bottom: 1.5em;
	font-weight: bold;
	text-align: left;
	color: #06c;
}
.page-home h2 {
	margin-bottom: 0;
}
.page-home h1 {
	background-image: url(../_images/h1_overview.gif);
}
.page-home h1#hotline {
	background-image: url(../_images/h1_hotline.gif);
}
.page-home h1#latest {
	background-image: url(../_images/h1_latest.gif);
}
#news h1 {
	background-image: url(../_images/h1_updated.gif);
}
.page-cc h1 {
	background-image: url(../_images/h1_cc.gif);
}
.page-cp h1 {
	background-image: url(../_images/h1_cp.gif);
}
.page-pn h1 {
	background-image: url(../_images/h1_pn.gif);
}
.page-docs h1 {
	background-image: url(../_images/h1_docs.gif);
}
.page-approvals h1 {
	background-image: url(../_images/h1_approvals.gif);
}
.page-approvals h1#cemp {
	background-image: url(../_images/h1_cemp.gif);
}
.page-approvals h1#oemp {
	background-image: url(../_images/h1_oemp.gif);
}
.page-approvals h1#onvmp {
	background-image: url(../_images/h1_onvmp.gif);
}
.page-news h1 {
	background-image: url(../_images/h1_news.gif);
}
.page-contacts h1 {
	background-image: url(../_images/h1_contact-us.gif);
}
.page-search h1 {
	background-image: url(../_images/h1_search.gif);
}
.page-bankstown h1 {
	background-image: url(../_images/h1_bankstown.gif);
}
.page-fairfield h1 {
	background-image: url(../_images/h1_fairfield.gif);
}
.page-liverpool h1 {
	background-image: url(../_images/h1_liverpool.gif);
}
.page-campbelltown h1 {
	background-image: url(../_images/h1_campbelltown.gif);
}
#main ul {
	margin: 0 0 1.5em 1.5em;
}
#main ol {
	margin: 0 0 1.5em 1.8em;
}
#main .data ul {
	margin: 0 0 0 1.5em;
}
#main ul li {
	list-style: disc;
}
#main ol li {
	list-style: decimal;
}
#main iframe {
	border: none;
	margin: 0 0 2em 0;
	width: 520px;
	height: 350px;
}

/* links */
/* ---------------------------------------------------------------------- */
#main a, 
#main a:link {
	color: #0066CC;
	text-decoration: none;
	border-bottom: 1px solid #B3D1F0;
}
#main a:visited {
	color: #599BDD;
}
#main a:focus, 
#main a:hover,
#main a:active {
	color: #0066CC;
	border-bottom: 1px solid #0066CC;
}
#main h2.toggle a.more,
#main h2.toggle a:link.more,
#main h2.toggle a:visited.more {
	color: #0066CC; 
	background: #eee;
	border: none;
	padding: 4px 8px;
	display: block;
	cursor: pointer;
}
#main h2.toggle a:focus.more,
#main h2.toggle a:hover.more,
#main h2.toggle a:active.more {
	color: #fff;
	background: #0066CC;
}
#submenu a, 
#submenu a:link,
#submenu a:visited {
	color: #0066CC;
	text-decoration: none;
}
#submenu a:focus, 
#submenu a:hover,
#submenu a:active,
#footer #footer-cc #footer-c #submenu a.current {
	color: #0066CC;
	border-bottom: 1px solid #0066CC;
}
#main .data td a,
#main .data td a:link,
#main .data td a:visited {
	border: none;
	display: block;
	width: 100%;
}
#main .data td a:focus,
#main .data td a:hover,
#main .data td a:active {
	background: url(../_images/td_bg_a.gif) no-repeat 0 55%;
	padding-left: 12px;
}

/* new items */
/* ---------------------------------------------------------------------- */
.news-item {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 1.5em;
}
#news .news-item {
	margin-bottom: 1.5em;
	border-bottom: none;
	display: block;
	width: 140px;
	float: left;
	overflow: hidden;
	margin: 0 15px 5px 0;
}
#container #container-c #news h2,
#container #container-c #news p {
	margin: 0;
}
#news h2 a,
#news h2 a:link,
#news h2 a:visited {
	white-space: nowrap;
	display: block;
	text-decoration: none;
	border: none;
	color: #000;
	background: url(../_images/arrow.gif) top left no-repeat;
	padding-left: 20px;
	height: 15px;
}
#news h2 a:focus,
#news h2 a:hover,
#news h2 a:active {
	background-position: bottom left;
	color: #06c;
}
.news-date {
	color: #999;
}
#news .news-date {
	padding-left: 20px;
}

/* suburbs */
/* ---------------------------------------------------------------------- */
#suburbs {
	float: right;
	padding: 2px 15px 0 0;
	height: 437px;
	width: 373px;
	z-index: 100;
	position: relative;
	color: #fff;
}
#suburbs li a {
	text-indent: -9000px;
	height: 110px;
}
#suburbs li a.n-bankstown {
	background-image: url(../_images/sub_nav_bg_bankstown.gif);
}
#suburbs li a.n-fairfield {
	background-image: url(../_images/sub_nav_bg_fairfield.gif);
}
#suburbs li a.n-liverpool {
	background-image: url(../_images/sub_nav_bg_liverpool.gif);
}
#suburbs li a.n-campbelltown {
	background-image: url(../_images/sub_nav_bg_campbelltown.gif);
}
#suburbs li a:link, 
#suburbs li a:visited {
	background-position: right;
	background-repeat: no-repeat;
	display: block;
}
#suburbs li a:focus, 
#suburbs li a:hover, 
#suburbs li a:active, 
#suburbs li a.current,
#container #container-c #suburbs ul a.current {
	background-position: left;
}

/* navigation */
/* ---------------------------------------------------------------------- */
#nav {
	position: absolute;
	background: url(../_images/nav_bg.gif) repeat-x;
	width: 100%;
	height: 54px;
	top: 138px;
	left: 0;
	color: #fff;
}
#nav-c {
	padding-left: 16px;
}
#nav-c li {
	height: 52px;
	float: left;
	cursor: pointer;
}
#nav-c li a {
	text-indent: -9000px;
}
#nav-c li a.n-home {
	width: 68px;
	background-image: url(../_images/nav_bg_home.png);
}
#nav-c li a.n-cc {
	width: 194px;
	background-image: url(../_images/nav_bg_cc.png);
}
#nav-c li a.n-cp {
	width: 169px;
	background-image: url(../_images/nav_bg_cp.png);
}
#nav-c li a.n-pn {
	width: 157px;
	background-image: url(../_images/nav_bg_pn.png);
}
#nav-c li a.n-docs {
	width: 106px;
	background-image: url(../_images/nav_bg_docs.png);
}
#nav-c li a.n-approvals {
	width: 94px;
	background-image: url(../_images/nav_bg_approvals.png);
}
#nav-c li a.n-news {
	width: 69px;
	background-image: url(../_images/nav_bg_news.png);
}
#nav-c li a.n-contacts {
	width: 80px;
	background-image: url(../_images/nav_bg_contact-us.png);
}
#nav-c li a:link, 
#nav-c li a:visited {
	background-repeat: no-repeat;
	display: block;
	height: 52px;
}
#nav-c li a:focus, 
#nav-c li a:hover, 
#nav-c li a:active, 
#nav-c li a.current,
#nav #nav-c li a.current {
	background-position: 0 bottom;
}

/* footer: companies and submenu */
/* ---------------------------------------------------------------------- */
#footer p {
	clear: both;
	margin-top: 1.5em;
}
#companies {
	height: 66px;
}
#companies li {
	float: left;
}
#companies li a {
	text-indent: -9000px;
}
#companies li a#company-artc {
	background-image: url(../_images/logo_artc.gif);
	width: 122px;
	margin-right: 44px;
}
#companies li a#company-ccg {
	background-image: url(../_images/logo_ccg.gif);
	width: 35px;
}
#companies li a:link, 
#companies li a:visited {
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
	height: 66px;
}
#submenu {
	margin-top: 20px;
	/* don't ask me why this fixes an error in ie6 */
	border: 1px solid #fff;
}
#submenu li {
	float: left;
	margin-right: 15px;
}

/* tables */
/* ---------------------------------------------------------------------- */
.data {
	width: 100%;
	margin-bottom: 2em;
}
.data caption {
	font-weight: bold;
	text-align: left;
	padding: 0 0 0.8em 0;
	color: #06c;
}
.data th {
	border-bottom: 2px solid #000;
	font-weight: bold;
	padding: 2px 0;
	text-align: left;
}
.data td {
	border-bottom: 1px solid #ccc;
	padding: 2px 0;
	vertical-align: top;
}
.data .number {
	width: 70px;
}
.data .size {
	width: 90px;
}
.data .date {
	width: 90px;
}
.data ul {
	margin-left: 1.5em;
}
.data li {
	list-style: disc;
}


/* paging */
/* ---------------------------------------------------------------------- */
#main.page-news .paging {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 1.5em;
	padding-bottom: 10px;
}
#main .paging li,
#main .paging ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
#main .paging li {
	display: inline;
}
#main .paging .category {
	width: 50px;
	font-weight: bold;
	background: #666 url(../_images/arrow.png) no-repeat center right;
	height: 25px;
	line-height: 25px;
	padding-left: 7px;
	margin-right: 2px;
	color: #fff;
	display: inline-block;
	float: left;
}
#main .paging a, 
#main .paging a:link,
#main .paging a:visited {
	display: inline-block;
	border: none;
	padding: 0 7px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #666;
	text-decoration: none;
	background-color: #eee;
}
#main .paging a:link.current,
#main .paging a:visited.current,
#main .paging a:focus.current,
#main .paging a:hover.current,
#main .paging a:focus.current,
#main .paging a:focus, 
#main .paging a:hover,
#main .paging a:active {
	background: #026CD7;
	color: #fff;
}