@charset "utf-8";

body
{
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	min-width: 700px;
    /* IE Dynamic Expression to set the width */
    /* width: expression(document.body.clientWidth < 500 ? "400px" : "100%" ); */
}

img
{
	border: none;
}

a
{
	text-decoration: none;
}


h1
{
	color: #FFF;
	background: rgb(15%,23%,38%);
	font: bold 200%/1em Arial, Verdana, sans-serif;
	padding: 0.25em 1em 0.25em 0;
	margin: 0;
	text-align: center;
}

/* Title page elements */

#title-content
{
	width: 714px;
	margin: 100px auto 0;
	padding: 0px;
	text-align: left;
	position: relative;

}

#title
{

	background: url(images/title.png) 0 0 no-repeat;
	height: 175px;
	width: 525px;
	position: absolute;
	top: 110px;
	left: 25px;
	margin: 0px;
	z-index: 55;
}

#title h1
{
	visibility: hidden;
}

#title-image
{
	background: url(images/cotswald.jpg) 0 0 no-repeat;
	height: 448px;
	width: 314px;
	position: absolute;
	top: 0px;
	left: 386px;
	margin: 0px;
	z-index: 50;
}

#title-clear
{
	height: 448px;
	margin: 0px;
	padding: 0px;
}

ul#title-nav
{
	margin-left: 0px;
	margin-top: -105px;
	margin-bottom: 100px;
}

#title-nav li
{
	list-style: none;
	display: inline;
	margin-right: 20px;
}

#title-nav li a:link
{
	color: #663366;
	text-decoration: none;
}

#title-nav li a:visited
{
	color: #663366;
	text-decoration: none;
}

#title-nav li a:hover
{
	color: #663366;
	text-decoration: none;
	/* background-color: #666; */
}

/* Header */

#header
{
	min-width: 700px;
}

#header-banner
{
	background-color: #546488;
	background: url(images/header-bg.gif) repeat;
	height: 135px;
}

#header-banner img
{
	padding-left: 50px;
}

#header-bottom
{
	padding: 2px 25px 2px 50px;
	background-color: #2b3345;
	height: 26px;
}

#header-bottom-topfade
{
	background: url(images/header-bottom-topfade.png) repeat-x;
	height: 10px;
}

#header-bottom-botfade
{
	background: url(images/header-bottom-botfade.png) repeat-x;
	height: 15px;
	margin-bottom: 20px;
}

/*
.roll:hover
{
	background: #546488;
}
*/

#header-bottom img
{
	margin-top: 1px;
}

#header-bottom a
{
	text-decoration: none;
	margin-left: 5px;
}

#header-bottom a:visited
{
	text-decoration: none;
}

#header-bottom a:hover
{
	text-decoration: none;
}

/* Footer elements */

#footer
{
	margin-top: 15px;
	padding: 5px 25px 0px 25px;
	color: #717371;
}

#footer a:link
{
	color: #717371;
}

#footer a:visited
{
	color: #717371;
}

#footer a:hover
{
	color: #717371;
	background-color: #dddddd;
}

#contact p
{
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: right;
	font-size: 0.8em;
	color: #717371;
	width: 200px;
}

#copyright p
{
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #717371;
	min-width: 550px;
}


/* Unchanged stuff */

#content
{
	margin: 10px 20px 10px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 0.80em;
	color: #333;
	min-width: 700px;
}


#content h2
{
	font-size: 1.3em;
	margin-top: 25px;
	color: #000;
}

.clear
{
	clear: both;
}

.right
{
	margin: 0px;
	padding: 0px;
	float: right;
}

.right a
{
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

.bold
{
	font-weight: bold;
}

.extlink
{
	margin-left: 5px;
}

.caption
{
	font-weight: bold;
}

.floatpic
{
	float: right;
	margin: 0px 10px 20px 20px;
	padding: 0px 0px 0px 0px;
	width: 432px;
}

.floatpic img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
}

.floatpic p
{
	font-weight: normal;
	font-size: 0.80em;
	margin: 0 20px 10px	20px;
	text-align: center;
}

