* {
  color: #666;
  margin: 0;
  padding: 0;
}
a, a:visited {
  color: #369;
  text-decoration: underline;
}
/*a[href*="http://"] {
  background: url(/includes/images/ico-external.gif) no-repeat top right;
  padding-right: 10px;
}
a[href*="cockatooisland.gov.au"] {
  background: none;
  padding-right: 0;
}*/

a:hover {
  color: #036;
}
acronym {
  border: none;
  cursor: help;
  font-style: normal;
}
body {
  background: white url(/images/bgrbodyleft.gif) no-repeat 0 0;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: 80%;
  color: black;
  margin: 0 auto;
 
  text-align: left;
  position: absolute;
  width: 100%;
}
fieldset {
  background-color: #f9f6f4;
  border: 1px solid #bdb19f;
  margin: 1em 1em 1em 0;
  padding: 0.5em 0.5em 1em 0.5em;
}
#places fieldset {
  background-color: white;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: right;
}
fieldset label {
  display: block;
  margin: 0;
  padding: 0.25em 0 0.25em 0.5em;
}
legend {
  background-color: #f9f6f4;
  border-left: 1px solid #bdb19f;
  border-right: 1px solid #bdb19f;
  border-top: 1px solid #bdb19f;
  font-weight: bold;
  padding: 2px 1em 2px 1em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: gillsans, "Gill Sans", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #072F74;
}
h1 {
	color: #072F74;
	font-size: 180%;
	font-weight: bold;
	margin: 1em 0 1em 0;
}
h1 a {
	color: #072F74;
	text-decoration: none;
}
h2 {
	color: #072F74;
	font-size: 130%;
	font-weight: bold;
	padding: 0.3em 0.3em 0.3em 0;
}
h3 {
	color: #072F74;
	font-size: 120%;
	font-weight: bold;
	padding: 0.3em 0.3em 0.3em 0;
}
h4 {
	color: #072F74;
	font-size: 110%;
	font-weight: bold;
	padding: 0.3em 0.3em 0.3em 0;
}
img {
  border: 0;
}
li {
  list-style-type: square;
  padding: 0.2em 0;
}
li.no-bg {
  background: none !important;
}
p {
  line-height: 1.5em;
  margin-bottom: 1em;
}
ol {
  margin-left: 1.5em;
  margin-bottom: 1em;
}
ol li {
  list-style-type: decimal;
}
ul {
  margin-left: 1.5em;
  margin-bottom: 1em;
}
table {
  border-collapse: collapse;
  border: 0;
  margin-bottom: 1em;
}
table caption {
  background-color: #bbb3a5;
  color: white;
  padding: 3px 5px;
  text-align: left;
}
table th {
  background-color: #e4dfd7;
  border-bottom: 1px solid #eeeae5;
  font-weight: bold;
  padding: 3px 5px;
  vertical-align: top;
}
table td {
  border-bottom: 1px solid #e4dfd7;
  padding: 3px 5px;
  vertical-align: top;
}
table td.right,
table th.right {
  text-align: right;
}


/* Main content area and site navigation
--------------------------------------------------------------- */
#content-container {
  margin-top: 245px;
  margin-left: 278px;
  position: relative;
  margin-bottom: 30px;
  
}
#content-container2 {
  margin-top: 60px;
  margin-left: 60px;
  position: relative;
  margin-bottom: 30px;
  
}

#content-container #breadcrumb p {
  color: #666;
  margin-right: 200px;
}
#content-container p,
#content-container li {
  color: black;
}
#searchform {
  position: absolute;
  right: 30px;
  top: 260px;
  z-index: 10;
}
#searchform input {
  font-size: 90%;
}
#searchform label {
  display: none;
}

/* search page cascade
------------------------------------------- */
#agencysearchform label {
  display: inline;
}
#agencysearchform legend {
  background-color: transparent;
  border: 0;
  color: #333 !important;
}

