/*
	LESLIE SELL CHARITABLE TRUST STYLESHEET
	+++++++++++++++++++++++++++++++++++++++
	T.Wiltshire 13th June 2005
	
	Adapted from the Open Gate stylesheet
*/
body {
	width: 740px;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFCC;
	background-image: url("graphics/bgnd.gif");
}

.topbar {
	font-family: Times, Georgia, serif;
	margin-top: 16px;
	padding: 16px;
	text-align: center;
	color: #663300;
}

div.topbar h1 {
	font-size: 180%;
	background-color: #FFFFCC;
	/* Margins, borders, and padding */
	margin: 0px;
	margin-bottom: 12px;
	padding: 8px;
	border-top: 2px solid #663300;
	border-bottom: 2px solid #663300;
}

/*
Only required if we have a sub-heading under the title.
div.topbar h2 {
	font-size: 100%;
	margin: 0px;
	padding: 8px;
	border-bottom: 2px solid #663300;
}
*/

.content {
	margin: 12px;
	margin-top: 6px;
	padding: 12px;
	border: 2px #663300 solid;
	color: #000000;
	font-family: Times, Georgia, serif;
	background-color: #FFFFFF;
}

div.content a {
	/* Style for links in the content text */
	color: #663300;
	text-decoration: none;
}

div.content a:hover {
	/* Rollover style for links in the content text */
	color: #663300;
	text-decoration: underline;
}

div.content p {
	/* Set default paragraph spacing */
	margin: 12px;
	padding: 0;
}

div.figure {
	/* This provides a box for a diagram or picture
	within the content area. It can have a caption.*/
	float: right;
	background-color: #663300;
	margin: 8px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 4px;
	text-align: center;
}

div.largefigure {
	/* This provides a large invisble box for a bigger diagram or picture
	within the content area. It can have a caption.*/
	border: dotted 1px #663300;
	margin: 0px;
	margin-right: 32px;
	/*margin-top: 0px;*/
	padding: 4px;
	text-align: center;
}

p.caption {
	/* This style wraps a caption with an image for div.figure
	within the content area */
	margin: 0px;
	margin-top: 2px;
	padding: 0px;
	color: #FFFFCC;
	font-size: 75%;
	font-style: italic;
	text-indent: 0;
}

/*
div.figure img {
	width: 100%;
}
*/

.menu {
	font-family: Times, Georgia, serif;
	font-size: 100%;
}

/* These two styles turn a list of links inside a menu div into a cool menu with graphic rollovers! */
div.menu a {
	display: inline;
	/* Background */
	background-color: #FFFFFF;
	/* Borders, Margins and Padding */
	border: 2px #663300 solid;
	margin: 12px;
	padding: 6px;
	/* Font styling */
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #663300;
}

div.menu a.selected  {
	border-bottom: none;
	padding-bottom: 8px;
}

div.menu a:hover {
	/* This is a mouseOver image */
	background-color: #663300;
	color: #FFFFCC;
}

div.menu a:hover.selected {
	/* This is a mouseOver image */
	background-color: #FFFFFF;
	color: #663300;
}

br.spacer {
/*	The inevitable...  */
	clear: right;
}

.footer {
	/* Footer bar at the foot of each content page */
	clear: both;	/* Ensures we're below any floated elements (pictures, typically) in the content area */
	font-size: 80%;
	color: #663300;
	font-family: Times, Georgia, serif;
	text-align: center;
}

.footer a {
	color: #663300;
}

.footer a:hover {
	color: #000000;
}