body 
{
	background-image: url(../images/background.gif);
	background-repeat:repeat-x;
	background-color: #88b570;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;	
	margin: 0px;
	padding: 0px;
	text-align: center;
}


img 
{
	border: 0x;
}

hr
{
	height: 0px;
	border-bottom: 1px dashed #d7d7d7;
	border-top: 0px;
	margin: 0px 0px 10px 0px;	
}

a:link, a:active
{
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

a:visited
{
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

a:hover
{
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}

h1
{
	color: #000;
	font-size:16px;
	margin: 0px 0px 15px 0px;
}

h2
{
	color: #000;
	font-size:14px;
	margin: 0px 0px 10px 0px;
}

h3, h4, h5, h6
{
	color: #000;
	font-size:12px;
	margin: 0px 0px 10px 0px;
}

form
{
	margin: 0px;
	padding: 0px; 
}

input, select, textarea
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

table
{
	border: 0px;
	padding: 0px;
}

/* Layout Creators */

div.wrapper
{
	background-image:url(../images/content_background.gif);
	background-repeat:repeat-y;
	margin: 0 auto;
	position:relative;
	text-align: left;
	width: 896px;	
}

div.header
{
	background-image:url(../images/header/header.jpg);
	background-repeat:no-repeat;
	height: 403px;
	position:relative;	
	width: 896px;
}

div.sidebar
{
	float: left;
	position:relative;	
	width: 200px;
}

div.logo
{
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	height: 64px;
	left: -5px;
	position:absolute;
	top: 205px;
	width: 171px;
}

div.head-newsletter
{
	background-image:url(../images/heading_newsletter.gif);
	background-repeat:no-repeat;
	height:46px;
	position:relative;	
	width:170px;
}

div.newsletter-wrapper
{
	left: 38px;
	width: 135px;
	position: absolute;
	top: 50px;
}

div.newsletter-wrapper input
{
	background-color: transparent;
	border: 1px solid #000;
}

div.content-wrapper
{
	float: left;
	position:relative;	
	width: 480px;
}

div.content
{
	padding: 25px 15px 15px 0px;
}

div.sidebar-images
{
	float: left;
	padding: 25px 0px 0px 0px;
	position:relative;	
	width: 190px;
}

div.footer-wrapper
{
	background-image:url(../images/footer/footer_background.gif);
	background-repeat: repeat-x;
	height: 101px;
	margin: 0px;
	padding: 0px;
	position:relative;
	text-align: center;
	width: 100%;	
}

div.footer
{
	background-image: url(../images/footer/footer.jpg);
	background-repeat: no-repeat;
	height: 101px;
	margin: 0 auto;
	position:relative;
	text-align: left;
	width: 896px;	
}

div.credit
{
	background-image: none;
	left: 545px;
	position:absolute;
	top: 65px;
	width: 143px;
	height: 32px;
}

div.credit a:link, div.credit a:active, div.credit a:visited, div.credit a:hover
{
	display: block;
	width: 143px;
	height: 35px;	
}


ul.navigation-ftr
{
	font-size: 11px;
	left: 200px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top: 20px;
	width: 460px;
}

ul.navigation-ftr li
{
	display: inline;
	margin: 0px 9px 0px 0px;
	list-style: none;
}

ul.navigation-ftr li a:link, ul.navigation-ftr li a:active, ul.navigation-ftr li a:visited
{
	color:#f9e655;
	font-weight: normal;
	text-decoration:none;
}

ul.navigation-ftr li a:hover
{
	color:#fff;
	font-weight: normal;
	text-decoration:none;
}

/* Top Navigation  Set 1 */

ul.nav-set-one
{
	background-image: url(../images/header/top_nav_1_off.gif);
	background-repeat:no-repeat;
	height:25px;
	margin: 0px;
	left: 397px;
	padding: 0px;
	position:absolute;
	top: 178px;
	width: 490px;
}

ul.nav-set-one li
{
	margin: 0px;
	padding: 0px;
	left: 0px;
	list-style: none;
    position: absolute; 
	top: 0px;
}

ul.nav-set-one li, ul.nav-set-one a 
{
	display: block;
	height: 25px;	
}

#summer-events
{
	left: 0px;
	width: 163px;
}

#visitor-centre
{
	left: 163px;
	width: 150px;
}

#courses
{
	left: 313px;
	width: 90px;
}

#gallery
{
	left: 403px;
	width: 88px;
}

#summer-events a:hover {
    background: transparent url(../images/header/top_nav_1_on.gif) 0px 0px no-repeat;
}

#visitor-centre a:hover {
    background: transparent url(../images/header/top_nav_1_on.gif) -163px 0px no-repeat;
}

#courses a:hover {
    background: transparent url(../images/header/top_nav_1_on.gif) -313px 0px no-repeat;
}

#gallery a:hover {
    background: transparent url(../images/header/top_nav_1_on.gif) -403px 0px no-repeat;
}


/* Top Navigation  Set 2 */

ul.nav-set-two
{
	background-image: url(../images/header/top_nav_2_off.gif);
	background-repeat:no-repeat;
	height:17px;
	margin: 0px;
	left: 190px;
	padding: 0px;
	position:absolute;
	top: 375px;
	width: 690px;
}

ul.nav-set-two li
{
	margin: 0px;
	padding: 0px;
	left: 0px;
	list-style: none;
    position: absolute; 
	top: 0px;
}

ul.nav-set-two li, ul.nav-set-two a 
{
	display: block;
	height: 17px;	
}

#home
{
	left: 0px;
	width: 53px;
}

#schools
{
	left: 53px;
	width: 123px;
}

#price
{
	left: 176px;
	width: 66px;
}

#rescue
{
	left: 241px;
	width: 66px;
}


#kids-edu
{
	left: 306px;
	width: 117px;
}


#film  
{
	left: 422px;
	width: 86px;
}


#bird-control
{
	left: 507px;
	width: 101px;
}


#contact
{
	left: 607px;
	width: 84px;
}

#home a:hover {
	background: url(../images/header/top_nav_2_on.gif) 0px 0px no-repeat;
}

#schools a:hover {
	background: url(../images/header/top_nav_2_on.gif) -53px 0px no-repeat;
}

#price a:hover {
	background: url(../images/header/top_nav_2_on.gif) -176px 0px no-repeat;
}

#rescue a:hover {
	background: url(../images/header/top_nav_2_on.gif) -241px 0px no-repeat;
}

#kids-edu a:hover {
	background: url(../images/header/top_nav_2_on.gif) -306px 0px no-repeat;
}

#film a:hover {
	background: url(../images/header/top_nav_2_on.gif) -422px 0px no-repeat;
}

#bird-control a:hover {
	background: url(../images/header/top_nav_2_on.gif) -507px 0px no-repeat;
}

#contact a:hover {
	background: url(../images/header/top_nav_2_on.gif) -607px 0px no-repeat;
}

/* Generic Usage */

div.clear
{
	clear: both;
}

table.newsletter
{
	border:0px;
	font-size:11px;
	padding:0px;
	width: 100%;
}

table.newsletter td
{
	padding:0px;
}

div.left
{
	float: left;
}

div.right
{
	float: left;
}