body    {
	background: #ffffcc;
        background-image: url(images/logo.png);
        background-repeat: no-repeat;
        background-position: 20px 16px;
        font-family: Arial, Helvetica, sans-serif, georgia;
        font-size: 70%;
        padding: 5px 5px 20px;
	margin: 0px;
        }

#front  {
	background: #ffffcc;
        background-image: url(images/leaves.png);
        background-repeat: no-repeat;
        background-position: 400px 16px;
        }
a:link  {
        color: #006600;
        }

a:hover {
	background: #ffffff;
	color: #000000;
        }

a:visited {
	color: #006600;
        }

a img   {
	border: none;
        }

.q      {
        font-size: 120%;
        text-align: justify;
        margin-right: 200px;
        margin-left: 40px;
        }
.c      {
        font-size: 80%;
        text-align: justify;
        }

.t      {
        margin-right: 10px;
        margin-left: 40px;
        text-align: justify;
        }

.m      {
        font-size: 120%;
        text-align: justify;
        margin-right: 10px;
        margin-left: 40px;
        }

.n      {
        font-size: 140%;
        text-align: justify;
        margin-right: 10px;
        }

blockquote {
	font-size: 8pt;
        text-align: justify;
        }

.B      {
        font-size: 32pt;
        color: #ffff99;
        position: absolute;
        top:10px;
        left: 120px;
        z-index:25;
        }

.F      {
        font-size: 32pt;
        color: #669933;
        position: absolute;
        top:60px;
        left: 170px;
        z-index:25;
        }

.B2     {
        font-size: 32pt;
        color: #000000;
        position: absolute;
        top:12px;
        left: 125px;
        z-index:20;
        }

.F2     {
        font-size: 32pt;
        color: #000000;
        position: absolute;
        top:62px;
        left: 175px;
        z-index:20;
        }

.z      {
        color: #000000;
        position: absolute;
        top:138px;
        left: 200px;
        z-index:20;
        }

.subs   {
	font-size: 140%;
	padding-left:150px;
	}

p       {
        text-align: justify;
        }

h1      {
	font-size: 280%;
	margin: 0em;
        }

h2      {
	font-size: 180%;
        }

h3      {
	font-size: 140%;
        }

h4      {
	font-size: 100%;
        }

h5      {
	font-size: 100%;
        }

h6      {
	font-size: 80%;
        }

hr      {
	height: 1px;
	border-top: 1px solid #ffff66;
	border-bottom: none;
	margin-bottom: 10px;
        }

#header {
        margin-left:22%;
        background: #ffff99;
	height: 120px;
        }

#middle {
        width: 100%;
	background: #ffff66;
        padding-top: 2px;
        }

#text   {
        padding-top: 5px;
        padding-left:200px;
        }

#text1  {
        padding-top: 5px;
        padding-left:150px;
        }
#text2  {
        padding-top: 5px;
        padding-left:150px;
        padding-right:110px;
        }
.title  {
	color: #000000;
	font-size: 180%;
        }
#middleInfo {
        width: 100%;
        background-image: url(images/frog.png);
        background-repeat: no-repeat;
        background-position: 0% 85%;
        }
#middleSfauna {
        width: 100%;
        background-image: url(images/batWing.png);
        background-repeat: no-repeat;
        background-position: 100% 15%;
        }
#middleFlora {
        width: 100%;
        background-image: url(images/leaves.png);
        background-repeat: no-repeat;
        background-position: 100% 10%;
        }
#middleBird {
        width: 100%;
        background-image: url(images/treeCreeper.png);
        background-repeat: no-repeat;
        background-position: 100% 10%;
        }
#middlefauna {
        width: 100%;
        background-image: url(images/sugarGlider.png);
        background-repeat: no-repeat;
        background-position: 100% 10%;
        }
#middleWhere {
        width: 100%;
        background-image: url(images/cent.png);
        background-repeat: no-repeat;
        background-position: 100% 0%;
        }
#middleCont {
        width: 100%;
        }

#mainmenu {
	background: #ffff99;
	width: 170px;
	float: left;
	border-right: 2px solid #006600;
        }

#mainmenu ul {
	list-style-type: none;
	width: 170px;
	margin: 0px;
	padding: 0px;
        }

#mainmenu ul li {
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #006600;
        }

#mainmenu ul li a {
        color: #006600;
	font-size: 115%;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 0.85em 15px;
        }

#mainmenu ul li a:hover {
	background: #ffff66;
	color: #000000 !important;
        }

#colContent {
        background: #ffff77 ;
	float: right;
	width: 78%;
	min-height: 100px;
        }

.colHalfL, .colHalfR {
	width: 42%;
        }

.colHalfL {
	float: left;
	padding-left:20px;
	padding-top: 20px;
        padding-bottom: 20px;
        }

.colHalfR {
	float: right;
	padding-left:20px;
	padding-top: 20px;
        padding-bottom: 20px;
        }

#head {
	width: 100%;
	height: 15px;
	font-size: 9px;
	font-family: Verdana;
	text-align: right;
 	background: #ffffcc;
	padding-top: 1px;
	}

#footer {
	float: right;
        padding-top: 20px;
        width: 100%;
	height: 15px;
	font-size: 9px;
	font-family: Verdana;
	text-align: center;
	background: #ffffcc;
	}

.hide   {
	display: none;
        }

