/*	-------------------------------------------------------------
	coded by - pxwebdesign.com.au - 2007
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	margin: 0;
	padding: 0 0 20px 0;
	color: #000;
	font: 14px Verdana, Arial sans-serif;
	text-align: left;
	background: #6c8eaf url(../images/bg.jpg) repeat-x top left;
}




/*	-------------------------------------------------------------
	MAIN DIVS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#wrapper {
	padding-top: 20px;
}
	
#wrapper-i {
	padding-top: 20px;
	background: #6b8cac;
	margin: 0 auto;
	width: 786px;
	padding: 4px 0;
}

#container {
	background: #fff;
	margin: 0 4px;
	padding: 12px;
}

#logo {
	float: left;
	margin: 5px 0 0 0;
}

.banner {
	float: right;
	border: 2px solid #9bbacd;
	width: 536px;
	height: 130px;
	background: #eee top left no-repeat;
}

#topBar {
	margin: 10px 0 0 0;
	border: 2px solid #2f8ac1;
	background: #1870a5;
	height: 23px;
}

#main {
	clear: both;
	padding: 10px 0 0 0;	
}

#side {
	width: 200px;
	float: left;
}

#content {
	width: 540px;
	float: right;
	padding-bottom: 20px;
}

#footer {
	clear: both;
	height: 35px;
}



/*	-------------------------------------------------------------
	TOP MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#topBar h3 {
	margin: 0;z
	float: left;
	color: #fff;
	font-size: 0.8em;
	letter-spacing: 1px;
	padding: 5px 0 0 5px;
}
	
#menuOther {
	float: right;
	margin: 0;
}

#menuOther li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#menuOther li a:link, #menuOther li a:visited {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	padding: 0 10px;
	font-size: 0.9em;
	line-height: 23px;
	height: 23px;
	background: url(../images/menu_top_bg.gif) no-repeat top left;
}

#menuOther li a:hover {
	background-color: #2882b7;
}

#menuOther li a.active:link, #menuOther li a.active:visited {
	background-color: #1e77ac;
}

#menuOther li a.active:hover {
	background-color: #2882b7;
}






/*	-------------------------------------------------------------
	MAIN MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menuMain {
	
}

#menuMain li {
	padding: 0 0 4px 0;
	list-style-type: none;
}

#menuMain li a:link,
#menuMain li a:visited {
	display: block;
	padding: 3px 0 3px 15px;
	font-size: 0.9em;
	color: #fff;
	border: 1px solid #1a833c;
	background: #399857 url(../images/menu_main_bg.gif) no-repeat 5px 50%;
	text-decoration: none;
}

#menuMain li a:hover {
	background-position: 7px 50%;
	background-color: #2f8b4c;
}	

#menuMain li a.active:link, #menuMain li a.active:visited {
	background-color: #2b8447;
	color: #ccc;
}


/*	SECOND LEVEL MAIN MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menuMain li ul {
	margin: 0;
	padding: 2px 0 5px 10px;
}

#menuMain li ul li {
	margin: 0;
	padding: 0;
}

#menuMain li ul li a:link,
#menuMain li ul li a:visited {
	display: block;
	font-size: 0.8em;
	padding: 4px 0 4px 6px;
	color: #888;
	border: 0;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	background: #fff url(../images/menu_main_sub_bg.gif) no-repeat 0 10px;
}

#menuMain li ul li a:hover {
	color: #666;
	background: #fff url(../images/menu_main_sub_bg.gif) no-repeat 0 10px;
}

#menuMain li ul li a.active:link,
#menuMain li ul li a.active:visited {
	color: #555;
	background: url(../images/menu_main_sub_bg.gif) no-repeat 0 10px;
}
	
	
	
/*	-------------------------------------------------------------
	SIDE CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#side_quote {
	text-align: center;
	margin: 20px 0 20px 0;
	color: #444;
	font-size: 0.7em;
}
	
#side_logos { text-align: center; }
	
#side_logos img { border: 0; }
	
#side_logos a:link, #side_logos a:visited {
	margin: 10px 10px;
}
	

/*	-------------------------------------------------------------
	PATHWAY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#userMenu {
	font-size: 0.9em;
	color: #333;
	background: #ccc;
	border: 1px solid #aaa;
	margin: 4px 0 0 0;
	padding: 3px 4px;
}

/*	-------------------------------------------------------------
	PATHWAY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#content #pathway {
	border: 1px solid #589ac3;
	background: #7cb3d4;
	height: 18px;
	color: #fff;
	font-size: 0.7em;
}

#content #pathway ul {
	margin: 2px 0 0 5px;
	padding: 0;
}
	
#content #pathway ul li {
	padding: 0 3px 0 10px;
	margin: 0;
	list-style: none;
	display: inline;
	background: url(../images/pathway_bg.gif) no-repeat left 50%;
}

#content #pathway a:link,
#content #pathway a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

#content  #pathway a:hover {
	color: #1e77ac;
	border-bottom: 1px solid #1e77ac;
}

#content #pathway ul li.level_home {
	padding: 0 3px 0 10px;
	background: url(../images/pathway_home_bg.gif) no-repeat left 50%;
}



	
/*	-------------------------------------------------------------
		CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

#content p {
	margin: 0 0 10px 0;
	line-height: 1.2em;
	padding: 0;
}	

#content .quote {
	color: #00588d;
	display: block;
	padding: 15px 0 4px 0;
}

#content .smallText {
	color: #444;
	font-size: 0.9em;
}

#content em {
	font-style: italic;
}

/* 	LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#content a:link, #content a:visited {
	color: #0078C2;
	text-decoration: underline;
}

#content a:hover {
	color: #00588d;
	text-decoration: underline;
}
	
/* 	LIST
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#content ul {
	margin: 10px 0 15px 10px;
	padding: 0;
}

#content ul li {
	margin: 3px 0 0 0;
	padding: 2px 0 2px 20px;
	background: url(../images/list.gif) no-repeat 0 8px;
	list-style: none;
}

/* 	IMAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.image_r {
	float: right;
	padding: 1px;
	margin: 5px 0 5px 10px;
}

.image_l {
	float: left;
	padding: 1px;
	margin: 5px 10px 5px 0;
}

.image_r_b {
	float: right;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 5px 0 5px 10px;
}

.image_l_b {
	float: left;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 5px 10px 5px 0;
}

/* 	HEADERS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#content h1 {
	font-size: 1.9em;
	margin: 10px 0 10px 0;
	padding: 0;
	color: #00588d;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: -2px;
}	

#content h2 {
	font-size: 1.5em;
	margin: 15px 0 5px 0;
	padding: 0;
	color: #016cad;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: -1px;
}

#content h3 {
	font-size: 1.2em;
	margin: 10px 0 3px 0;
	padding: 0;
	color: #0078C2;
	font-weight: bold;
	line-height: 1.2em;
}

#content h4 {
	font-size: 1.1em;
	margin: 10px 0 3px 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	line-height: 1.2em;
}


/* 	CONTENT SUMMARY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#content #contentSum {
	padding: 10px 0;
}

#content #contentSum ul li a:link, #content #contentSum ul li a:visited {
	text-decoration: none;
	color: #333;
	font-size: 0.9em;
}

#content #contentSum ul li a:hover {
	color: #000;
}

#content #contentSum ul li a:link strong, #content #contentSum ul li a:visited strong {
	text-decoration: underline;
	color: #0078C2;
	font-size: 1em;
}

#content #contentSum ul li a:hover strong {
	color: #00588d;
}

#content table.greenTable {
	border: 0;
	border-collapse: collapse;
}

#content table.greenTable td {
	display: table-cell;
	padding: 4px 5px;
	border: 1px solid #399857;
	text-align: left;
	vertical-align: top;
}


/* 	TABLE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
/*
#content table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

#content table td {
	padding: 2px 5px;
	border: 1px solid #999;
	text-align: left;
	display: table-cell;
	vertical-align: top;
	font-size: 0.8em;
}

#content table th {
	padding: 2px 5px;
	border: 1px solid #999;
	background: #ccc;
	font-weight: bold;
}

*/



