/*------------------------------------------------*
				    Mangrove Watch
           General Styles - Initialisation
--------------------------------------------------*/
/* Initialise margin and padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, span, img, object			   {
	margin: 0;
	padding: 0;
	}
ul, ol {
	list-style: none;
	}
a 	{
	text-decoration: none;
	}
img, ul, li, a {
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
/*------------------------------------------------*
              Main Container Styles
--------------------------------------------------*/

body {
	position: relative;
	font: 62.5%/1.2 Helvetica, Arial, sans-serif;
	color: #555555;
	text-align: center;
	background: #eeeeee url(../images/AM_turtle1.jpg) repeat-x center top;
	}
#wrapper {
	width: 962px;
	margin: 0 auto;
	text-align: left;
	}
	
/* Header */

#header {
	width: 100%;
	height: 200px;
	float: left;
	background: #ffffff url(../images/MWLogo962.jpg) no-repeat left top;
	}
#header form {
	clear: both;
	float: right;
	padding-top: 58px;
	padding-right: 20px;
	}
#header ul {
	float: right;
	margin: 10px 0 0;
	padding: 0 5px 0 0;
	}	
#header ul li {
	list-style: none;
	float: left;
	padding-left: 15px;
	font-weight: bold;
	}
#header ul li a {
	color: #ffffff;
	}	
#message, #showcase_aust, .m_advert {
	z-index: 0;
	}
	
/* Message */

#message, #system-message {
	margin: 0;
	padding: 0;
	width: 962px;
	background: #ffffff;
	}
#system-message {
	border-bottom: 1px solid #dedede;
	}
#system-message dt {
	width: 100px;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	color: #990000;
	margin-left:20px;
	}
#system-message dd {
	width: 800px;
	font-weight: bold;
	font-style: italic;
	}
	
/* Showcase */

div#showcase {
	position: relative;
	width: 962px;
	float: left;
	}
div#frontpage, div#global, div#countries, div#news, div#groups {
	width: 100%;
	float: left;
	height: 415px;
	}
div#frontpage {
	background: url(../images/frontpage.jpg) no-repeat left top;
	}
div#global {
	background: url(../images/GMShowcase.jpg) no-repeat left top;
	}
div#countries {
	background: url(../images/CShowcase.jpg) no-repeat left top;
	}
div#news {
	background: url(../images/LNShowcase.jpg) no-repeat left top;
	}
div#groups {
	background: url(../images/GShowcase.jpg) no-repeat left top;
	}
div.sectionBox {
	float: left;
	width: 240px;
	padding: 10px 10px 10px 640px;
	color: #333333;
	}
	
/* Advertisement */

div.m_advert {
	position: relative;
	float: left;
	width: 100%;
	background: #ffffff;
	padding: 0;
	border-bottom: 1px solid #333333;
	}
div.m_advert .module-body {
	margin: 0;
	padding: 0;
	}
h3.advert {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	}

/* Regional Groups Rotating */


	
/* Main Content */

#main-content {
	width: 100%;
	position: relative;
	float: left;
	border-bottom: 1px solid #dddddd;
	background: #ffffff;
	}
#centreColumn {
	/*width: 541px;*/
	width: 751px;
	float: left;
	/*border-right: 1px dotted #999999;*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
#rightColumn {
	width: 210px;
	float: left;
	background: #ffffff;
	}
#leftColumn {
	width: 210px;
	float: left;
	/*background: #d4dee3;*/
	background: #ffffff;
	}
	
/* Front Page */

#frontPage {
	width: 100%;
	clear: right;
	}
#frontLeft {
	float: left;
	width: 49%;
	}
#frontRight {
	float: left;
	margin-left: 2%;
	width: 49%;
	}
	
/* Footer */

#footer {
	float: left;
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #ffffff;
	}
#footer ul#supporters {
	float: left;
	width: 912px;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-left: 50px;
	}
#footer ul#supporters li {
	float: left;
	list-style: none;
	padding-right: 40px;
	padding-bottom: 10px;
	}
