@import url("http://www.fatbeehive.com.au/beekeeper2/reset.css");
@import url("type.css");

body, body#index {
	margin: 0;
	padding: 0;
	background: #fff url('/images/page_bgd.png') top left repeat-x;
}

a#skip {
	position: absolute;
	left: -9999px;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.imageleft {
float: left;
margin: 0 10px 10px 0px;
}

.imageright {
float: right;
margin: 0 5px 10px 10px;
}

#wrapper {
	width: 801px;
	margin: 0 auto;
}

/** header **/

#header {
	width: 801px;
	height: 136px;
	position: relative;
	background: url('/images/header_bgd.png') top left no-repeat;
	float: left;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#logo a {
	display: block;
	width: 400px;
	height: 0px;
	padding-top: 98px;
	overflow: hidden;
}

/*** search box ***/

#search {
	position: absolute;
	top: 31px;
	right: 0px; 
	width:156px; 
	float: right; 
	padding: 0; 
}
#search label { margin: 0; padding: 0; }
#searchbox {
	background: url('/images/searchbox_bgd.jpg') no-repeat top left;
	border:none;
	margin: 5px 0 8px 0;
	padding:0 0 0 10px;
	/*width:143px;*/
	height: 24px;
	vertical-align:middle;
	float: left;
	width: 130px;
}
#searchbutton {
	border: 0px solid;
	cursor:pointer;
   float: right;
   margin-right: 16px;
}

#searchResults dl { margin: 10px 0 20px 0px; }
#searchResults dl dt, #searchResults dl dd { margin-left: 0px; }
#searchResults .info { font-size: 0.8em; color: #666; text-decoration: none; font-weight: normal; }
/** end search box **/

/** top nav **/

ul#topnav {
	position: absolute;
	bottom: 0px;
	left: 10px;
	margin: 0;
	padding: 0;
	height: 30px;
}
ul#topnav li {
	float: left;
	list-style: none;
	position:relative;
}
ul#topnav li a {
	display: block;
	height: 0px;
	padding-top: 30px;
	overflow: hidden;
}
ul#topnav li#navhome, ul#topnav li#navhome ul { width: 67px; }
ul#topnav li#navthebay, ul#topnav li#navthebay ul { width: 87px; }
ul#topnav li#navthreats, ul#topnav li#navthreats ul { width: 76px; }
ul#topnav li#navtheproject, ul#topnav li#navtheproject ul { width: 86px; }

/**** dropdowns ****/

#topnav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	/*background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */*/
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	margin: 0;
	padding: 25px 0 0 0;
	z-index: 10;
}
#topnav ul li{
	border-top:1px solid #fff; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
ul#topnav li ul li a{
	 /*white-space:nowrap; Stop text wrapping and creating multi-line dropdown items */
	height: auto;
	padding: 8px 10px;
	background:rgba(255,255,255,0.6)
}
ul#topnav li ul li a:hover { background:rgba(1,161,133,0.6) }
#topnav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}

/**** dropdowns ****/

/** top nav **/

/** sec nav **/

ul#secnav {
	position: absolute;
	bottom: 0px;
	left: 398px;
	margin: 0;
	padding: 0;
}
ul#secnav li {
	float: left;
	list-style: none;
}
ul#secnav li a {
	float: left;
	height: 0px;
	padding-top: 30px;
	overflow: hidden;
}
ul#secnav li#secnews a { width: 74px; }
ul#secnav li#seccontactus a { width: 93px; }
ul#secnav li#secdonate a { width: 73px; }

/** sec nav **/

/** end header **/

#secrow {
	width: 801px;
	float: left;
	background: url('/images/turtle_bgd.gif') 100% 98% no-repeat;
}
#contentwrapper {
	width: 617px;
	float: left;
}
#rightcol {
	width: 159px;
	float: right;
	margin-top: 42px;
}
#content input {
	padding-left: 5px;
}

/** homepage **/

#promopic {
	width: 617px;
	position: relative;
	height: 0px;
	padding-top: 470px;
	overflow: hidden;
	margin-top: 25px;
	background: url('/images/hp_promopic.jpg') top left no-repeat;
}
#promodonatebu {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0;
	margin: 0;
}
#promodonatebu a {
	display: block;
	width: 131px;
	height: 0px;
	padding-top: 30px;
	overflow: hidden;	
}
body#index #content {
	float: left;
	width: 617px;
	margin-top: 0px;
}
#content {
	float: right;
	width: 408px;
	margin-top: 25px;
}
#subnav {
	width: 167px;
	float: left;
	margin: 25px 0 0 0;
	padding: 17px 13px 9px 13px;
	background: #E5F3F1 url('/images/dugong_bgd.gif') bottom right no-repeat;
}
body#index #subnav {
	margin-top: 12px;
}
#subnav li {
	list-style: none;
	margin-bottom: 8px;
	padding-left: 19px;
	background: url('/images/plus_bu.png') 0px 2px no-repeat;
}
#subnav li ul {
	margin: 0;
	padding: 8px 0;
}
#subnav li ul li {
	background-image: none;
	padding-left: 0;
}
#hptext {
	width: 408px;
	float: right;
	margin-top: 32px;
}

/** end homepage **/

/** right col **/

#marinecon {
	margin-left: 41px;
}
p#donatebu a {
	display: block;
	width: 145px;
	height: 0px;
	padding-top: 29px;
	background: url('/images/donate_bu.gif') top left no-repeat;
	overflow: hidden;
	/*margin-top: 54px;*/
	margin-bottom: 13px;
}
.partnerlogos {
	margin-left: 7px;
	margin-bottom: 10px;
}
.wildguidetext {
	margin-left: 12px;
	margin-right: 2px;
	margin-bottom: 10px;
}

.wildguidetext a{
	color: #333;
	text-decoration:none;
	font-size:1.2em;
}

.wildguidetext a:hover{
	text-decoration:underline;
}
#uqlogo {
	margin-right: 26px;
}
#wildmoblogo {
	margin-right: 14px;
}

/** end right col **/

/** sticky footer **/

html, body {height: 100%;}

#wrapper {min-height: 100%;}

#secrow {
	float: left;
	overflow:auto;
	padding-bottom: 61px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 61px;
	clear:both;
	float: left;
	background: url('/images/footer_bgd.png') bottom center repeat-x;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
	}

/** end sticky footer **/
/** footer **/
#footer {
	width: 100%;
}
#footerwrapper {
	width: 801px;
	margin: 0 auto;
}
#footerleft {
	width: 617px;
	float: left;
}
#footerright {
	width: 159px;
	float: right;
}