* { padding:0px; margin:0px; }

  html, body { height: 80%; }
	
	body {
		font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
		text-align: center;
		height: auto;
		overflow-y: visible;  /* IE position fixed */
		background: url(/images/bg_grad.png) repeat-x #FFF;
		margin-top: 20px; }
	
	img { border: 0px; }
	
	
	.hidden {
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden; }
	
	
	.border_right {
		border-right: 1px solid #A2ECF9; }
		
	.border_fat {
		border: 6px solid #EAEAEA;
		-moz-border-radius: 9px; }


	h1 {
		font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
		font-size: 1.0em;
		font-weight: bold;
		color: #FFF; }

	h2 {
		width: 550px;
		font-family: Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
	    font-size: 2.2em;
		text-transform: uppercase;
		color: #FFF;
		background: url(/images/dot.gif) repeat-x bottom left; }
		 

	
	h3 {
		width: 550px;
		color: #FFF;
		font-family: Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
	    font-size: 1.1em; }
		 
* html h3 {
	background: url(/images/dot.gif) repeat-x bottom left; }
	


	h4 {
		font-size: 1.0em; }
		
	h5 {
		font-size: 1.0em;
		color: #C1F105; }
		


	ul { /* margin-left: 1.0em;*/ }
			
	ol { list-style: inside; }
	
	li	{ line-height: 1.4em; }

	dt { line-height: 2.0em; }

	
	hr {
	 background: url(/images/dot.gif) repeat-x; }
	
	a { text-decoration: none; }
			
	a:link { color: #C1F105; }
	a:active { color: #C1F105; }
	a:visited { color: #C1F105; }
	a:hover { color: #BAF876; }

	.lime { color: #C1F105; }
	
	

	/* Class styles */	
	
	.medium { font-size: 1.0em; }
	.small { font-size: 0.9em; }
			
	.left { text-align: left; }			
	.right { text-align: right; }
	.center { text-align: center; }

	.strong { font-weight: bold; }
	.uppercase { text-trans: uppercase; }
	
	.light { color: #AAE0F4; }

	.grey { color: #7E7E7E; }
	.dark { color: #949494; }
	
	.orange { color: #FFD700; }
	.purple { color: #5126AF; }
	
	.contentField { width: 50em; }
	
	
	fieldset {
		font-size: 1.0em;
		padding: 0px;
		border: none;
		-moz-border-radius: 6px; }


	.caption {
		text-transform: uppercase;
		font-size: 0.8em; }	
		
	.pageMargin {
		padding: 20px; }

	.r_arrow {
		background: url(/images/r_arrow.gif) left no-repeat;
		padding-left: 16px; }
	
	
	/* Content Management System */
	
	#admin {
		margin: 50px 0px 60px 0px;
		font-size: 1.0em; 
		text-align: left; }
		
	#admin a {
		line-height: 3em;
		color: #99FFCC; }

	#admin a:hover {
		color: #CCFF00; } 
	
		
	# hr { width: 90%; }
		
/* IE Hack for  Header & Text Style, Sizing */

* html # {
	margin-left: 10px;
	font-family: Arial Rounded MT Bold, Arial, Sans-Serif;
	color:#00397B;
	font-size: 1.1em;
	font-weight: bold; }

* html # td { font-size: 15px; }	
* html # tr {
	font-family: Helvetica, Arial, Sans-Serif;
	color:#000;
	font-size: 1.2em;
	font-weight: normal; }

* html # a {
	font-size: 0.9em;}
	

	# a {
		margin: 2px 5px 2px 5px;
		padding: 3px 10px 3px 10px;
		background-color: #F0F8FF;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.7em;
		border-right: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
/*		-moz-border-radius: 9px; */
		line-height: 2.0em; }

	# a:hover {
		background-color: #ADD8E6; }
		
	# textarea.field#content1 {
		width: 600px; }


	 #cms_form {
	 	width: 550px;
		margin-left: 20px; }

	#cms select { }
		
	.cms_label {
		text-transform: uppercase;
		font-size: 0.86em;
		font-weight: bold;
		color: #CCFF33; }
		
	.required {
		font-weight: bolder;
		color: #F21187; }

	.cms_browse {
		width: 70%;
		text-transform: uppercase;
		font-size: 0.95em; }
		
	.cms_submit {
		text-transform: uppercase;
		font-size: 0.86em;
		padding: 4px 20px 4px 20px;
		margin: 30px 40px 10px 0px; }

	.cms_cancel {
		text-transform: uppercase;
		font-size: 0.86em;
		padding: 4px 20px 4px 20px;
		margin: 30px 10px 10px 0px; }



	/* Main Navigation */

	#menu {
		position: relative;
		display: block;
		top: 0px; }
			
	
	#menuList li {
		width: 180px;
		height: 40px;
		list-style: none;
		margin: 0px; }

		
	* html #menuList li  { /* -- Remove gaps in IE6.0 */
		margin-bottom: -4px; }
		

	/* Tooltip Styles */

	.tooltip {
	  position: absolute;
	  height: 100px;
	  min-width: 100px;
  	  text-align: left;
	  color: #000;
	  font-size: 1.4em;
	  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	  -moz-border-radius: 9px; 
	  opacity: 1.0; }

	.toolend {
	  display: none;
	  text-align: left;
	  font-family: Trebuchet MS, Georgia, Helvetica, sans serif;
	  font-size: 0.8em;
	  color: #000;
	  background: #FFF;
	  padding: 10px;
	  border-right: 2px solid #EAEAEA;
	  border-bottom: 2px solid #EAEAEA;
	  border-left: 2px solid #EAEAEA;
	  -moz-border-radius: 9px;
	  opacity: 0.90; }

	.toolend li { list-style-type: disc; }

	

	/* Page content */
		
	#Page {
		margin: 20px auto 0px auto; 
		width: 760px;
		color: #ECF8F9; /* -- Text Colour */
		text-align:left;
		height: 90% !important; 
		voice-family: "\"}\"";
		voice-family: inherit; }

* html #Page {	margin-top: 2px; }

	html>body #Page {  }
	



	/* Top Navigation */

			
	#Banner {
		padding: 10px 0px 0px 20px;
		margin-bottom: 20px; }



	/* Date Display */

	#Date {
			display: block;
			position: relative;
			top: 228px;
			left: 256px;
			float: left
			color: #FFF;
			margin-left: 300px;
			font-size: 36px;
			font-weight: bold;

			/* Blend into banner image */
			
			opacity: 0.6;
			filter: alpha(opacity=60); }
			
			
	* html #Date { left: 258px; }
			
	/* IE7 Filter for date positioning */

	*:first-child+html #Date { top: 228px; }




	/* Shared Form styles */

	form { font-weight: bold; }	

	form .shadow {
		background: url(/images/bg_top_sh.gif); }
		
	form input, form textarea {
		font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px; }
	
	form .form_button {
		font-family: Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 2px 8px 2px 8px; }


	/* IE7 Filter for non-standard! button size */

	*:first-child+html form .form_button {
		padding: 2px 4px 2px 4px; }



	/* WAI Logo */
	
	#conformance {
		float: right;
		margin: 2px 16px 0px 10px; }



	/* Resize Text Form */
		
	#switcher {
		float: left;
		font-size: 18px;
		padding: 4px 6px 4px 6px;
		background: #D5E2E6;
		-moz-border-radius: 4px; }

		
		
	/* Search Form */

	#search_box {
		float: left;
		text-align: left;
		font-size: 18px;
		margin-left: 60px;
		margin-bottom: -40px;  /* -- Use to push margin space */
		padding: 4px 6px 4px 8px;
		background: #D5E2E6;
		-moz-border-radius: 4px; } 
		
		
	#search_box .search_text {
		margin-top: 0px;
		padding: 0px 4px 0px 4px;
		background-color: #FFFFF0; }
		
	html>body #search_box .search_text {
		padding: 0px 40px 0px 10px; }
		
		
	form#size_select .form_button {
		font-family: Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 2px 12px 2px 12px; }
		
		

  /* Print Form */

