/* CSS */
body {
	margin: auto;
	text-align: left;
	font-size: 12px;
	font-family: verdana, sans-seriff;
}
img {
	border: 0;
}

/* These two divs set the width of the website along with a few other things */
#siteContainer {
	display: block;
	margin: auto;
	width: 940px;
}

#siteContents {
	position: relative;
	width: 100%;
	display: block;
	float: left;
}

/* This is the div that holds the Google Custom Search in it */
#customSearchBox {
display:none;
float:right;
height:25px;
position:relative;
right:7px;
top:-27px;
width:264px;
}
/* Section that sits above the banner image */
#aboveBanner{
display:block;
float:left;
width:935px;
}

#aboveBannerLeft{
  width: 327px;
  float: left;
  display: block;
  height: 29px;
}

#aboveBannerRight{
  width: 604px;
  float: right;
  display: block;
  height: 29px;
  background-color: #ef5a00;
}
#aboveBannerRightContent{
  width: 100%;
  float: right;
  display: block;
  color: #ffffff;
  font-size: 9px;
}
/* This is the section that holds the banner image */
#banner {
  background-image:url(/images/bannerImage.jpg);
  background-repeat:no-repeat;
  display:block;
  float:left;
  height:153px;
  width:100%;
  margin: 2px 2px 2px 2px;
}

/* This is the container for the menu which is style in a seperate CSS file*/
#menuContainer {
	float: left;
	display: block;
	height: 32px;
	width: 100%;
}
#aboveMainBodyHeadings{
display:block;
float:left;
margin:2px;
width:99%;
}
/* This is the main body container which holds both the left and right content sections */
#mainBody {
background-image:url(/images/mainBodyBackground.jpg);
background-repeat:repeat-y;
border:1px dotted #676767;
display:block;
float:left;
width:933px;
}

/* This is the begining of the CSS that refers to the left Body */
#leftBody {
border-right:1px dotted #666666;
display:block;
float:left;
width:667px;
}

#suburbMaps{
width: 100%;
float: left;
display: block;
}
#suburbMaps p{
float:left;
font-weight:bold;
padding:10px 0 0 25px;
width:190px;
}
#leftBodyTop{
border-bottom:1px dotted #666666;
display:block;
float:left;
width:100%;
}

#leftBodyTopContent{
display:block;
float:left;
margin-left:10px;
text-align:left;
width:500px;
}

.leftBodyBottom{
border-bottom:1px dotted #666666;
border-top:1px dotted #666666;
display:block;
float:left;
width:100%;
}

.leftBodyBottomLeftContent{
display:block;
float:left;
padding:0 0 0 10px;
text-align:left;
width:100%;
}

.leftBodyBottomLeft{
display:block;
float:left;
width:310px;
}

.leftBodyBottomRight{
display:block;
float:right;
width:340px;
}

.google{
display:block;
float:left;
margin-bottom:5px;
width:96%;
}

/* This is the begining of the CSS that refers to the right Body */
#rightBody {

display:block;
float:left;
width:264px;
}

/* This is the top section of the right body which will have the Call to action in it*/
#rightBodyTopCTA {
display:block;
float:left;
width:100%;
}

#rightBodyTopCTAContent {
border-bottom:1px dotted #666666;
display:block;
float:left;
text-align:left;
width:100%;
border-left:1px dotted #666666;
}

/* This is the bottom section of the right body which will have links to other services in it */

#rightBodyBottomTop{
background-color: #ffffff;
float: left;
border-left:1px dotted #666666;
display: block;
width: 100%;
}

#rightBodyBottom {
border-top:1px dotted #666666;
display:block;
float:left;
width:100%;
font-size: 10px;

border-left:1px dotted #666666;
min-height:150px;
}

#rightBodyBottomContent {
	display: block;
	float: left;
	margin-top: 15px;
	padding: 0 0 0 16px;
	width: 94%;
}

#rightBodyBottomContent h1 {
	font-size: 14px;
	float: left;
	display: block;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

#rightBodyBottomContent ul {
color:#000000;
display:block;
float:left;
margin:0;
padding:0;
text-align:left;
width:100%;
}

#rightBodyBottomContent li {
display:block;
float:left;
margin:0;
padding:0;
text-align:left;
width:100%;
}

#rightBodyBottomContent a {
color:#000000;
margin:0;
padding:0;
text-decoration:none;
width:100%;
}

/* This is the footer section which is below the main body */
#footer {
background-color:#00ADEF;
display:block;
float:left;
height:100px;
margin-left:2px;
margin-top:20px;
width:932px;
}

#quickTrax{
background-image:url(/images/quickTRAX_button/quickTrax_RO.jpg);
background-position:0 0;
display:none;
float:right;
height:152px;
margin-top:15px;
width:151px;
}

#quickTrax:hover{
background-position: 0px -152px;
}

#footerContent {
	color:#FFFFFF;
font-size:10px;
	display: block;
	float: left;
	padding: 0 0 0 27px;
  	width: 94%;
}
/* CENSUS DATA STYLING */
.Census{
width: 100%;
float: left;
display: block;
}

.Census h2{
color:#333333;
display:block;
float:left;
margin-left:12px;
text-align:left;
width:100%;
}
dl {
border:1px solid #CCCCCC;
display:block;
float:left;
margin:0 0 14px 12px;
padding:0 0 14px;
width:96%;
}

dt {
background-color:#EEEEEE;
color:#333333;
display:block;
float:left;
font-weight:bold;
margin:14px 0 0;
padding:2px 0 2px 6px;
width:63%;
}

dd {
display:block;
float:right;
margin:14px 0 0 4px;
text-align:left;
width:34%;
}
/*  End of Generic Styles */

/* This is the "Below the Fold" */
#interlinkingContainer {
	width: 100%;
	display: block;
	margin-top: 20px;
	color: #777777;
	position: absolute;
	top: 101%;
	left: 0px;
}
#interlinkingContainer ul {
	text-decoration: none;
	list-style-type: none;
	display: block;
	float: left;
	list-style-position: outside;
	list-style-image: none;
	
}

#interlinkingContainer li {
	text-decoration: none;
	list-style-type: none;
	display: block;
	float: left;
	list-style-position: outside;
	list-style-image: none;
	width: 33%;
}

#interlinkingContainer a, .interlinkingContainer a:link, .interlinkingContainer a:visited {
	color: #777777;
	text-decoration: none;
}

#interlinkingContainer a:hover {
	text-decoration: underline;
}

.interlinking {
	width: 870px;
	float: left;
	display: block;
	margin-top: 20px;
	text-align: left;
	font-size: 11px;
}

.interlinking ul {
	text-decoration: none;
	list-style-type: none;
	display: block;
	float: left;
	list-style-position: outside;
	list-style-image: none;
	
}

.interlinking li {
	text-decoration: none;
	list-style-type: none;
	display: block;
	float: left;
	list-style-position: outside;
	list-style-image: none;
	width: 33%;
}

.interlinking a, .interlinking a:link, .interlinking a:visited {
	color: #777777;
	text-decoration: none;
}

.interlinking a:hover {
	text-decoration: underline;
}