#footer ul#mainlevel {
	width: 962px;
	float: left;
	margin: 0;
	margin-left: -60px;
	padding-top: 10px;
	padding-bottom: 20px;
	background: #eeeeee url(../images/copyright.jpg) no-repeat right -5px;
	color: #ffffff;
	border-top: 5px solid #000000;
	}
#footer ul#mainlevel li {
	list-style:none;
	float:left;
	padding-right:20px;
	font-weight:bold;
	}
#footer h3 {
	margin: 5px 0 0 10px;
	}

/* Login */

form#com-form-login fieldset.input, form#com-form-login ul {
	padding: 0px 0px 10px 10px;
	}
	
/* Miscellaneous */
	
.background {
	position: absolute;
	width: 100%;
	height: 130px;
	background: url(../images/bg1.png) repeat-x left top;
	}
.foreground, #message, .leading, #page, #maincol {
	position:relative;
	}
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:10px 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin:0 -10px 15px -10px;}


/* Navigation */

#nav {
	width: 100%;
	/*height:34px;*/
	background:#19190c;
	z-index:1;
	position:relative;
	float: left;
	border-top: 1px solid #ffffff;
	}
#nav ul {margin:0 0 0 15px;}
#nav li {
	list-style:none;
	float:left;
	/*height:34px;*/
	position:relative;
	padding: 3px 0px 3px 3px;
	border-right: 1px dotted #ffffff;
	}
#nav_aust ul li ul li {
	border-right: 1px solid #000000;
	}
#nav li a {
	display:block;
	padding:0 10px;
	line-height:30px;
	color:#fff;
	font-weight:bold;
	}
#nav li.active a {
	background:#ffffff;
	color:#000000;
	}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {
	background: #4C4C4C;
	color: #ffffff;
	text-decoration: none;
	}
#nav li ul {
	position:absolute;
	width:170px;
	left:-999em;
	margin-left:-1px;
	border: 1px solid #000000;
	border-top:0;
	}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {
	margin:0;
	height:30px;
	line-height:30px;
	background:#fff;
	border-top: 1px solid #000000;
	color: #000000;
	}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}

/* Content styles */

p.buttonheading {
	position: absolute;
	top: 0;
	right: 10px;
	margin: 0;
	}
div.leading p.buttonheading {
	top: -30px;
	}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background:url(../images/light4.png) -57px -366px;}
.buttonheading .print {background:url(../images/light4.png) -21px -366px;}
.buttonheading .email {background:url(../images/light4.png) -39px -366px;}

.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light4.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light4.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
a#brochure img, a#book img {
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
	text-decoration: none;
	}
a#goBack img {
	display: block;
	margin: 0 auto;
	}
.breadcrumbs-pad {
	padding:0 1px;
	}
a.underline {
	text-decoration: underline;
	font-weight: bold;
	color: #b1734c;
	}
div.breadcrumbs {
	background:url(../images/light4.png) 0 -68px repeat-x;
	border-bottom:1px solid #e6e6e6;font-size:110%;
	font-weight:bold;
	margin:0;
	padding:7px 15px 8px;
	color:#777;
	border-top:1px solid #d9d9d9;
	}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {
	padding:0 15px 15px;
	}
h1,h2,h3,h4,.componentheading {
	margin: 10px 0px;
	}
.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
#main-content ul li {list-style:circle;}
#main-content ul ul {margin-top:0;}
#main-content ul ul li {list-style:square;}
#contact_email_copy {
	margin-top: 10px;
	}
.colpad h2.contentheading {padding-right:65px;}
td.contentheading {
	padding-top: 10px;
	}
.sectiontableheader {
	font-weight: bold;
	text-align: left;
	}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {
	text-align: left;
	padding: 0 4px;
	border-top: 1px solid #dddddd;
	}
.contentpane_links tr.sectiontableentry1 td img, .contentpane_links tr.sectiontableentry2 td img {
	padding-top: 4px;
	}
