/* Macclesfield Canal web site */
/* Copyright Tim Boddington 2006 */
/* With thanks to Jeffrey Zeldman who taught me the proper way to use CSS! */
/* I only hope I have done him justice */

/* Body formats */
body	{ 
		background-color: #DDFFDD;
		}
html, p, td, ul, ol, li, h1, h2, h3, h4, h5, h6 {
		font-family: Verdana, Arial, sans-serif;
		color: #333333;
		font-size: 1em;
		text-align:left;
		margin-top: .25em;
		}
p, li, ul, ol { 
		margin-top: 0;
		margin-bottom: 0.6em;
		line-height: 1.5; 
		}
h1	{
		font-size: 1.5em; 
		font-weight: bold;
		margin-top: 0.25em;
		margin-bottom: 0.6em; 
		line-height: normal;
		}
h2	{ 
		font-size: 1.25em; 
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 0.6em; 
		line-height: normal;
		}
h3	{ 
		font-size: 1.2em; 
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 0.45em; 
		line-height: normal;
		}
h4	{ 
		font-size: 1.15em; 
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 0.25em; 
		line-height: normal;
		}
h5	{ 
		font-size: 1.07em; 
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 0.17em; 
		line-height: normal;
		}
h6 	{ 
		font-size: 1em; 
		font-weight: bold;
		margin-top: 0.2em;
		margin-bottom: 0.1em; 
		line-height: normal;
		}
p		{
		font-size: 0.95em;
		}
ul, ol, li {
		font-size: 0.95em;
		margin-bottom: 0;
		}
td	{
		vertical-align: top;
		}
sup	{
		font-size: 0.8em;
		}
hr	{
		height: 1px;
		color: blue;
		noshade;
		}
.ip1	{
		margin-top: 0;
		margin-left: 1.5em;
		margin-bottom: 0;
		}
.ip2	{
		margin-top: 0;
		margin-left: 3em;
		margin-bottom: 0;
		}
.bodyitem	{
		text-align: left;
		}
/* Page heading formats */

#headthe {
	position: absolute;
	top: 0;
	left: 272px;
	z-index: 2;
	height: 154px;
	width:300px;
	height:155px;
	z-index:1;
	visibility: visible;
	}
#headthe p {
	color: #BCE1FE; 
	font-variant: normal; 
		font-size: 84pt;
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: bold;
		line-height: 1;
	}
#headmc {
	position: absolute; 
	top: 52px;
	left:312px;
	width:622px;
	height:68px;
	z-index:2;
	margin-left: 0px;
		visibility: visible;
	}
#headmc p {
		font-family: Arial;
		font-weight: bold;
		font-size: 28pt;
		color: #0000FF;
  font-style: normal; 
	font-variant: normal; 
	}
#headop {
	position:absolute; 
	left:312px; 
	top:121px; 
	width:247px; 
	height:36px; 
	z-index:2; 
	visibility: visible;		
	}
#headop p {
		font-family: Arial;
		font-weight: normal;
		font-size: 12pt;
		color: #0000FF;
		}

/*
.headthe {	
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: bold;
		font-size: 84pt;
		color: #BCE1FE;
		line-height: 1;
		}
.headmc {
		font-family: Arial;
		font-weight: bold;
		font-size: 28pt;
		color: #0000FF;
		}
*/
.headop {
		font-family: Arial;
		font-weight: normal;
		font-size: 12pt;
		color: #0000FF;
		}
#topbar {
		background: #3399FF;
		text-align: right;
		font-weight: bold;
		color: yellow;
		}
table#main00 {
		border-right: 0;
		}
table#body00 p li {
		border-right: 5px;
		}
/*  */
		
/* Navigation bar components */
/* nav is for side bar, nav2 is for footer buttons */
table#nav, table#nav2 {
		border-bottom: 0;
		border-left: 0;
		}
table#nav td {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		text-align: left;
		text-indent: 5px; 
		padding: 0;
		border-right: 0;
		border-top: 0;
		}
table#nav2 td {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		text-align: center;
		padding: 0;
		border-right: 0;
		border-top: 0;
		}
table#nav td a, table#nav2 td a {
		font-weight: normal;
		text-decoration: none;
		display: block;
		margin: 0;
		padding: 0;
		}
#nav td a:link, #nav td a:visited {
		background: transparent url(/images/bgpat.gif) repeat;
		display: block;
		color: yellow;
		margin: 0;
		width: 130px;
		line-height: 25px;
		}
#nav2 td a:link, #nav2 td a:visited {
		background: transparent url(/images/bgpat.gif) repeat;
		display: block;
		color: yellow;
		margin: 0;
		width: 41px;
		line-height: 20px;
		}
#nav td a:visited {
		color: lightgreen;
		}
#nav2 td a:visited {
		color: darkblue;
		}
#nav td a:hover, #nav2 td a:hover {
		background: white;
		color: darkblue;
		}
/*  */

/* Page body classes */
.narrowcol {
		margin-left: 10px;
		margin-right: 10px;
		line-height: 1.25;
		font-size: x-small;
		}
.bodycol {
		margin-right: 10px;
		}
.welcome {
		font-size: large;
		text-align: center;
		line-height: 1.25;
		}
.pagetrack {
		font-size: xx-small;
		}
.inpagelinks {
  	font-size: x-small;
}
.footer {
		font-size: 0.6em;
		margin-left: 0;
		line-height: 1.25;
		}
picleft {
		margin-top: 4px;
		margin-right: 7px;
		margin-bottom: 5px;
		margin-left: 0;
		}
.picleft {
		margin-top: 4px;
		margin-right: 7px;
		margin-bottom: 5px;
		margin-left: 0;
		}
.picright {
		margin-top: 4px;
		margin-right: 0;
		margin-bottom: 5px;
		margin-left: 7px;
		}
.picfree {
		margin-top: 0;
		margin-right: 7px;
		margin-bottom: 5px;
		margin-left: 0;
		}
.piccredit {
		font-size: xx-small;
		}
.news 	{
		margin-left: 0;
		margin-right: 40px;
		font-family: "Times New Roman", Times, serif;
		font-size: 0.95em;
		line-height: 1.25;
		}
.maptext {
		line-height: normal;
		font-size: 0.7em;
		}
.mapfoot {
		line-height: normal;
		font-size: xx-small;
		}
.historic {
		font-family: "OldEnglish","Times New Roman", Times, serif;
		}
.redtext {
		color: #FF0000
		}
table#list01 {
		margin-left: 20px;
		margin-right: 20px;
		}
tr#journalyr td {
		background-color: #3399FF;
		color: #FFFFFF
		}
table#journal td p {
		margin-top: 0.25em;
		margin-bottom: 0.25em;
		line-height: 1.25;
		}

/* Miscellaneous classes */
#line01 td {
		line-height: 0.25em;
		}
.small	p {
		font-size: 0.7em;
		}
table#listing td p {
		margin-top: 0.25em;
		line-height: 1.0;
		}
.bgyellow {
		background-color: #FFFF00;
}
.map1details {
		font-size: 120%;
		}
.map2details {
		font-size: 125%;
		}
.map3details {
		font-size: 125%;
		}
.ext {
		font-size: 110%;
		line-height: 1.0;
		font-family: "Times New Roman", Times, serif;
		}