/*	GENERAL STYLES	*/
html
{
	margin: 0;
	padding: 0;
	background: #dcf4ff url(/images/layout/sky.jpg) repeat-x top right;
}

body
{
	margin: 0px;
	padding: 50px 0px 0px 0px;
	background: url(/images/layout/grass.gif) repeat-x bottom;
	font-family: verdana, arial, sans-serif;
	font-size: 62.5%;
}

#topper
{
	margin: 20px auto 0 auto;
	padding: 0;
	width: 760px;
	background: transparent url(/images/layout/page-topper.gif) no-repeat top left;
	z-index: 50;
}

#container
{
	position: relative;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background: #fff url(/images/layout/page-bg.gif) repeat-y top left;
	z-index: 50;
}

#balloons
{
	position: absolute;
	top: 150px;
	left: 0px;
	height: 500px;
	overflow: hidden;
	width: 100%;
	z-index: 5;
}

#offset
{
	margin: 0 0 0 -500px;
	padding: 0;
	width: 500px;
}

#innerContainer
{
	margin: 0px auto;
	padding: 0px;
	width: 740px;
	background: #fff url(/images/layout/page-bg.gif) no-repeat 0px 150px;
}


/*	HEADER STYLES	*/
#header
{
	display: block;
	margin: 0;
	padding: 0px 10px 10px 10px;
}


/*	 PAGE TITLE STYLES	*/

#pageTitle
{
	margin: 0px;
	padding: 0px;
}

#pageTitle img
{
	display: block;
	margin: 10px 0px 40px 300px;
	padding: 0px;
}


/*	NAVIGATION STYLES	*/



/*	CONTENT STYLES	*/

#content {float: left; margin: 0px 0px 0px 20px; padding: 0px; width: 580px;}

.contentArea {margin: 0 0 2em 0; padding: 0; background: #fff url(/images/layout/contentBoxBg.gif) no-repeat top left;}
.contentAreaBottom {margin: 0; padding: 0; background: transparent url(/images/layout/contentBoxBottom.gif) no-repeat bottom left;}

#content h1 {margin: 0; padding: 0; font-size: 2.8em; font-family: georgia, serif; color: #6e4800;}
#content h1 img {float: left; margin: 0; padding: 0; border: 0;}
#content h2 {margin: 0; padding: 2em 1em 1em 1em; font-size: 1.5em; font-family: arial, sans-serif; color: #6e4800;}
#content h3 {margin: 0; padding: 0 1em 1em 1em; font-size: 1.2em; font-family: arial, sans-serif; color: #eb8500;}

#content p {margin: 0px; padding: 1em 1em 0 1em; font-size: 1.2em; color: #666; text-align: justify;}
#content p a {color: #ffa800; font-weight: bold; text-decoration: none;}
#content p a:hover {text-decoration: underline;}

#content p.quoteRef {margin: 0; padding: 0;text-align: right; color: #ffa800; font-weight: bold;}

#address {margin: 0; padding: 1em 5em 0 5em; border-top: 5px solid #666; font-size: 1.2em; font-weight: bold; text-align: center;}

#content ul, #content ol {color: #666; font-weight: bold; font-size: 1.2em; margin-bottom: 2.5em;}
#content ul.smiley li {list-style-image: url(/images/layout/smiley.gif); line-height: 1.2em; vertical-align: middle;padding-bottom: 10px;}

.pictureBox {position: relative; top: 0px; margin: 10px;}
.left {float: left;}
.right {float: right;}
.pictureBox img {margin: 0; padding: 0;}

.frameTL {z-index: 50; display: block; position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; background: transparent url(/images/layout/frame-tl.gif) no-repeat top left;}
.frameBR {z-index: 50; display: block; position: absolute; bottom: 0px; right: 0px; margin: 0; padding: 0; background: transparent url(/images/layout/frame-br.gif) no-repeat bottom right;}
.frameTR {z-index: 50; display: block; position: absolute; top: 0px; right: 0px; margin: 0; padding: 0; background: transparent url(/images/layout/frame-tr.gif) no-repeat top right;}
.frameBL {z-index: 50; display: block; position: absolute; bottom: 0px; left: 0px; margin: 0; padding: 0; background: transparent url(/images/layout/frame-bl.gif) no-repeat bottom left;}

.pictureBox img.animal {position: absolute; margin: 0; padding: 0px; border: 0; z-index: 100;}



/*	INTRO PAGE STYLES	*/
#introTop {position: relative; margin: 50px auto 0 auto; padding: 0; width: 760px; background: transparent url(/images/layout/page-topper.gif) no-repeat top left; z-index: 50;}

#introContainer {position: relative; top: 0px; margin: 0 auto; padding: 0; width: 760px; background: #fff url(/images/layout/page-bg.gif) repeat-y top left; z-index: 50;}

#introBottom {position: relative; margin: 0 auto 0 auto; padding: 0px 0px 130px 0px; width: 760px; background: transparent url(/images/layout/page-bottom.gif) no-repeat top left; z-index: 50;}

#introContainer h1 {text-align: center; color: #ffa800; font-weight: bold; font-size: 2.5em;}

#introContainer p {margin: 0; padding: 5px 50px 5px 50px; color: #666; font-size: 1.2em;}
#introContainer p.clear {margin: 0; padding: 0; clear: both;}

#introContainer p a {color: #ffa800; font-weight: bold; text-decoration: none; font-size: 1.2em;}
#introContainer p a:hover {text-decoration: underline;}