﻿/*********************
	TEXT STYLES
**********************/
body {
	margin:0;
	padding:0;
	font:small Arial, Helvetica, Sans-serif;
	background-color:#F2F0E4;
	color:#000;
	text-align:center;
}
body#home-layout{
	background-color:#FFF;
	color:#000;
}
#container{
	font-size:100%;
	background:#fff url(../images/gfx/nav-bg.jpg) repeat-y left 90px;
	color:#555;
}
#home-layout #container{
	background-image:none;
}
#main{
	line-height:1.5;
}
#sidecontent{
	line-height:1.5;

}
p, ul, ol, blockquote, form{
	margin-bottom:1.5em;
}
q { 
	quotes: '"' '"';
	font-style:italic;
}
q:before,q:after{
   content:'"';
   font-style:oblique;
}
ul{
	list-style-type:disc;
}
ol{
	list-style-type:decimal;
}
li{margin-left:2em;}
a img {border: none; }
a:link, a:visited {
	color: #9E823E;
	text-decoration: underline;
}
a:hover {
	color: #9E823E;
	text-decoration: none;
} 
h1 {
	font-size: 180%;
	color: #bdae65;
}
h2 {
   font-size:160%;
   color: #bdae65;
   font-weight:normal;
   margin-bottom:1.5em;
   margin-top:0.3em;

}
h3{
	font-size:130%;
	font-weight:bold;
}
h4{
	font-size:100%;
	font-weight:bold;
}

#listMenuRoot{
	font-size:85%;
}
#teaser a:link, #teaser a:visited, #teaser a:hover{
	color:#05707d;
	text-decoration:none;
	font-weight:bold;
	font-size:115%;
	line-height:1;
}
#teaser a span{font-size:85%;}
.gold{
	color:#b7910f;
}
#feature strong{
	color:#05707d;
	padding:0 5px;
}
#feature a:link, #feature a:visited{
	text-decoration:none;
	color:#fff;
	font-size:80%;
	padding:0 5px;
}
#feature a:hover{text-decoration:underline;}

#newsticker{
	font-size:85%; 
	color:#878686;
}
#newsticker .category{margin:0;}
#newsticker a:link, #news a:visited{
	color:#b7910f;
	text-decoration:none;
}
#newsticker .headline{font-size:100%; font-weight:normal;}
#newsticker .summary{display:none;}
.newsitem{margin-bottom:5px;}
#footer, #footer a{
	text-decoration:none;
	color:#a0a0a0;
	background-color:#F2F0E4;
}
#home-layout #footer, #home-layout #footer a{
	text-decoration:none;
	color:#a0a0a0;
	background-color:#fff;
}
hr{clear:both;}
ul.skiplinks, .skiplinks {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
}

ul.skiplinks a:focus, ul.skiplinks a:active {
  position : absolute;
  top : 9010px;
  left : 9010px;
  background-color : #000; 
  color : #fff;
  padding : 5px;
  font-weight : bold;
  width : 6em;
  z-index : 9;
}
ul ul{list-style-type:circle}
/********************
	LAYOUT STYLES
********************/
html, body{
	height:100%;
}
#container{
	/*min-height:100%;*/
}
#container, #footer {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	max-width:962px;
	min-width:798px;
}
#main{
	width:100%;
	float: right;
	margin-left: -250px;
	position:relative;
	z-index:0;
}
#main #content{
	margin-left: 250px;
	margin-right:20px;
}
#sidecontent{
	width: 230px;
	float: left;
	position:relative;
	z-index:1;
}
#sidebar{
	margin:10px;
	border:1px solid #b0a854;
	padding:15px;
	background-color:#F2F0E4;
}
#sidebar h2{
	line-height:normal;
	margin-bottom:1em;
	color:#7D9774;
	font-size:130%;
}
#sidebar ul{
	list-style-postion:inside;
}
#sidebar li{
	margin-left:15px;
	padding-left:0;
}
#home-layout #main{float:none; margin:0; background-image:none;}/*reset the float and margin for the home layout main container*/
#breadcrumbs{
	font-size:90%;
	margin-top:0.5em;
}
#breadcrumbs, h2#signifier{
	margin-right:165px;
}
#masthead{
	background:url(../images/gfx/menu_bg.gif) repeat-x top;
	width:100%;
	position:relative;
	z-index:1;
}
h1#logo{float:left;}
#listMenuRoot{
	margin-right:150px;
	margin-left:237px;
}
#map{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
ul#action-container{
	width:100%;
	overflow:hidden;
	background:#FAFAFA url(../images/gfx/action-right-bg.gif) no-repeat top right;
}
ul#action-container #left{
	float: left;
