/* CSS for Claygate village hall *//*BODY*/	body{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:100%;	text-align: center;	background-color:#FFFFFF;	line-height:125%;	margin-top:0;		}		/* CONTAINER */#container {	margin-left: auto;	margin-right: auto;	text-align: left;	width: 760px;	background: url(images/bgcol.gif) repeat-y;	}	/* HEADER */#header {	width:757px;	border-top: 3px solid #660000;	border-right:3px solid #660000;	}/* TAGLINE P */	#tagline p {		font-style:italic; font-size:95%;	font-family:Georgia, "Times New Roman", Times, serif;	background-color:#FFCC66;	border-bottom: 3px solid #660000;	padding:.2em 0 .2em .8em;		margin:0;	}	/* NAVIGATION */	#navigation {	float:left;	margin:0;	width:129px;	}	/* BODYCONTENT */	#bodycontent {	margin-left:129px;	margin-bottom:2em;	padding:2em 0 2em 10px;	width:610px;	}/* BODYCONTENT 2 */	#bodycontent2 {	margin-left:130px;	margin-bottom:2em;	padding:5em 0 15em 10px;	width:610px;	}	/* BODYCONTENT 3 */	#bodycontent3 {	margin-left:130px;	margin-bottom:2em;	padding:3em 0 16em 10px;	width:610px;	}	/* BODYCONTENT 4 */	#bodycontent4 {	margin-left:130px;	margin-bottom:2em;	padding:3em 0 7em 10px;	width:610px;	}/* FOOTER */	#footer {	clear:both;	margin:0;	padding:10px;	border-bottom:3px solid #660000;	width:738px;	}/* H1 H2 H3 FONT */	h1,h2,h3 {	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	}/* H1 SPECIFIC */		h1 {	font-size:175%;	background:#660000 url(images/backdropready.jpg) repeat-y right;	color:#FFFFFF;	padding: 2em 0 .4em .4em;	margin:0;	}/* H2 SPECIFIC */	h2 {	color:#660000;	width:600px;	background-color:#FFCC66;	padding: .1em 0 .2em .1em;	margin:0;	font-size:140%;	}/* H3 SPECIFIC */	h3 {	color:#660000;	width:350px;	background-color:#FFCC66;	padding: .1em 0 .1em .1em;	font-size:120%;	}	h3.small {	width:250px;	}	h3.longheading {	width:600px;	}	/* PARAGRAPHS*/	p {	font-size:85%;	font-weight:bold;	color:#660000;	}	/* WOM */	p.wom {	float:right;	font-size:65%;	}	/* PAGELINKS */.pagelinks {	margin-top: 3em;	}/* LIST ITEMS  - LINKS */ul {		list-style-type:none;	margin:0;	padding:0;	font-weight:bold;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:100%;	}li {	text-align:center;	}a:link {		text-decoration:none;	color:#FFFF99;	}a:visited {		text-decoration:none;	color:#009933;	} a:hover {	display:block;	text-decoration:none;	color:#660000;	background-color:#FFCC66;		} a:active { 		color:#FFFFFF;	background-color:#660000;	}/* QUOTE LINKS */	a:hover.quotes {	background-color:#660000;	color:#FFFF99;	text-decoration:underline;	}/* EMAIL LINKS */	 a.email{ 	font-weight:bold; 	}	a:link.email {	text-decoration:none;	color:#009933;	}	a:visited.email {	text-decoration:none;	color:#660000;	background-color:#FFCC66;	}	a:hover.email {	display:inline;	text-decoration:underline;	color:#660000;	}	a:active.email {	color:#660000;	background-color:#FFFF99;	}	/* IMAGES */.photo {	float:right;	margin:10px;	margin-top:0.5em;	border: 3px solid #660000; 	}.photoh {	float:right;	margin:10px;	margin-top:0.5em;	border: 3px solid #660000; 	}	/* DRAWING */.drawing {	float:right;	margin:10px;	margin-top:1.5em;	}/* QUOTES */blockquote {	margin:0;	padding:3em 3px 10em 7px;	font-size:80%; 	font-style:italic;	color:#FFFFFF;		}	/* FOOT RULER */.foot {	border:0;	width:605px;	background-color:#FFCC66;	height:0.5em;	margin:0;		}/* IMAGE GALLERY */.gallerycontainer{position:relative;}/* THUMBNAIL */.thumbnail img{border: 1px solid white;margin: 0 ;}.thumbnail:hover{display:inline;background-color: transparent;}.thumbnail:hover img{display:inline;border: 2px solid #660000;}/*ENLARGED IMG */.thumbnail span{ position: absolute;left: 240px;visibility: hidden;}.thumbnail:hover span{ display:inline;visibility: visible;top: -8em;border:2px solid #660000; }