/*
  #print {
    padding: 4px 6px 4px 8px;
    background: #D5E2E6;
    -moz-border-radius: 4px; }
*/

  #page_controls {
  		clear: left;
  		display: block;
		text-align: left;
		margin-right: 26px; }

  #page_controls a {
		margin-right: 6px; }
		


	/* Contact Form */
	
	input #reset {
		padding: 4px 10px 6px 12px; }
		
	#mailform form {
		width: 440px;
		color: #000;
		background: #D5E2E6;
		margin: 20px 0px 20px 0px;
		padding: 10px 10px 10px 10px;
		text-transform: uppercase;
		font-size: 0.80em;
		font-weight: bold;
		color: #40578E; }
		
	#mailform input, #mailform textarea {
		padding: 3px 4px 2px 2px; }
		
	


		
	/* Weather Display */
	
	#RSS_Weather {
		display: none;
		text-align: left;
		font-size: 1.0em;
		font-weight: normal;
		margin: 0px; }			
		
	#RSS_Weather li {
		list-style-type: none;
		line-height: 2.0em; }
		
	#RSS_Weather a {
		visibility: hidden;
		clear: right; }
		


	#Title {
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 40px; }


	#Content {
		font-size: 0.8em;
		text-align: left; 
		background: #0084C5;
		-moz-border-radius: 9px; }



	#Main_Left {
		display: block;
		float: left;
		voice-family: "\"}\"";
		voice-family: inherit;
