/* Helen Northcott stylesheet.css */


BODY	{text-align: center;
	background: #C0C0C0;
	color:	#444;}

#container	{text-align: left;
		margin: 0 auto;
		width:	800px;
		background:  url(../images/header-base.gif) repeat-y;
		}

H1	{background: #C000C0;
	color: #fff;
	padding: 20px;
	margin: 0;
	border-bottom: 5px solid #387a9b;
	font-family: arial, sanserif, helvetica;}

#nav 	{float: left;
	width: 130px;
	display: inline;
	margin-left: 20px;
	padding: 15px 0;}

#nav ul {margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;}

#nav li	{padding: 0;}


ul#navigation a {display: block;
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;
		font-family: arial, helvetica, sans-serif;
		background: #e6eef1;
		color: #C000C0;
		padding: .2em .5em;
		border-bottom: 1px solid #C000C0;
		width: 7em;}

ul#navigation a:hover {background: #C000C0;
			color: #fff;}

ul#navigation li {display: inline;}



#content	{float: left;
		width: 600px;
		margin-left: 45px;
		
		padding: 15px 0;}

ul#list li 	{type: disc;
		text-align: left;
		font-family: arial, sanserif, helvetica;}

#footer	{clear: both;
	background: #C000C0;
	color: #fff;
	padding: 5px 10px;
	text-align: right;
	font-size: 80%;
	font-family: arial, sanserif, helvetica;}


H2	{margin-top: 5px;
	color: #C000C0;
	font-weight: normal;
	font-family: arial, sanserif, helvetica;}

H3	{margin-top: 5px;
	color: #C000C0;
	font-weight: normal;
	font-size: ;
	font-family: arial, sanserif, helvetica;}

P	{text-align: justify;
	font-family: arial, sanserif, helvetica;
	margin-right: 20px;}



a:link	{color: #175b7d;
	font-family: arial, sanserif, helvetica;
	}


a:visited	{color: #600;
		font-family: arial, sanserif, helvetica;
		}

a:hover, a:active	{color: #fff;
			background: #175b7d;
		}


div.thumbnail	{width:	130px;
		float: left;
		margin: 0 10px 10px 0;
		background: url(../photos/chapter12a.gif) no-repeat;
		}

div.thumbnail img	{margin: 10px 0 0 10px;
			border: 1px solid #777;
			}

div.thumbnail p	{margin: 0;
		padding: 0 20px 30px 10px;
		background: url(../photos/chapter12b.gif) no-repeat 0 100%;
		font-size: 80%;
		text-align: center;}

div.thumbnail a:hover,a:active {color: none;
			background: none;
			}



div.thumbnailwide	{width:	180px;
			float: left;
			margin: 0 10px 10px 0;
			background: url(../photos/widetop.gif) no-repeat;
			}

div.thumbnailwide img	{margin: 10px 0 0 10px;
			border: 1px solid #777;
			}

div.thumbnailwide p	{margin: 0;
			padding: 0 20px 30px 10px;
			background: url(../photos/widebottom.gif) no-repeat 0 100%;
			font-size: 80%;
			text-align: center;}

div.thumbnailwide a:hover,a:active {color: none;
			background: none;
			}

.clear	{clear: left;}


#lightbox	{background-color:#eee;
		padding: 10px;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;}

#lightboxDetails	{font-size: 0.8em;
			padding-top: 0.4em;}

#lightboxCaption	{float: left; }

#keyboardMsg	{float: right; }

#closeButton	{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}

#overlay img{ border: none; }

#overlay	{background-image: url(overlay.png);}

html #overlay	{background-color: #333;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png",
		sizingMethod="scale");}