/* Friends of Kings Park */
* {
	margin:0;
	padding:0;
}
img { border:none; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	background: #fff url(../i/side.png) no-repeat;
}
a { font-weight:bold; color:#085; text-decoration:none;}
a:hover {text-decoration:underline;}

body.front { background: #fff url(../i/bg_circles.png) no-repeat; }
#KPlogo {
	position: absolute;
	top: 474px;
	left: 50%;
	margin-left: -70px;
	z-index: 3;
}
#KPlogo a {
	display: block;
	height: 69px;
	width: 140px;
	background-image: url(../i/KP-logo.png);
}
h1#header {
	font: bold 3em "Trebuchet MS", sans-serif;
	color: #087648;
	text-align: center;
	z-index: 3;
	/*margin: 0 auto;*/
	position:absolute;
	width:233px;
	left:70px;
	top:35px;
}
#header span {
	display:block;
	margin: 0 auto 30px;
	background:url(../i/fokp-logo.png) no-repeat;
	width:233px;
	height:124px;
	text-indent:-9999px;
}
#bubble1 {
	position: absolute;
	background: url(../i/bubble1/orchid-exul.png) no-repeat 148px 160px;
	left: 10%;
	margin-left: -150px;
	top: 170px;
	z-index: 1;
}
#bubble1 div {
	width: 470px;
	height: 470px;
	background: url(../i/devka-ring.png);
	position:relative;
	z-index:8;
}
#bubble1 img {
	display:block;
	position:absolute;
	left:148px;
	top:160px;
	opacity:0;
	filter: Alpha(Opacity=0);
	z-index:5
}
#bubble2 {
	position: absolute;
	background: url(../i/bubble2/fraser1.png) no-repeat 24px 24px;
	left: 36%;
	margin-left: -90px;
	top: 334px;
	z-index: 2;
}
#bubble2 div {
	width: 180px;
	height: 180px;
	background: url(../i/ded-ring.png);
	position:relative;
	z-index:9;
}
#bubble2 img {
	display:block;
	position:absolute;
	left:24px;
	top:24px;
	opacity:0;
	filter: Alpha(Opacity=0);
	z-index:5
}
#bubble3 {
	position: absolute;
	background: url(../i/bubble3/orchid-2.png) no-repeat 20px 20px;
	left: 51%;
	margin-left: -80px;
	top: 296px;
	z-index: 1;
}
#bubble3 div {
	width: 160px;
	height: 160px;
	background: url(../i/orchid-ring.png);
	position:relative;
	z-index:8;
}
#bubble3 img {
	display:block;
	position:absolute;
	left:20px;
	top:20px;
	opacity:0;
	filter: Alpha(Opacity=0);
	z-index:5
}

#bubble4 {
	position: absolute;
	background: url(../i/bubble4/frogmouth.png) no-repeat 36px 36px;
	/*left: 60%;*/
	right: 30%;
	margin-right: -90px;
	top: 318px;
	z-index: 2;
}
#bubble4 div {
	width: 180px;
	height: 180px;
	background: url(../i/gum-ring.png);
}
#bubble5 {
	position: absolute;
	background: url(../i/bubble5/noname.png) no-repeat 23px 23px;
	left: 97%;
	top: 295px;
	margin-left: -158px;
	z-index: 1;
}
#bubble5 img {
	display:block;
	position:absolute;
	left:23px;
	top:23px;
	opacity:0;
	filter: Alpha(Opacity=0);
	z-index:2
}
#bubble5 div {
	width: 158px;
	height: 158px;
	background: url(../i/boroda-ring.png);
	position:relative;
	z-index:3;
}
#bubble6 {
	position: absolute;
	left: 51%;
	top: 370px;
	z-index: 0;
	width: 335px;
	height: 334px;
	background: url(../i/donut.png);
}
div { background-repeat: no-repeat;}
#nav {
	padding: 60px 0 0 180px;
	background: url(../i/top.png) no-repeat;
}
.front #nav {
	position:absolute;
	top: 235px;
	left: 0;
	width: 100%;
	z-index: 4;
	text-align: center;
	background: url(../i/bg-ccb.png);
	padding:0;
}
.front .flexcontentnews {
	position:absolute;
	top:35px;
	right:35px;
	background:url(../i/bg_circles.jpg) no-repeat fixed 0 35px;
	border:solid 1px #dbecdb;
	height:140px;
	width:250px;
	padding:10px;
}
.front h2 { font:bold 1.3em "Trebuchet MS", sans-serif; padding:0 0 5px; border-bottom:solid 1px #dbecdb;}
.front h3 { font-size:1.1em; padding:3px 0;}
.front #eventz {
	position:absolute;
	top:35px;
	right:340px;
	background:url(../i/bg_circles.jpg) no-repeat fixed 0 35px;
	border:solid 1px #dbecdb;
	height:140px;
	width:250px;
	padding:10px;
}
.front #eventz ul {list-style:none;}
.front #eventz ul.ownl li {margin:.5em 0;}
.front #eventz ul.ownl ul ul,
.front #eventz ul.ownl li li {display:inline; margin:0;}