/*	-------------------------------------------------------------
	FRONT PAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#frontLeft {
	margin-right: 210px;
	background: url(../images/front_bg.gif) repeat-y top right;
	padding-right: 15px;
}

#frontRight {
	float: right;
	padding-top: 10px;
	width: 200px;
}

#frontRight #followQMDC {
	text-align: right;
	clear: both;
}

#frontRight #followQMDC img {
	padding-top: 5px;
	padding-left: 5px;
}

#content a#catchments:link, #content a#catchments:visited {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}

#catchments img {
	display: block;
	margin: 0 0 2px 0;
}

#frontEvents {
	clear: both;
	margin-top: 10px;
	background: url(../images/frontEvent_bg.gif) repeat-x;
	padding: 5px;
	font-size: 0.8em;
	color: #666;
}
#content #frontEvents h3 {
	color: #016cad;
	padding: 3px 0;
	margin: 5px 0;
	font-size: 1.3em;
	text-align: center;
}

#content #frontEvents h4 {
	background: #6ca6b7;
	color: #fff;
	padding: 3px 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

#content #frontEvents h5 {
	background: #77afc0;
	color: #fff;
	margin: 0;
	padding: 2px 0;
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
}

#content #frontEvents h5 a:link,
#content #frontEvents h5 a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	padding: 2px 0;
}

#content #frontEvents h5 a:hover {
	color: #507079;
}

#content #frontEvents p {
	padding: 5px;
	margin-bottom: 18px;
	text-align: left;
	border-bottom: 1px solid #bbb;
}
	
	
/*	-------------------------------------------------------------
	BANNERS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	search details
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.banner form {
	display: block;
	margin: 0;
	padding: 100px 0 0 265px;
}

.banner form input {
	float: left;
	margin: 0 4px;
}

.banner #searchValue {
	font: 11px Arial;
	height: 12px;
	padding: 2px 3px;
	border: 1px solid #004d7b;
	background: #327ba8;
	color: #fff;
	margin: 0;
	width: 180px;
}
	
	
#banner01 { background-image: url(../images/banners/01.jpg); }
#banner02 { background-image: url(../images/banners/02.jpg); }
#banner03 { background-image: url(../images/banners/03.jpg); }
#banner04 { background-image: url(../images/banners/04.jpg); }
#banner05 { background-image: url(../images/banners/05.jpg); }
#banner06 { background-image: url(../images/banners/06.jpg); }
#banner07 { background-image: url(../images/banners/07.jpg); }
#banner08 { background-image: url(../images/banners/07.jpg); }
#banner09 { background-image: url(../images/banners/08.jpg); }



/*	-------------------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#copyright {
	color: #888;
	font: 11px Arial, sans-serif;
	float: left;
	font-weight: bold;
}	
	
#pxWeb {
	color: #888;
	font: 11px Arial, sans-serif;
	float: left;
	clear: left;
	padding-top: 5px;
	font-weight: bold;
}
	
#pxWeb a:link, #pxWeb a:visited {
	color: #888;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#pxWeb a:hover {
	color: #444;
	border-bottom: 1px solid #aaa;
}

#pxWeb a:link em, #pxWeb a:visited em {
	color: #de9103;
	font-style: normal;
	font-weight: bold;
}

#pxWeb a:hover  em { color: #ca8506; }

#uptodate {
	color: #888;
	font: 11px Arial, sans-serif;
	text-align: right;
}

#uptodate p {
	font-weight: bold;
}

#uptodate img {
	padding-top: 3px;	
	float: right;
}



/*	-------------------------------------------------------------
	MESSAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#successMsg,
#errorMsg {
	padding: 5px 10px;
	border-top: 1px solid #999;
}

#successMsg h5,
#errorMsg h5 {
	font-size: 13px;
	font-weight: bold;
	padding: 1px 0 5px 23px;
	background: no-repeat 0 1px;
}

#successMsg p,
#errorMsg p {
	color: #905b1d;
}

#successMsg a:link,
#successMsg a:visited,
#successMsg a:hover {
	color: #fff;
}

#errorMsg a:link,
#errorMsg a:visited,
#errorMsg a:hover {
	color: #724714;
}
	
/*	Success
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#successMsg {
	background: #6fb558;
	border-bottom: 1px solid #5fa349;
}

#successMsg h5 {
	color: #fff;
	background-image: url(../../../images/icons/msg_success.gif);
}

#successMsg p {
	color: #fff;
}

/*	Error
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#errorMsg {
	background: #f6db5a;
	border-bottom: 1px solid #e5ca47;
}

#errorMsg h5 {
	color: #82531b;
	background-image: url(../../../images/icons/msg_error.gif);
}

#errorMsg p {
	color: #905b1d;
}