/* This style sheet was written by Paul Dell and was distributed  with a  Template available at http://www.dellwebsites.com 
- This comment should remain intact though you are free to edit the style sheet as you see fit. Please delete all other comments before uploading to the web */

/* WE STONGLY RECOMMEND THAT YOU OPEN THIS STYLE SHEET TOGETHER WITH THE HTML FILE TO GET A BETTER UNDERSTANDING */

html, body { min-height:101%; margin-bottom:1px; }/*sets a min height so ghost scrollbar appears when needed */

body {
	margin:0; /*sets the body margins to zero */
	padding:0;/*zero off any padding */
	color:#666;/*sets the font colour */
	font: normal 100%/135% Verdana, Sans-serif; /*sets the font weight size line height and family  */
	background:#fff url(../images/index_images/body_background.jpg) repeat-x; /*sets the body bg image colour to white, the url to the bg image and repeats the image on an x axis  */
	}

#page {
	width: 790px; /*sets the width */
	margin: 0 auto;/* centres the overall design, all design elements are placed within page div */
}

/*below are the two divs that hold the header image */
#top{
	height: 157px;/*note the height value is the same as the bg image height */
	background: url(../images/index_images/topimage.jpg) no-repeat;

}
#bottomlogo{
	height: 121px;
	background:#000 url(../images/index_images/bottomimage.jpg) no-repeat;

}  
#caption p {
	color: #000; /*sets font colour */
	font-size: 80%; /*sets font size */
}

#caption {
	width: 500px;
}


#right {
	float:left;
}
  
#right p {
  margin:0 0 10px; font-size: 80%;

}


/*below are the styles for our index.html image links*/


	.gallery {
	list-style:none;
	
  }
  .gallery li, a{
	display:block;/*sets the link to display like a button*/
	padding:2px;/*a little padding*/
	float: left; /*floats the links left*/
  }
  img{
	border:none; /*zeros any borders from images*/
  }



/*footer styles*/


#footer {
	font-size:70%;
	color:#000;
	background-color: #E2E2E2;
	background-image: url(../images/index_images/footer.jpg);
	height: 60px;
	clear: both;
  }

#footer p {
	padding: 10px;
	color: #CCC;
}

/*footer link styles*/
#footer a {
	color:#AF2D17;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color:#FFF;
  }


/*We have explained all there is to explain here and we have ommitted some comments which just repeat
themselves please do not contact us for any answers that you are able 
to obtain from here http://www.w3schools.com/css/default.asp  we cannot possibly reply to questions
that are available elsewhere.
Here is a link to get you started, remember to read, and then read again.
http://www.w3schools.com/css/default.asp Have fun and we wish you the best of luck*/


/*below are heading styles*/



h1 {
	font-size: 90%;/*sets font size */
	margin-bottom: -10px;
}  
h2 {
	font-size: 80%;
margin-bottom: -3px;
}
h3 {
	font-size: 85%;
}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}