#footer {margin:15px 0 0 200px; color:#676; line-height:2}
.front #footer {margin:600px 15px 0;text-align:center; position:relative; z-index:1;}
#footer ul {list-style:none;}
#footer li {float:left; margin:10px 35px 10px 0;}
#footer li a {
	display:block;
	width:130px;
	height:58px;
	text-indent:-9999px;
}
#footer .lotterywest {background-image:url(../i/lotterywest.png);}
#footer .riotinto {background-image:url(../i/riotinto.png);}
#footer .watercorp {background-image:url(../i/watercorp.png);}
.front #footer ul {margin:0 auto; width:495px; padding-left:35px;}
/* ------------------------ navigation */
#mainlevelnav {
	list-style: none;
	font: bold 1.4em/25px Calibri, "Lucida Sans", "Lucida Grande", sans-serif;
}
#mainlevelnav li {
	display: inline;
	margin: 0 .5em;
	position:relative;
}
#mainlevelnav a {
	white-space:nowrap;
	color: #085;
	text-decoration:none;
}
#mainlevelnav a:hover { text-decoration: underline;}
#mainlevelnav a.mainlevel_activenav,
#mainlevelnav a.mainlevel_currentnav,
#mainlevelnav a.sublevel_currentnav { color:#b32; font-size:1.1em;}
#mainlevelnav li ul {
	position:absolute;
	top:21px;
	left:0;
	background-color: #eed;
	list-style: none;
	visibility:hidden;
	font-size: 1em;
	
}
.front #mainlevelnav li ul {
	top:25px;
	left:0;
}
.front #mainlevelnav li li {text-align:left;}

#mainlevelnav li li {line-height:normal; display:block;}
#mainlevelnav li li a { line-height:25px;/*padding: .2em .5em;*/ }

#left {
	position: absolute;
	left: 0;
	top: 192px;
	width: 180px;
	height: 330px;
	padding-top: 3px;
	background: url(../i/side/side-star.png) no-repeat;
	text-align: center;
}
#left img {
	display:block;
	position:absolute;
	left:0;
	top:94px;
	opacity:0;
	filter: Alpha(Opacity=0);
	z-index:5
}
#left ul,
#left li { list-style: none; }
#left li a {
	color: #085;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 21px;
	text-transform: uppercase;
	text-decoration:none;
}
#main {
	padding: 15px;
	margin-left: 180px;
	font-size: 1.2em;
	max-width:700px;
}
#temp {
	position:absolute;
	top: 170px;
	left: 0;
	width: 100%;
	z-index: 4;
	background: url(../i/bg-ccb.png);
}
#temp dl { margin: 10px 15%; }
#temp h3 { text-align:center; }
#temp dt { font-weight: bold; }

/*============= typography =============*/
#main {
	color:#222;
	font-size:1.2em;
}
#main h2,
.componentheading {
	font-size: 1.8em;
	color: #bf2e1a;
	margin: 12px 0;
}
.contentheading {
	font-size: 1.2em;
	font-weight:bold;
	color: #028255;
	margin: 12px 0;
}
#main a.contentpagetitle { font-size:12px;color:#494949; font-weight:bold;}
.createdate { font-size:.8em; color: #959595;}
th.sectiontableheader,
#main h3 {
	font-size:1em;
	color:#494949;
	margin:1em 0;
	
}
#main p { margin:1em 0; }
#main ul, #main ol {margin:1em 0;}
#main ul li, 
#main ol li {margin-left:2em;}
#main .contentpaneopen table { border-collapse:collapse; width:auto !important;}
#main .contentpaneopen table td, #main .contentpaneopen table th { padding:4px; border:1px solid #666;}
#main .contentpaneopen table.noborder td, #main .contentpaneopen table.noborder th {border: none;}
#main .contentpaneopen table.centered td, #main .contentpaneopen table.centered th { text-align:center; vertical-align:middle; padding:1em;}

#dbview thead th { white-space:normal; }
#dbview p.plantsale { margin:-4px; padding:14px 4px;}
#dbview span.rare1 {color:#F00;}
#dbview span.rare2 {color:#0F0;}