/*		border: 3px dotted White; */}


	#Main_Right {
		display: hidden;
		float: left;
		text-align: left; 
		margin: 0px 0px 0px 0px;
		voice-family: "\"}\"";
		voice-family: inherit;
/*		border: 1px dotted Yellow; */ }

		
	#Main_MR { margin: 0px; }

	#Main_Mid {
		width: 558px;
		float: right;
		height: 100%;
		padding: 0px 10px 20px 10px;
		voice-family: "\"}\"";
		voice-family: inherit;
/*		border: 3px dotted Yellow; */ }
		
	* html #Main_Mid {
		padding: 0px 8px 0px 0px; }
		
		


/*
  html>body #Main_Left { width:140px; }
  html>body #Main_Mid { width:46%; }
  html>body #Main_Right { width:22%; }
*/




	/* CMS Styles */

	/*
	
	   Note: CMS_* sections feature commented rules
	   for use with /scripts/css3-multi-column.js.
	   
	   Automatically re-flows text into optimum
	   width columns for usability / comprehension,
	   dependent on browser width & liquid layout. 
	   
	*/
	   
	#CMS_Admin {
		width: 536px;
		padding: 10px 20px 0px 0px; }
		

		
	#CMS_Home {
		float: left;
		width: 515px;
		padding: 12px 22px 8px 10px;
		margin: 8px 0px 10px 10px;
		color: #FFF;
		-moz-border-radius: 9px;
		background: url(/images/dot.gif) repeat-x bottom left;
/*		column-count: 1;
		column-gap: 30px;
		column-rule: 1px solid Lime; 
		-moz-border-radius: 9px;
		-moz-column-width: 24em;
		-moz-column-gap: 30px;
		-moz-column-rule: 1px solid Lime; */ }
		
	* html #CMS_Home {
		margin-right: 0px;
		margin-top: 0px;
/*		border: 3px solid Red; */}
		
html>body #CMS_Home {
/*		margin-top: -545px; */ }
					
	#CMS_Home img {
		padding: 10px; }
		
		
html>body #CMS_Combo_Box {
			clear: none;
			float: right;
			width: 535px; }

* html #CMS_Combo_Box {
			width: 535px;
			padding-left: 26px; }		

	#CMS_New {
		width: 290px;
		float: left;
		padding: 12px 12px 16px 0px;
		background: url(/images/dot.gif) repeat-x bottom left;
/*		border: 3px dotted Orange; */ }


		
	#CMS_New li {
/*		list-style-position: inside; */}


	#CMS_Recent {
		float: right;
		text-align: left;
		padding: 12px 0px 0px 10px;  }			

	#CMS_Recent fieldset {
		padding-bottom: 12px;
		background: url(/images/dot.gif) repeat-x bottom left; }
		
		
	 .location_recent {
		font-size: 1.0em;
		width: 192px;
		padding: 0px 10px 10px 10px; }	
	


	#CMS_About {
		width: 535px;
		padding: 12px 22px 12px 0px;
/*	column-count: 3;
		column-gap: 30px;
		column-rule: 1px solid Lime;
		-moz-border-radius: 9px;
		-moz-column-width: 14em;
		-moz-column-gap: 23px; 
		-moz-column-rule: 1px solid Lime; */
		background: url(/images/dot.gif) repeat-x bottom left;  }

* html #CMS_About {
		background: url(/images/dot.gif) repeat-x bottom left; }


		
	#CMS_About a {
/*	background: #0033CC; */
		font-weight: bold;
		-moz-border-radius: 6px;
		background: url(/images/button.gif) no-repeat; }
					
	#CMS_About a:hover {
		color: #00FFFF; }


	#CMS_Map {
		width: 515px;
		padding: 12px 22px 12px 0px;
		background: url(/images/dot.gif) repeat-x bottom left; }
		
		
		
	#map_select a {
		padding: 0px 10px 0px 10px;
		font-size: 1.16em;
		font-weight: bold; }
		
	#map_select a:hover {
		color: #FFF; }
		
				
	#map_melbourne {
		width: 484px; }
		
		
	#map_victoria {
		width: 484px; }		
			
		
	#vic_state select {
		font-size: 0.8em; }


	.location_div {
		font-size: 1.0em;
		padding: 10px;
		 }
		
	#LGA_List {
		width: 530px;
		padding-right: 10px; }
		