.contentpane_links tr.sectiontableentry1 td span.description, .contentpane_links tr.sectiontableentry2 td span.description {
	display: block;
	padding-bottom: 4px;
	}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}
.floatRight {
	float: right;
	}
.floatLeft {
	float: left;
	}
.alignLeft {
	text-align: left;
	}
.alignRight {
	text-align: right;
	}
img.floatRight {
	margin-left: 20px;
	}
img.floatLeft {
	margin-right: 20px;
	}
.clearLeft {
	clear: left;
	}


ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
p span.cite {
	width: 300px;
	display: block;
	float: right;
	font-size: 9px;
	padding-left: 10px;
	}
p span.cite img {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 5px 5px 0px;
	}
	
/* Acknowledgements - definition list */

dl {
	float: left;
	width: 500px;
    margin: 10px 0 10px 10px;
    padding: 0;
	}
dt {
	width: 35%;
	float: left;
	margin: 10px 0;
	}
dd {
	float: left;
	width: 50%;
	margin: 10px 0;
	padding: 0em 0.5em 0.5em 2em;
	}
dl.MAD {
	width: 400px;
	}
dl.MAD dt {
	font-weight: bold;
	}
dl.MAD dt, dl.MAD dd {	
	font-size: 11px;
	}
	
/* Modules */

.module {
	padding:1px;
	}
.module-title {
	font-size:130%;
	font-weight:bold;
	margin:0;
	padding:7px 15px 5px;
	}
.module-body {
	padding:10px 15px 25px;
	}

.color1 .module-title {background:url(../images/light4.png) 0 -204px repeat-x;border-bottom:1px solid #e6e6e6;color:#777;border-top: 1px solid #e6e6e6;}
.color1 .module-body {border-top:1px solid #dedede;}
.color2 .module-title {background:url(../images/light4.png) 0 -68px repeat-x;border-bottom:1px solid #e6e6e6;color:#50646d;border-top: 1px solid #e6e6e6;}
/*.color2 .module-body {border-top:1px solid #dfeaef;}*/
#main-content .m_menu {background:#7F8C51;color:#fff;}
#main-content .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#main-content .m_menu .module-body {border-top:1px solid #97A763;}
#main-content .m_menu a {color:#fff;}
#main-content .m_menu ul {margin:0 1em;}
#mainmods {
	padding-top: 0;
	overflow: hidden;
	}
#mainmods2, #mainmods3 {
	overflow:hidden;
	padding-top: 0px;
	}
#mainmods3 {
	position: relative;
	float: left;
	width: 100%;
	background: #8693a0;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 10px;
	}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {
	width:49.2%;
	}
.spacer.w33 .module {width:32.8%;}
#header .module {
	float:right;
	/*margin-left:325px;*/
	}
#main-content li .active a {font-weight: normal;}

/* Custom Modules */

div.m_species .module-body {
	padding: 10px 14px 25px;
	}
div.m_about {
	padding: 0 0 0 0;
	}
div.m_about h3 {
	padding-top: 5px;
	padding-bottom: 6px;
	font-size: 140%;
	background: url(../images/light4.png) 0 -68px repeat-x;
	border-bottom: 1px solid #e6e6e6;
	color: #777777;
	border-top: 1px solid #d9d9d9;
	}
div.m_about img {
	float: left;
	padding-right: 30px;
	}
div.m_about p {
	padding-right: 20px;
	line-height: 1.5;
	}
div.m_volunteer, div.m_involve, div.m_book {
	border-right: 1px dotted #dedede;
	}
div.m_involve ul {
	margin-top: 40px;
	padding-left: 20px;
	padding-bottom: 35px;
	}
div.m_whymw ul {
	padding-left: 10px;
	}
div.m_whymw {
	/*border-right: 1px dotted #999999;*/
	}
div.m_coastcare {
	border-left: 1px dotted #999999;
	}
div.m_whymw div.module-body {
	padding: 0 15px;
	}
