body { margin:0; padding:0; font-size:81%; }

#outerContainer { padding:10px 0 20px; }

h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #66bc29;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #66bc29;
	margin-bottom: 0;
}



.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

#srchResult iframe {
        width: 500px;
}

#innerContainer {
	margin: 0 auto;	
	color: black;
}

#header {
	width: 992px;
	height: 112px;
	min-height: 112px;
	text-align: left;
	background: #007DC3 url("images/header_bg.gif") bottom left repeat-x;
	overflow: hidden;
	position: relative;
}

#header a {
	position: absolute;
	display: block;
	height: 112px;
	text-indent: -4000px;
}

#header #logo {
	top:0; left: 0;
	width:326px;
	background: url(images/mainlogo.gif) left bottom no-repeat;
}
#header #squalor {
	top:0; left:326px;
	width:392px;
	background: url(images/squalor.gif) left center no-repeat;
}
#header #cityofsydney {
	top:0; right:0;
	width:274px;
	background: url(images/cityofsydney.gif) 110px center no-repeat;
}


#topNavigation {
	border: solid #007DC3 4px;
	border-width: 0 0 4px 0;
	background: #fff;
	text-align: left;
}
#topNavigation ul {
	list-style: none;
	border: none;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	height:254px;
}
#topNavigation li {
	float: left;
	border: 1px solid white;
	width:164px;
	margin: 0;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: -1000px;
}
#topNavigation li a {
	display: block;
	width: 100%;
	height: 100%;
}

#topNavigation li#acc a { background-image: url(images/accommodation.gif); }
#topNavigation li#acc { height:161px; top:0px; left:0px; }
#topNavigation li#ani a { background-image: url(images/animals.gif); }
#topNavigation li#ani { height:90px; top:162px; left:0px; }
#topNavigation li#cle a { background-image: url(images/cleaning.gif); }
#topNavigation li#cle { height:100px; top:0px; left:165px; }
#topNavigation li#chi a { background-image: url(images/children.gif); }
#topNavigation li#chi { height:151px; top:101px; left:165px; }
#topNavigation li#pes a { background-image: url(images/pestcontrol.gif); }
#topNavigation li#pes { height:72px; top:0px; left:330px; }
#topNavigation li#eme a { background-image: url(images/emergency.gif); }
#topNavigation li#eme { height:99px; top:73px; left:330px; }
#topNavigation li#uti a { background-image: url(images/utilities.gif); }
#topNavigation li#uti { height:79px; top:173px; left:330px; }
#topNavigation li#fur a { background-image: url(images/furniture.gif); }
#topNavigation li#fur { height:105px; top:0px; left:495px; }
#topNavigation li#hea a { background-image: url(images/health.gif); }
#topNavigation li#hea { height:146px; top:106px; left:495px; }
#topNavigation li#cou a { background-image: url(images/council.gif); }
#topNavigation li#cou { height:72px; top:0px; left:660px; }
#topNavigation li#sup a { background-image: url(images/support.gif); }
#topNavigation li#sup { height:97px; top:72px; left:660px; }
#topNavigation li#hou a { background-image: url(images/housing.gif); }
#topNavigation li#hou { height:82px; top:170px; left:660px; }
#topNavigation li#rub a { background-image: url(images/rubbish.gif); }
#topNavigation li#rub { height:80px; top:0px; left:825px; width:165px; }
#topNavigation li#leg a { background-image: url(images/legalservices.gif); }
#topNavigation li#leg { height:171px; top:81px; left:825px; width:165px; }

#topNavigation li a:hover, 
#topNavigation li.current a { background-position:-164px 0; }

#topNavigation li#leg a:hover, 
#topNavigation li#leg.current a,
#topNavigation li#rub a:hover, 
#topNavigation li#rub.current a { background-position:-165px 0; }


#leftNavigation #menuList ul { 
}
#leftNavigation #menuList ul ul {
	display:none;
}
#leftNavigation #menuList ul li a {
	font-size:1em;
	font-weight:bold;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	padding-left: 5px;
	color: #007DC3;
}
#leftNavigation #menuList ul li a:hover {
	background: #007DC3;
}
#leftNavigation #menuList li.current a {
	background: #007DC3;
	color: #ffffff;
}
#leftNavigation #menuList li.current li.current a {
	background: #66bc29;
	color: #ffffff;
}

