/* 
----------------------------------------------------------
The styles for this site have been seperated out into a set of style sheets, 
the function of each being fairly self explantory;

body.css = page body - this is seperate as body is a bid of a layout, text and background graphic hybrid

layout.css = main div elements and the positioning of the main 'architectural' features eg home/logo button

text.css = all the text formating 

graphics.css = the positioning of all images, photos etc which form part of the site content , 
(ie not backgrounds to div elements, navigations rollovers etc)

navigation.css = the look of hyper-links and navigation 'buttons' (including rollover states, backgrounds etc)

-----------------------------------------------------------
*/


#wrapper
	{
	position : relative;
	margin-left : auto;
	margin-right : auto;
	top : auto;
	left : auto;
	width : 820px;
	height : auto;
	text-align: left;
	border:none;
	padding: 0px;
	}

#header
	{
	position : relative;
	text-align : left;
	top : auto;
	left : auto;
	height : 120px;
	width : 820px;
	background-image: url(../decoration/header-bck.gif);
	}
	
#topper
	{
	position : relative;
	text-align : left;
	top : auto;
	left : auto;
	height : 26px;
	width : 820px;
	background-image: url(../decoration/topper-bck.gif);
	}

#footer
	{
	position : relative;
	height : 75px;
	margin-left : auto;
	margin-right : auto;
	width : 820px;
	clear : both;
	background-image: url(../decoration/footer-bck.gif);
	background-repeat: no-repeat;
	background-color: #556528;
	}
	
#credits
	{
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 820px;
	clear : both;
	text-align: center;
	}


#main-content
	{
	position : relative;
	text-align : left;
	left : auto;
	width : 550px;
	height : auto;
	overflow : visible;
	float : left;
	padding-top: 50px;
	padding-right: 35px;
	padding-left: 44px;
	padding-bottom: 20px;
	}
	
#gallery-content
	{
	position : relative;
	text-align : left;
	left : auto;
	width : 550px;
	height : auto;
	overflow : visible;
	float : left;
	padding-top: 20px;
	padding-right: 35px;
	padding-left: 20px;
	padding-bottom: 20px;
	}

#content-wrapper
	{
	background-image: url(../decoration/content-bck.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 820px;
	position: relative;
	}

#lcol
	{
	position : relative;
	float : left;
	width : 146px;
	height : auto;
	padding-top: 5px;
	padding-left: 22px;
	background-image: url(../decoration/lcol-bck.gif);
	background-repeat: repeat-y;
	padding-bottom: 5px;
	}

#rcol
	{
	position : relative;
	float : right;
	width : 20px;
	height : auto;
	}
	
hr
	{
	color: #81A02F;
	background-color: #81A02F;
	height: 3px;
	margin-top: 25px;
	margin-bottom: 15px;
	clear: left;
	padding-top: 0px;
	padding-bottom: 0px;

	}	
	

.home
	{
	position: relative;
	left: 37px;
	top: 27px;
	}
	
.sponsors
{
	padding-bottom: 15px;
	position: absolute;
	left: 684px;
	top: 22px;
}

.clear 
	{
	clear: both;
	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;
	width: 820px;
	background-image: url(../decoration/clear-bck.gif);
	height: 1px;
	}
		

#gallery-index
{
	height: 680px;
	width: 570px;
}




#test-area /* this should appear on finished pages use for checking text formating on test pages */
{
	background-color: #96BC33;
	margin-top: 50px;
	width: 500px;
}
	



/* 
----------------------------------------------------------
Created by www.lunaria.co.uk
--------------------------------------------------------------
*/