.biopic
{
	float: left;
	margin: 1em 1em 1em 0;
}

#content-image-header
{
	margin: 0px auto 20px auto;
	padding: 0px;
	width: 660px;
}

#content-image-header h2
{
	margin-top: 0px;
	padding-top: 0px;
}

#content-image-header p
{
	margin: 0px;
	padding: 0px;
}

#content-image-header a, #content-image-header a:visited
{
	text-decoration: none;
	color: #802d44;
	font-size: 0.85em;
}

#content-image-header a:hover
{
	text-decoration: underline;
	color: #802d44;
	background-color: #DDE;
	font-size: 0.85em;
}

#content-image
{
	margin: 0px auto 0px auto;
	text-align: center;
	width: 660px;
}

.thumbs
{
	padding: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}

.thumb
{
	width: 200px;
	height: 200px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
}

.thumb a:link, .thumb a:visited, .thumb a:hover
{
	margin: 0px;
	text-decoration: none;
	border: none;
}

.thumb-img
{
	margin: 0px 20px 3px 20px;
	padding: 0px;
	height: 180px;
	width: 180px;
	text-align: center;
	line-height: 180px;		/* set to 140 for middle vertical-align */
	font-size: 180px;		/* set to 140 for middle vertical-align */
}

.thumb-img img
{
	padding: 0px;
	margin: 0px; 
	vertical-align: bottom;
}

.thumb-caption
{
	height: 2.2em;
	padding: 0px 10px 0px 10px;   
	margin: 0px 0px 10px 0px;	/* change here for bottom gap */
	text-align: center;
	font-weight: normal;
	font-size: 1em;
}

.thumb-caption p
{
	padding: 0px;
	margin: 0px;
	line-height: 1.1em;
}

/* .info */
/* { */
/* 	width: 450px; */
/* 	height: 460px; */
/* 	padding: 0 0 0 0; */
/* 	margin: 20px 0px 0px 0px; */
/* 	float: right; */
/* } */

.large
{
	width: 432px;
	height: 452px;
	padding: 0 0 0 0;
	margin: 20px 10px 20px 0px;
	float: left;
}

.large img
{
	text-align: center;
	line-height: 180px;		
	font-size: 180px;
}

.large p
{
	display: block;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
	font-size: 1em;
}

.large.copyright
{
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
	font-size: .5em;
}

#smallcontact
{
	font-size: small;
	color: #000;
	background: #FFF;
	margin: 0;
	padding: 0;
	clear: left;
}

#visits
{
	font-size: small;
	color: #000;
	background: #FFF;
	margin: 0;
	padding: 0;
	clear: left;
}

#copyright
{
	font-size: small;
	color: #000;
	background: #FFF;
	margin: 0;
	clear: left;
}

.content-text a:link
{
	text-decoration: none;
	color: #802d44;
	border-bottom: 1px dotted #802d44;
}

.content-text a:visited
{
	text-decoration: none;
	color: #802d44;
	border-bottom: 1px dotted #802d44;
}

.content-text a:hover
{
	text-decoration: none;
	background-color: #DDE;
	border-bottom: 1px solid #802d44;
}

#underlarge
{
	clear: both;
	padding: 0px;
	margin: 30px 1em 0px 0em;
}

#prevnavbar
{
	clear: both;
	padding: 0px;
	margin: 10px 1em 0px 0em;
}

#prevnav
{
	margin: 0 0 0 0;
	padding: 0 0 0px 0;
	float: right;
}

#prevnav li
{
	list-style: none;
	float: left;
	padding: 2px 2px 2px 2px;
	margin-left: 5px;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 20px;
	white-space: nowrap;
}

#prevnav li.dim
{
	color: #999;
}

#prevnav li.current
{
	color: #333;
	font-weight: bold;
}

#prevnav a, #prevnav a:visited
{
	text-decoration: none;
	color: #802d44;
}

#prevnav a:hover
{
	text-decoration: underline;
	color: #802d44;
	background-color: #DDE;
}

html>body #prevnav a { width: auto; }  /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#prevnav a { float: none; }           /* End IE5-Mac hack */

#prevnav a:hover { color: #B00; }