/* Content area styles
------------------------------------------- */
.floatright {
  float: right;
  margin-left: 10px;
}
.audio {
  background: url(/includes/images/ico-audio.gif) no-repeat 0 0.5em !important; 
  list-style-type: none;
  padding: 0.2em 0 0.2em 22px;
  margin-right: 10px;
}
.news {
  border-top: 1px solid #e4dfd7;
}
.news h2 {
}
.news img {
  border: 2px solid #e4dfd7;
  float: right;
  margin: 1.75em 0 10px 10px;
}
.pdf {
  background: url(/includes/images/ico-pdf.gif) no-repeat 0 0.4em !important; 
  list-style-type: none;
  padding: 0.2em 0 0.2em 22px;
  margin-right: 10px;
}

/* Box feature on home page
------------------------------------------- */
.feature-square {
  float: right;
  height: 80px;
  margin: 1px 0 0 1px;
  overflow: hidden;
  width: 150px;
}
.feature-square h2, 
.feature-square p {
  color: #7a6a51 !important;
  font-size: 90%;
  padding: 5px 5px;
}
.feature-square h2 {
  font-size: 110%;
}
.blue {
  background-color: #0d2161;
}
.brown {
  background-color: #918470
}
.black {
  background-color: black;
}

/* 2 column layout within content-container
------------------------------------------- */
.column-container {
  width: 95%;
}
.column-left {
  clear: right;
  float: left;
  width: 48%;
}
.column-right {
  clear: right;
  margin-left: 50%;
}


/* Side content container
--------------------------------------------------------------- */
.sidepanel {
  float: right;
  width: 160px;
  margin-left: 10px;
  margin-right: 30px;
}
.sidepanel2 {
  float: right;
  width: 250px;
  margin-left: 10px;
  margin-right: 30px;
}

* html .sidepanel
{
  margin-right: 15px;
}

/* Side content feature box
------------------------------------------- */
.sidepanel .sidefeature h2 {
  color: white;
  font-size: 120%;
  height: 138px;
  line-height: 1.2em;
  text-align: center;
}
.sidepanel .sidefeature p {
  background-color: #ebe6e2;
  font-size: 90%;
  padding: 5px;
}
.login {
  background: transparent url(/includes/images/bg-login.gif) no-repeat 0 0;
  height: 37px;
  width: 160px;
  padding: 7px 0 0 35px;
}


/* Control background image for side feature box
------------------------------------------- */
.feature-harbourtrust h2 {
  background: transparent url(/about/images/harbourtrust-featurebox.jpg) no-repeat;
}
.feature-history h2 {
  background: transparent url(/about/history/images/featurebox.jpg) no-repeat;
}
.feature-visit h2 {
  background: transparent url(/visit/images/featurebox.jpg) no-repeat;
}
.feature-kids h2 {
  background: transparent url(/see/kids/images/featurebox.jpg) no-repeat;
}
.feature-crane h2 {
  background: transparent url(/getinvolved/volunteering/images/featurebox.jpg) no-repeat;
}
.feature-donate h2 {
  background: transparent url(/about/images/donate.gif) no-repeat;
}


/* Header content including flash and no js/flash static image
--------------------------------------------------------------- */
#feature {
  left: 0;
  top: 71px;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
#feature div {
  background-color: transparent; 
  height: 167px;
clear:both;
}
#header {
  position: relative;
  padding-bottom:15px;
}
#header h1 {
  background: transparent url(/includes/images/bg-logo.gif) no-repeat  4px;
  position: absolute;
  height: 85px;
  width: 520px;
  margin:14px 0 0 30px;
}
#header h1 span {
  display: none;
}
#header span {
  background: transparent url(/includes/images/header.jpg) no-repeat;
  border: none;
  height: 238px;
  padding: 0;
  margin: 20px 0 0 0;
  display: block;
}
#header ul {
  float: left;
  position: absolute; 
  right: 0; 
  top: 30px;
  z-index: 5;
}
#header li {
  background: white url(/includes/images/bg-dash.gif) no-repeat 92% 0.5em;
  color: #182d48;
  float: left;
  height: 21px;
  list-style-type: none;
  margin: 0 3px 0 0;
  padding-right: 1.75em;
}