* html #LGA_list {
		padding-right: 0px; }
	
		
	.dotted_hr{
		background: url(/images/dot.gif) repeat-x bottom left;
	}
		
	
	#LGA_photo {
		float: left;
		padding-right: 30px; 
		width:500px;
		height: expression( this.scrollHeight > 299 ? "300px" : "auto" );
		max-height:300px;
		overflow:hidden;
	}
		
	#LGA_info {
		float: left;
		margin-left: 0px; }
		

	
	#CMS_Video  {
		width: 530px;
		padding: 12px 22px 12px 0px;
		background: url(/images/dot.gif) repeat-x bottom left; }
		
	
	#recharge_video {
		width: 425px;
		text-align: left;
		margin: 10px 0px 10px 0px;
		border: 6px solid #C4D6DF; }
	
			
	#CMS_Mobility {
		width: 530px;
		padding: 12px 22px 12px 0px;
		background: url(/images/dot.gif) repeat-x bottom left;
/*		column-count: 3;
		column-gap: 30px;
		column-rule: 1px solid Lime;
		-moz-border-radius: 9px;
		-moz-column-width: 16em;
		-moz-column-gap: 30px;
		-moz-column-rule: 1px solid Lime; */ }
		

	#CMS_Links {
		width: 530px;
		padding: 12px 22px 12px 0px;
		background: url(/images/dot.gif) repeat-x bottom left;
		overflow-x: hidden; }
		

	#CMS_Links a {
		color: #9CEAFA;
		font-weight: bold;
		padding: 2px 6px 6px 0px; }		

	#CMS_Links a:hover {
		color: #00FFFF; }		


		
	#CMS_Contact {
		width: 530px;
		padding: 12px 22px 12px 0px;
		background: url(/images/dot.gif) repeat-x bottom left; }


	#CMS_Site {
		width: 550px;
		padding-bottom: 20px;
		background: url(/images/dot.gif) repeat-x bottom left; }
		

	#CMS_Search {
		width: 535px;
		padding: 10px 20px 0px 0px;
		text-align: left; }



	/* Sitemap Styles */

	#site {
		margin: 0px 0px 20px 40px; }
	
	#site a {
		color: #33CCFF;
		padding: 2px 6px 2px 0px;
		-moz-border-radius: 6px; }
	
	#site dd {
		padding: 2px 0px 2px 0px;
		-moz-border-radius: 6px;
		margin-bottom: 0px;
		color: #9CCFF5; }
		
	#site .sub {
		padding-left: 23px; }

	#site .end {
		padding-left: 23px; }

	#site dl dt {
		font-weight: bold; }


	

	/* Footer Styles */
	
	#Footer {
		position: relative;
		bottom: 0px;
		clear: both;
		color: #FFF;	
		font-size: 12px;
		text-align: left;
		padding-left: 205px;
		text-decoration: none;
		opacity: 0.9; }

* html #Footer {
		position: static;
		clear: both;
		padding-left: 200px; }


	#recharge_logo {
		z-index: 2;
		position: relative;
		top: -90px;
		left: 6px;
		text-align: center; }
	
	#sponsors {
		text-align: left;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 10px; }
		
* html #sponsors {
		padding-top: 10px;
		border-left: none; }
		
		
	#sponsors a {
		margin-right: 10px; }

		
	#Gutter {
		font-size: 11px;
		font-weight: bold;
		vertical-align: top; }

		
	

	/* Remove traces of float */	

	p {
		margin: 0px;
		padding: 0px;
		font-size: 1em;
		line-height: 1.4em; }
		
	td { padding: 4px; }		
	
	.dot_top {
		padding-top: 12px;
		border-top: 1px dotted #EAEAEA; }
		
* html .dot_top {
		border-top: none;
		background: url(/images/dot.gif) repeat-x; }
		
	
		
	.dot_bottom {
		padding-bottom: 12px;
		border-bottom: 1px dotted #EAEAEA; }
		
* html .dot_bottom {
		border-bottom: none; 
		background: url(/images/dot.gif) repeat-x bottom; }





	/* Virtual Earth Map Classes -- not used */
	
	
	.map {
	   position: absolute;
	   top: 40px;
	   left: 10px;
	   width: 90%;
	   height: 500px;
	   border:#555555 2px solid; }


	#logo_sm { overflow: hidden; }