#leftNavigation #menuList li.current ul a {
}
#leftNavigation #menuList li.current a:hover {
	background: #b0b0b0;
}
#leftNavigation #menuList li.current ul a:hover {
	background: #66bc29;
}
#leftNavigation #menuList li.current ul {
	display: block;
}
#leftNavigation #menuList li.current li a {
	font-size:0.9em;
	padding: 2px 0 2px 10px;
	color: #ffffff;
	background: #b0b0b0;
}
#leftNavigation #menuList li#acc.current a, #leftNavigation #menuList li#acc a:hover { background: #D655D7; }
#leftNavigation #menuList li#ani.current a, #leftNavigation #menuList li#ani a:hover { background: #D74800; }
#leftNavigation #menuList li#chi.current a, #leftNavigation #menuList li#chi a:hover { background: #FF7900; }
#leftNavigation #menuList li#cle.current a, #leftNavigation #menuList li#cle a:hover { background: #7ac42b; }
#leftNavigation #menuList li#cou.current a, #leftNavigation #menuList li#cou a:hover { background: #673bb8; }
#leftNavigation #menuList li#eme.current a, #leftNavigation #menuList li#eme a:hover { background: #e80033; }
#leftNavigation #menuList li#fur.current a, #leftNavigation #menuList li#fur a:hover { background: #bb8e5e; }
#leftNavigation #menuList li#hea.current a, #leftNavigation #menuList li#hea a:hover { background: #007dc3; }
#leftNavigation #menuList li#hou.current a, #leftNavigation #menuList li#hou a:hover { background: #008900; }
#leftNavigation #menuList li#leg.current a, #leftNavigation #menuList li#leg a:hover { background: #336590; }
#leftNavigation #menuList li#pes.current a, #leftNavigation #menuList li#pes a:hover { background: #ffb0ff; }
#leftNavigation #menuList li#rub.current a, #leftNavigation #menuList li#rub a:hover { background: #feb825; }
#leftNavigation #menuList li#sup.current a, #leftNavigation #menuList li#sup a:hover { background: #5cd6ad; }
#leftNavigation #menuList li#uti.current a, #leftNavigation #menuList li#uti a:hover { background: #fee400; }




#content { position: relative; clear:both; }

#rightContent {
	margin-right:20px;
}

#rightContent .boxed {
	width: 205px;
	border: 1px solid #DEDBD1;
	padding: 4px;
	margin: 0.5em 0 1em;
}

#search {
	background-color: #007DC3;
	color: #ffffff;
	padding:3px;
	text-align: right;
}
#search form { display:inline; }
#search input { width:130px; height:1.2em; }
#search span { padding: 0 3px 5px 0; }

#mainContent { margin-right:0; }


#foot {
	font-family: "Arial", Helvetica, sans-serif;
	font-size:0.9em;
	color:#007DC3;
	padding: 1em 3em;
	clear: both;
}
#foot a {text-decoration:none; color:#007DC3; }
#foot a:hover {text-decoration:underline; }



#flowchart { font-size:1.15em; position:relative; width: 570px; margin: 0 auto; text-align:center; }
#flowchart #loading { position:absolute; bottom:0; right:4px; margin-top:1em; display:none; z-index:100; } 
#flowchart .box { clear:both; background-color:#eeeeee; padding:0; margin:0.5em 0; text-align:left; }
#flowchart .box .c1 { background: url(images/corner1.png) no-repeat top left; }
#flowchart .box .c2 { background: url(images/corner2.png) no-repeat top right; }
#flowchart .box .c3 { background: url(images/corner3.png) no-repeat bottom right; }
#flowchart .box .c4 { position:relative; margin:0; padding:0.2em 0.6em; background: url(images/corner4.png) no-repeat bottom left; }

#flowchart form { float:right; }
#flowchart .ans { float:right; padding-left:1em; white-space:nowrap; }
#flowchart .ans.long { clear:right; }
#flowchart label { cursor: pointer;}
#flowchart .switch_link { z-index:101; font-size:0.9em; }
#flowchart .switch_link a { float:right; color: #0000cc; padding: 0.2em 0.6em; margin-bottom:1px; text-decoration:none; }
#flowchart .switch_link a.print { float:left; background:url(images/print.gif) no-repeat left; padding: 0.2em 0.6em 0.2em 20px; margin-bottom:1px; text-decoration:none; }
#flowchart .switch_link a.save  { float:left; background:url(images/file.gif) no-repeat left; padding: 0.2em 0.6em 0.2em 20px; margin-bottom:1px; text-decoration:none; }
#flowchart a:hover, #flowchart a.next:hover, #flowchart a.print:hover { text-decoration:underline; }
#flowchart .sub { position:relative; clear:both; }
#flowchart p { margin: 0.4em 0; }
#flowchart .que p { display:inline; }

#flowchart .next { float:right; font-size:0.9em; color: #0000cc; background-color:#eeeeee; padding: 0.2em 0.6em; text-decoration:none; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
#flowchart a.next:hover {
	text-decoration: none!important;
	background-color:#cccccc;
	}

#flowchart .que		{ background-color: #eeeeee; }
#flowchart .sol		{ background-color: #7AC42B; } 
#flowchart .text	{ background-color: #ffcc33; }


.printOnly, #print_header, .skip-nav { display:none }

@media print {
	body { font-size:12pt; }
	#header, #topNavigation, #leftContent, #rightContent, #mainNavigation, #textsizechange, #readmore, #foot .links
		{ display:none; }
	.printOnly, #print_header { display:block; }
	#print_header img { float:left; }
	#print_header h1 { float:right; }
	#mainContent { width:100%; font-family:serif; margin:0; padding:0; }
	#content, #outerContainer, #innerContainer { width:100%; margin:0; padding:0; }
	#foot {font-size:10pt;}
	
	#flowchart { width:100%; margin:0; font-size:12pt; }
	#flowchart .box { font-size:12pt; }
	#flowchart .box.sol div { background-image:none; }
	#flowchart .sol		{ border:1px solid #999999; }
	#flowchart .switch_link, #flowchart .next, #flowchart #loading { display:none; }

	a:link:after, a:visited:after {
	   content: " [" attr(href) "] ";
	   font-size: 0.8em;
	   }

}