/* Footer
--------------------------------------------------------------- */
#footer {
  height: 79px;
  padding: 20px 30px 20px 300px;
  text-align: right;
}

#footer {
  clear: both;
}
#footer ul {
  margin: 0.5em -1.25em 0 0;
  float: right;
}
#footer li {
  background: white url(/includes/images/bg-dash.gif) no-repeat 95% 0.5em;
  float: left;
  list-style-type: none;
  margin: 0 3px 0 0;
  padding-right: 1em;
}
#footer p {
  clear: both;
  font-size: 90%;
  text-align: right;
}



/* Left navigation
--------------------------------------------------------------- */
#navigation {
  background: transparent url(/includes/images/line-vertical.gif) no-repeat right 30%;
  float: left;
  width: 200px;
  margin: 280px 1.5em 1em 30px;
  padding: 0 1.5em 0 0;
  text-align: left;
}
#navigation label {
  text-transform: uppercase;
}
#navigation form {
  margin-top: 1em;
}
#navigation li {
  font-weight: bold;
  padding: 2px 0 2px 20px;
  list-style: none;
  margin: 5px 0 5px 5px;
}
#navigation li a,
#navigation li a:link,
#navigation li a:visited {
  text-decoration: none;
}
#navigation li a:hover {
  text-decoration: underline;
}
#navigation li ul {
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
}
#navigation li ul li {
  background: none;
  border: 0;
  font-weight: normal;
  margin: 0;
  padding: 3px 0;
  background: transparent url(/includes/images/bullet.gif) no-repeat 5px 10px;
  padding-left: 20px;
}
#navigation li li a,
#navigation li li a:link,
#navigation li li a:visited {
  font-weight: normal;
}
#navigation li ul li ul {
  margin: 5px 0 0 15px;
  padding: 0;
  text-align: left;
}
#navigation li ul li ul li a {
  font-size: 95%;
  padding: 3px 0 3px 0;
}
#navigation li.selected {
  background-color: white;
  background: white url(/includes/images/bullet-selected.gif) no-repeat 5px 11px;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  padding: 4px 0 4px 20px;
}
#navigation li.selected a {
  color: #0d2161;
}

/* TEXT SIZE Descendant selector rules
--------------------------------------------------------- */
body.smallest {
  font-size: 55%;
}
body.smaller {
  font-size: 65%;
}
/*body.medium {
  leave this blank
}*/
body.larger {
  font-size: 95%;
}
body.largest {
  font-size: 105%;
}

#squares
{
	margin:  60px 30px 0px 0px;
	height: 270px;
}


#flashcontent
{
	margin: 0 0 0 30px;
}

#bannerheader object 
{

}

#bannerheader
{
	width: 100%;
	margin: 15px 0 0 20px;
	overflow: hidden;
	clear:both;
}

#bckgmap
{
	background:transparent url(/images/bgrbodybight.gif) no-repeat right top;
	position: absolute;
	width: 100%;
}
#quick-links {width:304px;float:right;margin:0 25px 20px 45px;display:inline;position:relative;}
#quick-links h2 {text-align:right;font-weight:normal;font-size:1.6em;margin:0.5em 0 0.5em 0;}
#quick-links p {clear:both;position:relative;height:72px;margin:0;color:#918470;font-size:0.9em;}
#quick-links p a {font-size: 1.1em;font-weight:bold;margin:0 0 0.5em 0;display:block;}
#quick-links .desc-right {text-align:left;padding:10px 10px 0 160px;}
#quick-links .desc-right img {position:absolute;top:0;left:0;}
#quick-links .desc-left {text-align:right;padding:10px 160px 0 10px;}
#quick-links .desc-left img {position:absolute;top:0;right:0;}
#quick-links img {width:150px;height:80px;margin:1px;}


#navigation {float: left;display:inline;margin: 280px 0em 1em 30px;padding: 0 1.5em 0 0;}


#homeContentWrap {margin-right:0;}
#quick-links img {clear:none !important;display:block !important;float:none !important;margin:0 !important;}

			#content {
				
				padding-left: 15px;
				padding-right: 25px;
				margin:0px 0 10px 0px;
				}
