/***********************************************************

	Stylesheet for Jedforest Deer and Farm Park
	
	version: 	1.1
	author: 	Andrew McEwan
	email:		andrew@web-workshop.net
	website:	www.web-workshop.net
	
************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:white;
	text-align:center;
	background-image:url(images/backgrounds/page-background.gif);
	background-repeat:repeat;
}

* {
	margin:0;
	padding:0;
	}
	
* html body {		
	font-size:62.5%;  /* Set IE font size */
	}
	
ul {
	list-style:none;
	}

form {
	padding:0;
	margin:0;
	}
	
a {
	color:white;
	}


/*************************************************************

	CSS for Main Site Pages
	
**************************************************************/

#pageHolder {
	width:762px;
	margin:0 auto;
	padding:0;
	text-align:center;
	position:relative;
	}

#header {
	width:762px;
	height:55px;
	padding:0;
	margin:0;
	background-image:url(images/page-components/page-header.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top:15px;
	position:relative;
	}
	
/*************************************

	Start all the main content
	
**************************************/

#main {
	width:712px;
	background-image:url(images/page-components/page-middle.gif);
	background-repeat:repeat-y;
	padding-left:25px;
	padding-right:25px;
	padding-top:125px;
	padding-bottom:0;
	position:relative;
	text-align:left;
	}
	
#main #logo {				/* Position the logo */
	position:absolute;
	left:17px;
	top:-25px;
	width:137px;
	height:126px;
	z-index:1;
	}
	
/*
***************  Main Navigation  **************/

#main #navigation {
	position:absolute;
	left:105px;
	top:15px;
	width:641px;
	height:60px;
	z-index:0;
	padding:0;
	margin:0;
	text-align:right;
	}
	
#main #navigation #navigationTop {
	background-image:url(images/page-components/text-navigation-bar-top.gif);
	background-repeat:no-repeat;
	height:17px;
	padding:0;
	margin:0;
	}
	
#main #navigation #navigationMiddle {
	background-image:url(images/page-components/text-navigation-bar-middle.gif);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
	}

#main #navigation #navigationMiddle ul {
	list-style:none;
	display:inline;
	margin-left:10px;
	padding-right:0px;
	text-align:right;
	}
	
#main #navigation #navigationMiddle ul li {
	list-style:none;
	display:inline;
	padding-right:10px;
	font-size:1.2em;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	/*letter-spacing:0.075em;*/
	}
	
#main #navigation #navigationMiddle ul li a,
#main #navigation #navigationMiddle ul li a:link,
#main #navigation #navigationMiddle ul li a:visited {
	color:#003300;
	text-decoration:none;
	}
	
#main #navigation #navigationMiddle ul li a:hover {
	color:white;
	}
	
#main #navigation #navigationMiddle ul li a:active {
	color:#003300;
	}
	
#main #navigation #navigationBottom {
	background-image:url(images/page-components/text-navigation-bar-bottom.gif);
	background-repeat:no-repeat;
	height:16px;
	padding:0;
	margin:0;
	}
	
/*
***************  Style some text  ****************/

#main #content {
	position: relative;
	min-height:280px;
	/*background-image:url(images/backgrounds/twizzle.gif);*/
	background-position:right 0px;
	background-repeat:no-repeat;
	padding-right:220px;
	}
	

* html body #pageHolder #main #content {			/*	Give IE smaller right padding	*/
	padding-right:210px;
	}

#content p {
	font-size:1.2em;
	padding-bottom:0.5em;
	letter-spacing:0.07em;
	line-height:1.5em;
	font-weight:bold;
	}
	
#content h1 {
	font-size:1.6em;
	font-weight: bold;
	padding-bottom:0.5em;
/*	clear:left;*/
	}
	
#content h2 {
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:0.5em;
	/*clear:left;*/
	}
	
#content h2.hSeparator a:link {
	font-weight:bolder;
	}
	
#content h3 {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:0.5em;
/*	clear:left;*/
	}
	
/*
***************  Style Main Content links  ********************/

#content a {
	text-decoration:none;
	font-weight:bold;
	color:white;
	}
	
#content a:link {
	color:white;
	}
	
#content a:visited {
	color:white;
	}
	
#content a:hover {
	color:white;
	text-decoration:underline;
	}

#content a:active {
	color:white;
	}

#content p a:link,
#content p a:visited {
	text-decoration:underline;
	}
	
	
#content p a:hover {
	text-decoration:none;
	}

/*
***************** Two column layout for content area ****/

#content #twoColumns {
	position:relative;
	}
	
ul#twoColumns {
	list-style:none;
	}
	
ul#twoColumns li {
	list-style:none;
	clear:both;
	}
	
ul#twoColumns li .imageContent {
	float:left;
	width:150px;
	margin-right:30px;
	border: 3px solid #005B2E;
	}
	
ul#twoColumns li .imageContentNoBorder {
	float:left;
	margin-right:30px;
	border: none;
	}
	