div.m_coastcare img {
	float: left;
	}
div.m_creatures {
	padding: 1px 0px;
	}
div.m_BMInvite h4 {
	margin: 0;
	padding: 10px 0px 10px 10px;
	font-size: 150%;
	background: #648b50;
	border: 1px solid #000000;
	color: #ffffff;
	}
div.m_BMInvite h3.module-title {
	font-size: 120%;
	border-top: 2px solid #ffffff;
	}
div.m_BMInvite img {
	margin: 20px 0px 10px;
	}		
div.m_BMInvite p {
	font-size: 100%;
	}
div.NRInvite h4 {
	margin: 0;
	padding: 10px 0px 10px 10px;
	font-size: 150%;
	background: #666eaf;
	border: 1px solid #000000;
	color: #ffffff;
	}
div.NRInvite img {
	margin: 20px 0px 10px;
	}		
div.NRInvite p {
	font-size: 100%;
	}
div.m_socialFollow h4 {
	margin: 0;
	padding: 10px 0px 10px 10px;
	font-size: 150%;
	background: #648b50;
	border: 1px solid #000000;
	color: #ffffff;
	}
div.m_socialFollow h3.module-title {
	font-size: 120%;
	}
div.m_socialFollow img {
	margin: 20px 0px 10px;
	}		
div.m_socialFollow p {
	font-size: 100%;
	}	


/* Map Links */

ul#worldMap {
	position: relative;
	background: url(../images/WORLDMap.gif) no-repeat left top;
	width: 722px;
	height: 424px;
	float: left;
	margin: 0 auto;
	}
ul#worldMap li{
	list-style: none;
	}
ul#worldMap li a {
	position: absolute;
	text-indent: -9999px;
	display: block;
	}
a#australia {
	width: 87px;
	height: 73px;
	top: 234px;
	left: 193px;
	}
a#australia:hover {
	background: url(../images/AustraliaMapHover.gif) no-repeat left top;
	}
			
/* Gallery Images */

ul#gallery {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	}
ul#gallery li {
	position: relative;
	list-style: none;
	float: left;
	height: 190px;
	padding: 20px 0px 20px 25px;
	}
ul#gallery li p {
	font-size: 9px;
	font-style: italic;
	}
ul#gallery li a {
	text-decoration: none;
	}
ul#gallery li a img {
	width: 125px;
	height: 170px;
	margin: 0;
	padding: 5px;
	border: 1px solid #dedede;
	}
	
/* Images */

img.leftCol {
	display: block;
	margin: 10px auto 0;
	padding: 5px;
	border: 1px solid #ffffff;
	}
img#logoUQ {
	margin-top: 25px;
	margin-left: 35px;
	padding-right: 20px;
	}
img#logoCfoC {
	margin-top: 10px;
	margin-left: 25px;
	}
div.m_creatures img {
	width: 180px;
	height: 124px;
	padding-bottom: 15px;
	}
img.frontPage {
	display: block;
	margin: 0 auto;
	text-decoration: none;
	}
	
/*------------------------------------------------*
              Form Styles
--------------------------------------------------*/

/* Left Column login */

#leftColumn fieldset.input p, #leftColumn fieldset.input input.button {
	margin-left: 10px;
	}
#leftColumn fieldset.input input.button {
	margin-bottom: 10px;
	}
#form-login ul {
	padding-left: 10px;
	}

/* Search Form */

#searchForm td {
	padding: 10px 0px;
	}
#search_searchword {
	margin-left: 10px;
	margin-right: 20px;
	}
div.search {
	margin-top: 60px;
	}
div.search input {
	background: transparent;
	color: #ffffff;
	}
#ordering {
	margin-left: 45px;
	}
	
/* Australias Mangroves Book */

div#bookSummary {
	width: 300px;
	float: right;
	margin-left: 10px;
	padding: 10px 10px 10px 20px;
	background: #dbe5d3;
	}
div#bookSummary img {
	display: block;
	margin: 0 auto;
	}
