/*-----------------------------------------------------------------------------
Lemon Fencing Style Sheet 

version:   01
date:	   03.12.07
author:    Christine Reed
email:     cr@woodhamwebwriter.co.uk
website:   http://www.woodhamwebwriter.co.uk
-----------------------------------------------------------------------------*/

/* =Main Structure Divs
-----------------------------------------------------------------------------*/
body{
	text-align:center;
	margin:1em auto;
	padding:0;
	font-family:Verdana, sans-serif;
  	font-size:small;
  	color:#330066;
  	background-color:#ffffe6;
	}
	
#wrapper{
	width:760px;
	text-align:left;
	margin:0 auto;
	padding:0;
	color:#330066;
	border:1px solid #ccc;
	background-color:#fff;
	}

/* =Header
-----------------------------------------------------------------------------*/
#header{
	margin:0 auto;
	padding:0;
	width:100%;
	}
	
#header h1{
	font-size:140%;
	font-weight:400;
	text-align:center;
	margin:0 auto;
	color:#999999;
	padding:10px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	}
	
#left{
	float:left;
	width:auto;
	margin:50px auto;
	padding:0;
	}
	
#leftimg{
	text-align:center;
	margin:0 auto;
	padding:0;
}

#left h1{
	font-size:130%;
	font-weight:300;
	text-align:center;
	padding:0 6px;
	color:#999;
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	}
	
#slideshow{
	margin:0 0 0 4px;
	padding:0;
	border:1px solid #ccc;
	float:left;
	width:auto;
	}
	
#info{
	padding:0 0 0 2em;
	margin:3em auto 2em 0;
	float:left;
	width:auto;
	text-align:left;
	}
	
#info ul{
	color:#330066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:1em 0 1em auto;
	padding:0;
	text-align:left;
	}

#info ul li{
	margin:0;
	padding:0;
	line-height:1em;
	}
	
/* --- Sitename under Header --- 
note that applying padding or margin to this element will alter the navigation main across page*/	
#sitename{
margin:0 auto;
padding:0;
text-align:center;
}

/* =Main (Top) Nav
-----------------------------------------------------------------------------*/
#topnav{
	font-variant:small-caps;
	font-size:16px;
	list-style-type:none;
	float:left;
	width:760px;
	background-color:#fff;
	margin:0;
	padding:0;
	border-bottom:1px solid #ffffe6;
	}
	
#topnav li{	
	background-color:#330066;
	float:left;
	width:auto;
	margin:0;
	padding:0 19px 0 19px;
	line-height:1.2em;
	border-left:1px solid #ffffe6;
	}


#topnav a{		
	float:left;
	width:auto;
	text-align:center;
	text-decoration:none;
	margin:0;
	padding:8px 0 12px 0;
}


#topnav a:link, #topnav a:visited{
	color:#ffffe6;
	text-decoration:none;
	}
	
#topnav a:hover, #topnav a:active{
	text-decoration:none;
	color:#330066;
	background-color:#ffffe6;
	}
	
/* =Side (secondary) Nav
-----------------------------------------------------------------------------*/
#sideflyout{
	margin:0;
	padding:0;
	float:left;
	width:auto;
	background-color:#330066;
	}	

#sidenav{
	font-size:110%;
	list-style-type:none;
	float:left;
	width:170px;
	margin:0;
	padding:0 0 0 4px;
	background-color:#330066;

	}
	
#sidenav li{	
	background-color:#330066;
	float:left;
	margin:0;
	padding:5px 0 5px 4px;
	line-height:1.2em;
	width:100%;
	border-bottom:1px solid #FFFFe6;
	border-top:1px solid #FFFFe6;
	}
	
#sidenav a{
	float:left;
	width:100%;
	text-align:left;
	text-decoration:none;
}

#sidenav a:link, #sidenav a:visited{
	color:#ffffff;
	text-decoration:none;
	}
	