width: 30%;
}
ul#action-container #middle{
	float: left;
width: 30%;
}
ul#action-container li#right{
	float: left;
width: 37%;
}
ul#action-container li{/*all actions left edge*/
	background:url(../images/gfx/action-middle-bg.gif) no-repeat left top;
	list-style-type:none;
	margin-left:0;
}
ul#action-container li#left{/*left action left edge*/
	background:url(../images/gfx/action-left-bg.gif) no-repeat left top;
}

ul#action-container .inner{
	background:#E0E0E0 url(../images/gfx/tl.gif) no-repeat left top;/*top left round corner*/
	margin:20px 10px 20px 30px;
}

ul#action-container #left .inner{
	margin:20px 10px 20px 20px;
}
ul#action-container #right .inner{
	margin-right:0;
}
.action{padding:0 10px 0 15px;}
/*round corners*/
.corner{
	position:relative;
	height:15px;
	width:100%;
}
.top{background:url(../images/gfx/tr.gif) no-repeat right top;}
.bottom{background:url(../images/gfx/br.gif) no-repeat right bottom;}
.bottom img{
	position:absolute;
	left:0;
	top:0;
}

#feature{
	background-color:#ADADAD;
	color:#fff;
	width:143px;
	float:left;
}
#newsticker{
	/*float:right;
	width:48%;*/
}
ul#action-container #newsticker li{
	background:none;
}
.clear{margin:0; padding:0; clear:both; height:0;}
.clears{clear:both}
#footer {
	font-size: 80%;
	padding-top:8px;
	border-top:1px solid #eaeaea;
	clear:both;
}
#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#footer li{
	float:left;
	padding:0 10px;
	border-left:1px solid #a0a0a0;
	margin:0;
}
#footer li#credits{
	float:right;
	padding:0;
	border:none;
}
#footer li#copyright{
	border-left:none;
	padding-left:0;
}
.snap-shot{
	background-color:#f5f7f1;
	color:#555;
	border:1px solid #cdcecb;
	padding:10px;
	width:100%;
	overflow:auto;
	margin-bottom:1.5em;
}
dl{float:left; width:200px; margin-bottom:1em; margin:0 20px 20px 0;}
dt{font-weight:bold; border-bottom:1px dotted #555;}
.snap-shot img{float:left; border:10px solid #fff; margin-right:10px; width:200px; height:200px;}
.left-photo,.right-photo{padding:10px; border:1px solid #cdcecb; font-style:italic;}
.left-photo{float:left; margin:0 20px 0px 0;}
.right-photo{float:right; margin:0 0 20px 20px;}
.video{
	background-color: rgb(250, 250, 250);
	z-index:0;position:relative;
	overflow:hidden;width:96%;font-style:normal
}

.video .object{float:left}
.video .desc{
	float:right;
	width:200px;	
	padding-right:0.7em;
	border-left:0 none;
	padding-left:-1px;
	z-index:10;position:relative;
	font-style:normal;margin:0.5em 0 -0.9em;
}
textarea.copy-code{
	width:100%;
	height:100px;
}
/*Gallery*/
ul.gallery{list-style-type:none;}
ul.gallery li{float:left; width:250px; margin:0 20px 20px 0;}
/***********************

	NEWS LANDING

************************/
table.newsItems{width:100%;}
table.newsItems td{padding:0.5em; border:1px solid #7C9472; line-height:1.5;}
table.newsItems td.date{width:5%; background-color:#E2DDC0;}
h3.month{background-color:#809876; color:#fff;  margin:2em -1px 0 -1px; padding:0.5em; font-size:100%;}
/*********************
	LOGO STYLES
*********************/
h1#logo a:link, h1#logo a:visited, h1#logo a:hover{
	height:72px;
	width:230px;
	margin:0;
	padding:0;
	line-height:0px;
	display:block;
}
h1#logo{
	height:72px;
	width:230px;
	margin:0; 
	padding:0;
	line-height:72px;
	text-indent : -9999px;
	text-decoration:none;
	background:url(../images/gfx/logo.gif) no-repeat;
	display : block; 
}
/*********************
	EDUKA FORM LAYOUT
**********************/
fieldset { margin-bottom: 10px; border:none; padding:0;}

.edukaform legend {
	padding: 0 2px;
	font-weight: bold;
}	
.edukaform label 
{
	float:left;
	vertical-align: top;
}	
.edukaform fieldset ol {
	margin: 0;
	padding: 0;
	}	
.edukaform fieldset li {
	list-style: none;
	margin: 0 0 5px 0;
	overflow:hidden;
	}
.edukaform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}	
.edukaform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
.edukaform fieldset fieldset label {
	display: block;
	width: auto;
	}
.edukaform em { /*required field asterix*/
	font-weight: bold;
	font-style: normal;
	color:red;
	}
.edukaform label { width: 45%;} /* Width of labels */
.edukaform fieldset fieldset label { margin-left: 45%; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
.edukaform .checkbox input, .edukaform .radio input{
	float:left;
}
.edukaform .checkbox label, .edukaform .radio label{
	width:auto;
	float:left;
}
.edukaform .radio label{
	margin-right:50px;
}
.edukaform .checkbox{
	float:left;
}
.edukaform span.error, .edukaform .button{
	margin-left:45%;
}
/******************
	FORM STYLES
******************/
.textbox, .textarea, .select{
	width:50%;
	font:100% Arial, Helvetica, sans-serif;
}
/******************
	ALERT STYLES
******************/
.warning{/*styles the warning messages*/
	background-color:#FFF4AD;
	padding:5px 5px 5px 50px;
	clear:both;
	margin-bottom:10px;
	background-image:url(../images/gfx/warning.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #DAB100;
	min-height:30px;
	color:red;
}

.failure{/*styles the failure messages*/
    background-color:#E84F4F;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#fff;
	margin-bottom:10px;
	background-image:url(../images/gfx/failure.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #BF1212;
	min-height:30px;
}

.success{ /*styles the success messages*/
	background-color:#B5FFAD;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#000;
	margin-bottom:10px;
	background-image:url(../images/gfx/success.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #53AA4A;
	min-height:30px;
}
/******************
EMPLOYMENT TABLES
******************/
table td, table tr{border:0;}
table{border-bottom:1px solid #333; margin-bottom:1.5em;}
table p{margin-bottom:0;}
/******************
SANCTUARY TABLE STYLES
******************/

table.sanctuary-tab{
	border-collapse:separate;
	width:100%;
	border-spacing:0.2em;
	text-align:center;
	clear:both;
}
table.sanctuary-tab td ,table.sanctuary-tab th{
	border:1px solid #999;
	padding:0.2em
}
table.sanctuary-tab th{text-align:left}
/******************
SANCTUARY WILDLIFE SPECIES STYLES
******************/

table.wildlife{
	border-collapse:separate;
	border-spacing:0.2em;
	width:40em;
	border:1px solid #999;
	font-family:arial;
	font-size:small;
	margin:0.5em 0
}
table.wildlife th{background-color:#efefef;text-align:center}
table.wildlife .family-name{
	background-color:#BDAE65;
	font-size:110%;				
}
table.wildlife td,table.wildlife th{padding:0.5em 0.5em;width:50%}
table.wildlife td{border:1px solid #ccc;}
table.wildlife td.small-text{background-color:#F5F7F1}
table.wildlife td.blank{background-color:#Fff}

/******************
GIFT AND BUYER STYLES
******************/
.box
{
	width:220px;	
	float:left;
	margin-left:10px;
	text-align:left; 
	line-height:1;
}

.giftpack    
{
	position:relative;
	z-index:100;
	text-align:center;
	background:#f3f1e6;
	padding-bottom:1em;
}

.giftpack .donate-btn, .giftpack .heading
{
	font-size:16px;
	font-weight:bold;
	height:50px;
	
}
.giftpack .heading{
	background: url(../images/gfx/ribbon.png) no-repeat -7px -5px;
	padding-right:0.2em;
	padding-left:3em;
	padding-top:1em;
	font-size:100%;
	line-height:1.2;
	color:#fff;
}
.giftpack .blue{
	background-color:#29708d; 	
}		

.giftpack .green{
	background-color:#00CCCC;
}

.giftpack .orange{
	background-color:#c86e27;
}
.giftpack .purple{
	background-color:#692668;
}
.giftpack img{
	width:154px;
	height:164px;
}
.packbody
{
	margin-top:20px;
}
.packbody span{
	color:#9e823e;
	font-weight:normal;		
}        
.packbody a.donate-btn
{
	text-decoration:none;
	background-image:url(../images/gfx/donate-btn.png);
	background-repeat:no-repeat;
	background-position:center center;  
	display:block;		
	width:92px;
	height:26px;
	margin:0 auto;
	padding-top:7px;
}  

.packbody a.donate-btn:link,.packbody a.donate-btn:visited
{
	color:#fff;
	font-weight:normal
}	
.packbody a.donate-btn:hover{
	font-weight:bold;
}		
.packdescription
{
	padding-top:1em;
	height:100px;
	overflow:auto;
	margin-bottom:1em;
}
.packdescription span{
	/*color:#0e0c0c;*/
	line-height:1.2;
}
.packPrice
{
	font-weight:bold;
	font-size:22px;	
}
.gift{
	overflow:hidden;
}
.gift .edukaform{
	width:62%;
	float:left;
	margin-right:2em;
}
.gift .edukaform fieldset{	
	border:1px solid #ccc;
	padding:0.5em 0.4em 0.5em 1em;
}
.gift .edukaform .checkbox label{width:380px;}
.gift .edukaform #PackageDetails1_txtPriceMore{width:60px; float:none;}
.gift .edukaform span.radio{display:block; overflow:hidden; width:auto;}
.gift .edukaform .radio label{margin:0;}
.gift .box{
	margin-top:1em;
	float:right;
}
.gift .edukaform .button{
	margin:0;
	padding:0;
}
.optus-support{
    clear:both;
	margin-top:1em;
	padding-top:1em;
	border-top:2px solid #ddd;
	text-align:right;
	color:#0e0c0c;
}

/* Iconize 0.5 */

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/gfx//icon_doc.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/gfx//icon_pdf.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/gfx//icon_archive.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/gfx//icon_mailto.gif) no-repeat center right;
}

/* new window */
a[target ^="_blank"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/gfx//icon_newwindow.gif) no-repeat bottom right;
}


a.helplink:link, a.helplink:visited, a.helplink:hover, a[target ^="_blank"].helplink{
	background:url(../images/gfx/help.gif) no-repeat;
	width:12px;
	height:13px;
	display:inline-block;
}
/*Kalamurina Cycle*/
#kalaCycle{
	overflow:hidden;
	height:460px;
	width:692px;
}
#sidecontent img{
	margin-left:15px;
}