div#bookSummary ul li {
	list-style: inside;
	}
ol#bookDesc {
	float: left;
	width: 275px;
	}
ol#bookDesc ul {
	padding-bottom: 20px;
	}
img.bookpage {
	margin-top: 20px;
	float: left;
	padding-bottom: 10px;
	}

/* J Events */

#jevents_header {
	margin-top: 15px;
	}
#jevents_header, #jevents_body {
	border: 10px solid #ffffff;
	}
table#jevents_header td.contentheading {
	padding: 10px 0;
	}
#category_fv {
	margin-top: 10px;
	}
		
/*------------------------------------------------*
              Typography Styles
--------------------------------------------------*/

body {
	font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif;
	}
h1,h2,h3,h4,.componentheading {
	font-weight: bold;
	}
h1,.componentheading {
	font-size: 180%;
	}
h2 {
	font-size: 150%;
	}
h3 {
	font-size: 130%;
	}
h3.advert {
	font-style: italic;
	}
h4 {
	font-size: 110%;
	}
h3.frontPage {
	font-size: 125%;
	text-transform: uppercase;
	}
p {
	font-size: 110%;
	}
a {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	}
a.mainlevel, a.mainlevel_current {
	font-weight: bold;
	}
a:hover {
	text-decoration: underline;
	}
#mainmods3 a {
	font-size: 11px;
	font-weight: normal;
	}
div.breadcrumbs a.pathway {
	font-weight: bold;
	}
div#footer a.mainlevel {
	font-size: 10px;
	}
li {
	font-size: 11px;
	}
#showcase p {
	line-height: 1.4;
	}
.boldText {
	font-weight: bold;
	}
.italic {
	font-style: italic;
	}
.boldItalic {
	font-weight: bold;
	font-style: italic;
	}
div.m_volunteer p, div.m_involve p {
	font-size: 11px;
	}
/* Jevents */

table#jevents_header td.contentheading {
	font-size: 20px;
	font-weight: bold;
	}
/*------------------------------------------------*
              Colour Styles
--------------------------------------------------*/

div#mainmods3 h3, a {
	color: #25343c;
	}
a.mainlevel {
	color: #014a99;
	}
h3.advert {
	color: #333333;
	text-shadow: #BDBDBD 2px 2px 2px;
	}
h3.frontPage {
	color: #8aa658;
	}
		
/*------------------------------------------------*
              Styles - Species
--------------------------------------------------*/
h2.contentheading_acan, h2.contentheading_avic, h2.contentheading_brug, h2.contentheading_ceriops, h2.contentheading_lumn, h2.contentheading_rhizo {
	margin-right: 150px;
	padding: 5px 5px;
	font-style: italic;
	font-size: 14px;
	color: #ffffff;
	}
a.contentpagetitle_avic, a.contentpagetitle_acan, a.contentpagetitle_brug, a.contentpagetitle_ceriops, a.contentpagetitle_lumn, a.contentpagetitle_rhizo {
	color: #ffffff;
	font-size: 14px;
	}
h2.contentheading_acan {
	background: #666699;
	}
h2.acan {
	color: #666699;
	}
h2.contentheading_avic {
	background: #999999;
	}
h2.avic {
	color: #999999;
	}
a.contentpagetitle_avic {
	color: #ffffff;
	}
h2.contentheading_brug {
	background: #ff9900;
	}
h2.brug {
	color: #ff9900;
	}
h2.contentheading_ceriops {
	background: #ffcc00;
	}
h2.ceriops {
	color: #ffcc00;
	}
h2.contentheading_lumn {
	background: #993333;
	}
h2.lumn {
	color: #993333;
	}
h2.contentheading_rhizo {
	background: #0099cc;
	}
h2.rhizophora {
	color: #0099cc;
	}
h4.species {
	color: #b1734c;
	}
img.species {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #dedede;
	}
cite.species {
	display: block;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 10px;
	font-style: italic;
	}
div.m_species h3 {
	font-style: italic;
	}