#sidenav a:hover, sidenav a:active{	
	color:#330066;
	background-color:#FFFFe6;
	width:100%;
	margin-left:-4px;
	padding-left:4px;
	margin-bottom:-5px;
	padding-bottom:5px;
}

/* =Foot Nav
-----------------------------------------------------------------------------*/
.totop{
	margin:0 auto;
	padding:0;
	text-align:center;
	}


/* =Main Contents
-----------------------------------------------------------------------------*/
#contents{
	margin:0 0 0 190px;
	padding:0;
	color:#330066;
	font-size:1em;
	text-align:left;
	width:550px;
	}
	
#contents p{
	margin:10px 40px 0 50px;
	padding:0;
	}
	
#contents h1{
	font-size:150%;
	font-weight:400;
	text-align:center;
	margin:0 0 1.5em 0;
	color:#330066;
	width:auto;
	padding:20px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	font-variant:small-caps;
	}
	
#contents h2{
	font-size:120%;
 	color:#006600;
	padding:0;
	margin:20px 0 10px 50px;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
#contents h3{
	font-variant:normal;
	font-size:100%;
 	color:#330066;
	padding:0;
	margin:20px auto 0 -20px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	}

#contents h4{
	font-variant:normal;
	font-size:100%;
 	color:#330066;
	padding:0;
	margin:20px 0 0 50px;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	}
	
#contents ul{
	padding:0;
	margin:1em auto 0 auto;
	text-align:center;
	}
	
#alignleftlist2 ul{
	padding:0;
	margin:1em 0 2em 8em;
	text-align:left;
	}
	
#contents ul li{
line-height:1.5em;
}
	


/* =Footer
-----------------------------------------------------------------------------*/
#footer{
	padding:0;
	margin:0;
	background-color:#fff;
	color:#CCCCCC;	
	clear:both;
	}
	
#copywrights{
	background-color:#330066;
	font-size:80%;
	color:#FFFF00;
	margin:0 auto ;
	padding:1em 0 2em 190px;
	text-align:center;
	}
	


/* =Element Styling: Headings
-----------------------------------------------------------------------------*/
h3{
	font-variant:small-caps;
	font-size:140%;
	color:#003399;
	font-weight:100;
	padding:.5em 0;
	text-align:center;
	margin:0 auto;
	}

/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited{
	color:#666666;
	text-decoration:none;
	}
	
a:hover, a:active{
	color:#000000;
	text-decoration:underline;
	}

#copywrights a:link, #copywrights a:visited{
	color:#999999;
	text-decoration:none;
	}
	
#copywrights a:hover, #copywrights a:active{
  	color:#ffffe6;
	text-decoration:none;
	}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

#contactdetailstable{
padding:0;
margin:-20px 0 0 0;
}
	


#contactable{
	padding:0;
	margin:30px 40px 0 50px;
	}
	
#poststable{
	margin:0 auto;
	padding:0;
	text-align:center;
	}
	
#poststable th{
	border:1px solid #999999;
	font-size:90%;
	font-weight:400;
	}	
	
#poststable td{
	border:1px solid #999999;
	text-align:center;
	}
	
	
#grasstable th{
	font-weight:200;
	text-align:center;
	margin-left:auto;
}
/* =Misc 1
-----------------------------------------------------------------------------*/
	

/* =Misc 2 special colour styling of certain elements
-----------------------------------------------------------------------------*/
.dkblue{
	color:#330066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:1em 0 1em auto;
	padding:0;
	text-align:center;
	}
	
	
.grey{
	color:#999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.description{
	color:#999999;
	font-size: 70%;
	}
	
.center{
	margin:0 auto 0 25px;
	padding:0;
	text-align:center;
	}
	
.members{
	margin:0 auto 0 25px;
	padding:0;
	text-align:center;
	color:#006600;
	font-size:80%;
	}
	
/* =Misc 3 applies to temporary indes (home) page
-----------------------------------------------------------------------------*/ 
#indextemp{
	padding:0;
	margin:3.5em 1em 1em 3em;
	}

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
 	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border:0;
}