ul#twoColumns li .textContent {
	clear:right;
	float:right;
	width:300px;
	text-align:left;
	}
	
ul#twoColumns li p.textContent {
	padding-bottom: 30px;
	}


/******************************************************************

	News
	
*******************************************************************/

#content #pageNews {
	position:relative;
	}
	
#content #pageNews {
	padding-top:15px;
	padding-left:40px;
	width:500px;
	list-style:none;
	}
	
#content #pageNews ul li {
	padding-bottom:15px;
	}
	
#pageNews .newsSummary li {
	list-style:none;
	}

#pageNews .newsSummary li h2 {
	padding-left:25px;
	list-style:none;
	background-image:url(images/icons/news-headline.gif);
	background-position:left 0.5em;
	background-repeat:no-repeat;
	line-height:2.0em;
	}
	
#pageNews .newsSummary li p {
	padding-left:25px;
	}
	
.newsView img {
	padding:5px;
	}

/******************************************************************

	Quizzes
	
*******************************************************************/

#content #quizChoice {
	position:relative;
	}
	
#content #quizChoice {
	padding-top:15px;
	padding-left:40px;
	width:500px;
	list-style:none;
	}
	
#content #quizChoice {
	list-style: none;
	}
	
#content ul#quizChoice li h2 a {
	padding-left:25px;
	list-style:none;
	background-image:url(images/icons/quizzes.gif);
	background-position:left;
	background-repeat:no-repeat;
	line-height:2em;
	vertical-align:middle;
	}
	
img.quizImage {
	width: 150px;
	padding-right:15px;
	}
	
p.quizDescription {
	padding-left:30px;
	padding-bottom:10px;
	}

/*******************************************************

	Meet The Animals
	
********************************************************/

ul#meetThe {
	position:relative;
	padding-bottom:20px;
	}
	
ul#meetThe li {
	list-style:inside;
	list-style-image:url(images/icons/binoculars.gif);
	line-height:1.8em;
	font-size:1.4em;
	vertical-align:middle;
	}

/*.animalPic {
	float:left;
	padding-right:12px;	
	padding-bottom:15px;
	}
	
.animalPicNewLine {
	clear:left;
	float:left;
	padding-right:15px;
	}*/
	
ul#table {
	list-style:none;
	}
	
ul#table li {
	clear:left;
	}

ul#table li img {
	float:left;
	padding-right:12px;	
	padding-bottom:15px;
	}
	

/********************************************************

	Galleries
	
*********************************************************/

ul#gallery {
	list-style:none;
	}
	
ul#gallery li {
	clear:both;
	padding-top:15px;
	}

ul#gallery li a img {
	float:left;	
	width:150px;
	}
	
ul#gallery li h1 a {
	float:right;
	width:300px;
	padding:0px;
	margin:0px;
	}
	
ul#gallery li p {
	clear:right;
	float:right;
	width:300px;
	}
	
	
/******************************************************

	Parties
	
*******************************************************/

ul.parties li {
	list-style-image:url(images/icons/bullit-star.gif);
	font-size:1.4em;
	font-weight:bold;
	padding-left:10px;
	margin-left:55px;
	list-style-position:outside;
	list-style-type: none;
	}
	
.heading {
	font-size:1.4em;
	font-weight:bold;
	}

/********************************************************

	Ranger Activities
	
*********************************************************/

ul#bulletedList {
	list-style:outside;
	list-style-type:circle;
	padding-left:15px;
	font-size:1.2em;
	}
	
ul#bulletedList li {
	padding-left:15px;
	font-size:1.2em;
	}

/******************************************************************************************

	Footer
	
*******************************************************************************************/

#footer {
	width:762px;
	height:145px;
	padding:0;
	margin:0;
	background-image:url(images/page-components/page-footer.gif);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	text-align:center;
	}
	
#footer ul {
  margin: 0 auto;
  padding: 15px 0 0 80px;
  float: left;
  /*width: 700px;*/
  list-style: none;
  text-align:center;
	}

#footer ul li {
  float: left;
}


#footer ul a {
  padding: 0 1em;
  line-height: 1.5em;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
  font-weight:bold;
}


#footer ul a:hover {
  color: #333;
}

#footer #credits {
	clear: left;
	text-align:center;
	padding-top:15px;
	}
	
#footer #credits p a {
	color:#1B1B1B;
	}

.contentSeparator {
	clear:left;
	}
	
.createGap {
	clear:left;
	height:200px;
	}
	
.floatLeft {
	float:left;
	padding-right:15px;
	padding-bottom:10px;
	}
	
.floatRight {
	float:right;
	padding-left:15px;
	padding-bottom:10px;
	}
	
.hSeparator {
	padding-top:25px;
	}

.preloader {
	display:none;
	height:0px;
	width:0px;
	}
	
.clearBoth {
	clear:both;
	padding-top:15px;
	}
	
/* external links
================================== */

a[href^="http:"] {
  background: url(images/icons/externalLink.gif) no-repeat right top;
  padding-right: 10px;  
}