body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	/*line-height: 1.166;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

h1 {
 	font-family: Arial, Helvetica, sans-serif;
 	padding: 0px;
 	font-size: 150%; 
 	color: #006699;
}

.snippetsLarge {
 	font-family: Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	padding: 0px;
 	font-size: 200%; 
 	text-align: center;
 	color: #339900;
}

.snippetsMedium {
 	font-family: Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	padding: 0px;
 	font-size: 100%; 
 	text-align: center;
 	color: #339900;
}

h2 {
 	font-size: 125%;
 	color: #006699;
}

h3 {
 	font-size: 100%;
 	padding-top: 2px;
 	padding-bottom: 2px;
 	color: #006699;
}

h4 {
 	font-size: 90%;
 	font-weight: normal;
 	color: #006699;
}

h5 {
 	font-size: 80%;
 	color: #006699;
}

h6 {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 75%;
 	color: #006699;
 	margin: 0px;
 	padding: 0px;
}

.greyTxt {
color: Silver 
}

.homePageTitle {
 	font-size: 100%;
	font-weight: bolder;
	padding-left: 10px;
 	color: #006699;
}

#bodyContent {
	margin: 0 auto;
	/*margin-left: 0px;*/
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	width: 750px;
	/*border-right: 1px solid;
	border-left: 1px solid;*/
	border-bottom: 3px solid;
	/*border-color: #eeeeee;*/
	border-color: #DCDCDC;
}

#content{float: left;
  width: 404px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  border-right: 1px solid #339900;
  border-bottom: 1px solid #339900;
  border-left: 1px solid #339900;
}

#masthead {
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 750px;
}

.mastheadimgCentre {
	padding: 0px 0px 5px 0px;
	text-align: center;
	vertical-align: middle;
}

#contentHome {
	float: right;
	width: 550px;
	border-left: 1px solid;
	border-color: #eee;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	/*padding-bottom: 10px;*/
}

#contentHist {
	float: right;
	width: 550px;
	border-left: 1px solid;
	border-color: #eee;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#contentBus {
	float: right;
	width: 550px;
	border-left: 1px solid;
	border-color: #eee;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/*//  main menu items */


#leftMenuContainer {
	float: left;
	width: 180px;
	font-size: 70%;
	margin-top: 5px;
	padding-bottom: 0px;
	background: transparent;
}

div#navcontainer {
	width: 180px;
	margin-left: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
	border-top: 2px solid #6495ED;
	border-bottom: 3px solid #6495ED;
	border-right: 1px solid #eee;
	background: #fff;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer li { 
	margin: 0;
 }

#navcontainer a {
	display: block;
	color: #000;
	width: 160px;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
}

 /*indent part of menu starts */
#navcontainer li li a {
	display: block;
	color: #000;
	background-image: url(../images/buttons/bullet.gif);
	background-repeat: no-repeat;
	background-position:  1.0em;
	width: 160px;
	margin-left: 0px;
	padding: 3px 0px 3px 20px;
	text-decoration: none;
}
/* NAV LIST */
 ul#navlist li a,ul#subnavlist li a {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

ul#navlist {
	list-style-type: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}

ul#navlist li { display: inline; }


ul#navlist li a {
	color: #666; 
	display: block;
	background: #EEE8AA;
	padding: 2px 0 2px 10px;
	border-top: solid 2px #FFF;
	width: 170px;
}

ul#navlist li a:hover { 
	background: #87CEEB; 
	color: White;
}

ul#navlist li a#current {
	color: #fff;
	background: #87CEEB;
	padding-left: 10px;
	width: 170px;
}

/* SUB NAV LIST */
ul#subnavlist {
	margin: 0 0 0 0;
	list-style-type: none;
	padding: 0;
}

ul#subnavlist li { display: inline; }

ul#subnavlist li a {
	display: block;
	color: #666;
	background: #FDF5E6 url(../images/rt_arrow_c.gif);
	background-repeat: no-repeat;
	background-position:  1.0em;
	padding: 2px 0 2px 25px;
	border-top: solid 2px #fff;
	height: auto;
	width: 155px;
}

ul#subnavlist li a:hover { 
	background: #87CEEB url(../images/rt_arrow_y.gif); /* hover green */
	background-repeat: no-repeat;
	background-position:  1.0em;
	color: White; /* text color */
 }

ul#navlist li a#subcurrent {
	color: #666;
	background: #FFF url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position:  1.0em;;
}

ul#navlist li a#subcurrent:hover {
	background: #FFF url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position:  1.0em;
  }

/*  main menu items //*/

.adHolderLeft {
	float: left;
	width: 180px;
	text-align: center;
	margin-top: 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 5px;
	padding-bottom: 5px;
}

.adHolderLeft img {
	border: none;
}

.picHolderLeft {
	float: left;
	width: 160px;
	margin-left: 10px;
	font-size: 85%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.picHolderLeftTxt {
	float: left;
	width: 160px;
	margin-left: 10px;
	font-size: 85%;
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
}

.notesHolderLeft {
	float: left;
	width: 180px;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 5px;
}

.dateHolderLeft {
	float: left;
	width: 174px;
	font-size: 100%;
	color: #708090;
	text-align: left;
	padding: 3px;
}

.feature {
	padding: 0px 10px 0px 10px;
	font-size: 80%;
}

.rightSideBarFeature {
	padding: 0px 10px 0px 10px;
	font-size: 70%;
}

.rightSideBarFeature p {
	padding-top: 0px;
}

.moorendsFeature {
	width: 455px;
	padding: 0px 0px 0px 0px;
	font-size: 75%;
}

.feature img {
	float: left;
	padding: 10px 10px 0px 0px;
}

.pageHead {
	width: 540px;
	margin-left: 10px;
	padding-top: 20px;
}

.pageSubHead {
	width: 540px;
	margin-left: 10px;
	padding-top: 25px;
	font-size: 80%;
}

.pageHeadh3 {
 	font-size: 130%;
 	color: #006699;
}

.pageHeadh4 {
 	font-size: 80%;
	font-weight: bold;
	line-height: 30px;
 	color: #006699;
}

.undertext {
	width: 510px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-left: 3px;
	margin-bottom: 3px;
	text-align: center;
	padding: 3px;
	background-color: #F5FFFA;
	border: 1px solid;
	border-color: #A9A9A9;
}

.undertextPark {
	width: 522px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 3px;
	background-color: #F5FFFA;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #A9A9A9;
}

.undertextVE {
	width: 523px;
	clear: both;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	padding: 3px;
	background-color: #F5FFFA;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #A9A9A9;
}

.canalUndertext {
	width: 520px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-left: 0px;
	text-align: justify;
	padding: 3px;
	background-color: #F5FFFA;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #A9A9A9;
}

.comic { font-family: "comic sans MS", arial, helvetica, sans-serif; font-size: 14px; color: black }
.comic12 { font-family: "comic sans MS", arial, helvetica, sans-serif; font-size: 12px; color: black; font-weight:bold; }
.comic14 { font-family: "comic sans MS", arial, helvetica, sans-serif; font-size: 14px; color: black; font-weight:bold; }
.comic16 { font-family: "comic sans MS", arial, helvetica, sans-serif; font-size: 16px; color: black; font-weight:bold; }
.comic24White { font-family: "comic sans MS", arial, helvetica, sans-serif;
font-size: 24px;
font-weight:bold;
color: White;
 }

.yourpicsUndertext {
	width: 518px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-left: 3px;
	margin-bottom: 3px;
	text-align: center;
	padding: 3px;
	background-color: #F5FFFA;
	border: 1px solid;
	border-color: #A9A9A9;
}

.yourpicsUndertextHeader {
	width: 518px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
 	font-weight: bold;
	color: #339900;
	margin-left: 3px;
	margin-bottom: 3px;
	text-align: left;
	padding: 5px;
	background-color: #F5FFFA;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #E6E6FA;
}

.canalTextHeader {
	width: 518px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
 	font-weight: bold;
	color: #006699;
	margin-left: 3px;
	margin-bottom: 3px;
	text-align: center;
	padding: 5px;
	background-color: #F5FFFA;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #E6E6FA;
}

.trinityTextHeader {
	width: 520px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
 	font-weight: bold;
	color: #006699;
	text-align: center;
	padding: 5px;
	background-color: #F5FFFA;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #E6E6FA;
}

.yourpicsBodyUndertext {
	width: 515px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-left: 3px;
	margin-bottom: 3px;
	text-align: justify;
	padding: 5px;
	background-color: #F5FFFA;
	border: 1px solid;
	border-color: #A9A9A9;
}

.moorendsUndertext {
	float: left;
	width: 452px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 5px;
	background-color: #eee;
}

.h3Centre {
	text-align: center;
}
	
.sm {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 85%;
}
	
.smPw {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
}

.smleft {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 80%;
}

.smcenter {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 85%;
}

.homesmcenter {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 100%;
}

.smright {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	font-size: 120%;
}

.smcenterItalic {
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	font-size: 75%;
}

.smLeftItalic {
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	font-size: 75%;
}

.smright {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	font-size: 75%;
}

/************** .story styles *****************/

#index {
	float: right;
	width: 150px;
	clear: both;
	text-align: center;
	padding: 10px 10px 10px 10px;
	font-size: 80%;
}

.storyHome {
	width: 530px;
	clear: both;
	padding: 0px 10px 10px 10px;
	font-size: 80%;
}

.story {
	width: 530px;
	clear: both;
	padding: 10px 10px 10px 10px;
	font-size: 80%;
}

.storyPway {
	width: 540px;
	clear: both;
	padding: 0px 0px 0px 10px;
	font-size: 80%;
}

.storyPwayGrey {
	width: 530px;
	clear: both;
	padding: 0px 10px 10px 10px;
	font-size: 80%;
	/*background-color: #E6E6FA;*/
	border-top: 5px solid;
	border-color: #00BFFF;
}

.storyMain {
	/*width: 400px;*/
	clear: both;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;/**/
	font-size: 80%;
}
.backToTop {
	clear: both;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;/**/
	font-size: 80%;
}


.maps {
	margin-left: 145px;
	width: 310px;
	font-size: 100%;
}

 .mktWhy
{
	float: left;
	margin: 0 0 0 0;
	padding-right: 0px;
	padding-bottom: 5px;
	border: 1px solid;
	border-color: Green;
}

.bridge {
	width: 480px;
	margin: 0 auto;
	clear: both;
	padding: 10px 10px 10px 10px;
	font-size: 80%;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #eee;
}

.storyDunston {
	width: 535px;
	clear: both;
	text-align: justify;
	padding: 5px 5px 5px 10px;
	font-size: 80%;
}

.storyDunston p {
	padding: 0px 0px 0px 0px;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.storyPway p {
	padding: 0px 0px 0px 0px;
}

/*.story img {
border: 1px solid;
border-color: #eee;
	padding: 3px;
}*/

.storyPeelHill {
	width: 540px;
	clear: both;
	text-align: justify;
	padding: 5px 0px 5px 10px;
	font-size: 80%;
}

.storyPeelHill img {
	border: 2px solid #eee;
	padding: 3px;
	margin-bottom: 3px;
}

.storyNotes {
	width: 520px;
	padding: 10px;
	font-size: 75%;
}

.storyNotes img {
	border: none;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.storyMoors {
	width: 508px;
	padding: 10px;
	font-size: 95%;
	text-align: justify;
	border: 2px solid #eee;
}

.storyMaleham {
	width: 540px;
	padding-left: 10px;
	font-size: 80%;
	
}

.storyMemorial {
	width: 530px;
	font-size: 100%;
	text-align: justify;
}

div.thumbsCaption {
	float: left;
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 3px;
}

div.thumbsCaptionMoors {
	float: left;
	width: 125px;
	font-size: 80%;
	text-align: center;
}

div.thumbsCaptionMoors2 {
	float: left;
	width: 125px;
	margin-left: 10px;
	padding: 0px;
	font-size: 80%;
	text-align: center;
}

div.thumbsCaptionNewsletter {
	float: left;
	width: 125px;
	padding-bottom: 3px;
	font-size: 65%;
 	color: #006699;
	text-align: center;
}

div.thumbsCaptionNewsletter2 {
	float: left;
	width: 125px;
	margin-left: 16px;
	padding-bottom: 3px;
	font-size: 65%;
 	color: #006699;
	text-align: center;
}

div.thumbsCaptionPark {
	float: left;
	width: 125px;
	padding-top: 3px;
	font-size: 80%;
	text-align: center;
}

div.thumbsCaptionPark2 {
	float: left;
	width: 125px;
	margin-left: 10px;
	padding-top: 3px;
	font-size: 80%;
	text-align: center;
}

div.thumbsCaptionMoors3 {
	float: left;
	width: 260px;
	margin-left: 10px;
	padding: 0px;
	font-size: 80%;
	text-align: center;
}

div.thumbsCaptionBridgeL {
	float: left;
	width: 80px;
	padding-left: 30px;
}

div.thumbsCaptionBridgeR {
	float: left;
	width: 80px;
	padding-right: 30px;
}

div.thumbsCaptionBridge {
	float: left;
 	font-family: Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	font-size: 120%; 
 	text-align: center;
 	color: #339900;
	width: 300px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

div.thumbsCaptionPark3 {
	float: left;
	width: 260px;
	margin-left: 10px;
	padding-top: 3px;
	font-size: 80%;
	text-align: center;
}

div.thumbsYourpicsCaption {
	float: left;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 3px;
}

div.thumbsYourpicsCaptionRight {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding-left: 5px;
	padding-bottom: 5px;
}

div.thumbsYourpicsCaptionLeft {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.thumbsCaptionRight {
	float: right;
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 3px;
}
div.thumbsSnippetsRight {
	float: right;
	width: 320px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsFishRight {
	float: right;
	width: 300px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsFishLeft {
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

div.thumbsFishLeftSml {
	float: left;
	width: 188px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

div.thumbsFishLeftSml img {
	padding-bottom: 5px;
}

div.thumbsFishLeft img {
	padding-bottom: 5px;
}

div.thumbsFishRight img {
	padding-bottom: 5px;
}

div.thumbsWaterRight {
	float: right;
	width: 320px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 5px;
}

div.thumbsSnippetsLeft {
	float: left;
	width: 320px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsMemorialLeft {
	float: left;
	width: 305px;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
}

div.thumbsRaynerLeft {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsRaynerRight {
	float: right;
	width: 220px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsNewsletterLeft {
	float: left;
	width: 260px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: left;
}

div.thumbsPoorRight {
	float: right;
	width: 220px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 5px;
}

div.thumbsCokeRight {
	float: right;
	width: 320px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.councilRight {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding-left: 15px;
	padding-bottom: 5px;
}

div.thumbsMalehamRight {
	float: right;
	width: 135px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsMalehamRight3 {
	float: right;
	width: 148px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsMalehamRight2 {
	float: right;
	width: 340px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsMalehamRight3 img {
	padding-bottom: 5px;
}

div.thumbsMalehamRight img {
	padding-bottom: 5px;
}

div.thumbsMalehamLeft img {
	padding-bottom: 5px;
}

div.thumbsMalehamLeftR img {
	padding-bottom: 5px;
}

div.thumbsMalehamLeftTop img {
	padding-bottom: 5px;
}

div.thumbsMalehamLeft {
	float: left;
	width: 250px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsMalehamLeftR {
	float: left;
	width: 250px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsMalehamLeftTop {
	float: left;
	width: 160px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsCokeLeft {
	float: left;
	width: 274px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding: 3px;
}

div.thumbsRecRight {
	float: right;
	width: 273px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 2px solid #eee;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: center;
}

div.thumbsCzoneLeft {
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	text-align: center;
	border: 2px solid #eee;
	padding: 10px;
}

div.thumbsMoorendsLeft {
	float: left;
	width: 125px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	text-align: center;
	border: 2px solid #eee;
	padding: 9px;
}

div.thumbsMoorendsSubLeft {
	float: left;
	width: 200px;
	margin-right: 5px;
	margin-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	text-align: center;
	border: 2px solid #eee;
	padding: 7px
}

div.thumbsMktLeft {
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	text-align: center;
	border: 2px solid #eee;
	padding: 10px;
}

div.thumbsMktPanLeft {
	float: left;
	width: 445px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	text-align: center;
	border: 2px solid #eee;
	padding: 10px;
}

div.thumbsMoorendsPanLeft {
	float: left;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	padding-left: 3px;
	padding-bottom: 3px;
}

div.thumbsCaptionLeft {
	float: left;
	width: 520px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 3px;
}

div.thumbsCaptionWide {
	float: left;
	width: 520px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	padding: 3px;
}

div.thumbs {
	width: 530px;
	text-align: center;
	margin: auto;
	background-color: #ffffff;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
div.clear3 {	clear: both; line-height: 3px;}
div.clear2 { clear: both; line-height: 2px;}
div.clear {	clear: both; line-height: 5px;}
div.clear10 { clear: both; line-height: 10px;}

.img {
	border: none;
	padding-bottom: 3px;
}

.snippetsimg {
	margin-left: 5px;
	margin-bottom: 5px;
	border: 2px solid #eee;
	padding: 2px;
}

/************* #siteInfo styles ***************/

#siteAddy {
	clear: both;
	font-size: 65%;
	text-align: center;
	background-color: #EEE8AA;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding: 3px 3px 3px 3px;
}

#siteInfo {
	clear: both;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 65%;
	text-align: center;
	color: #708090;
	padding: 10px 10px 10px 10px;
}

#siteInfo img {
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

#searchBox {
margin: 0 auto;
	width: 690px;
	clear: both;
	font-size: 75%;
	text-align: center;
	color: #708090;
	padding: 10px 10px 10px 10px;
}

#searchBox  img {
	vertical-align: middle;
}

.pageTop {
	float:left;
	clear: both;
	background: url(../images/backtotop.gif) top center no-repeat;
	width:100%;
 	text-align:center;
 	padding: 5px 0 0 0;
 	margin: 10px 0 10px 0;
 	font-family: Arial, Helvetica, sans-serif;
 	font-weight:bold;
 	border:0px solid #000;
	}
	
.pageTop a:link, .pageTop a:active, .pageTop a:visited {
text-decoration: none;
font-size:80%;
color: #006699}

.pageTop a:hover {
font-weight: bold;
text-decoration: underline;
color: #5200D0;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #336600;
	text-decoration: none;
}

a.tb:link, a.tb:active, a.tb:visited {text-decoration: none;  font-size:90%; color: #336600} /* 0000ff */
a.tb:hover {text-decoration: none; color: #000000}

 .floatright
{
	float: right;
	margin: 0 0 0 0 ;
}

 .floatleft
{
	float: left;
	margin: 0 0 0 0;
}

 .floatleftInfo
{
	float: left;
	margin: 0 0 0 0;
	padding-right: 10px;
	padding-bottom: 5px;
}

 .floatrightInfo
{
	float: right;
	margin: 0 0 0 0;
	padding-left: 10px;
	padding-bottom: 5px;
}

 .floatrightBus
{
	float: right;
	margin: 0 20px 0 0;
	padding-left: 10px;
	padding-bottom: 5px;
}

.form { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #336633 }


.header150 {
 	font-family: Arial, Helvetica, sans-serif;
 	padding: 0px;
 	font-size: 150%; 
 	font-weight: bold;
 	color: #006699;
}

.header125 {
 	font-size: 125%;
 	color: #006699;
}

.header100 {
 	font-size: 100%;
 	padding-top: 2px;
 	padding-bottom: 2px;
 	color: #006699;
}

.header90 {
 	font-size: 90%;
 	font-weight: normal;
 	color: #006699;
}

.header80 {
 	font-size: 80%;
 	color: #006699;
}

.header75 {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 75%;
 	color: #006699;
 	margin: 0px;
 	padding: 0px;
}

.credits {
	width: 300px;
	margin: 0px auto;
	text-align: center;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	padding: 10px;
	font-size: 65%;
}

#medalsContent {
	margin: 0px auto;
	padding: 0px 0px 0px 25px;
	width: 520px;
}

#sovContent {
	margin: 0px auto;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 75%;
	padding: 0px 0px 0px 0px;
	width: 420px;
}

#infoContent {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 450px;
}

#pwContent {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 520px;
	height: 390px;
	background-image: url(../images/bandstand/brass_bands.jpg);
}

#moorendsContent {
	float: left;
	margin-left: 20px;
	width: 505px;
	padding: 0px 0px 0px 40px;
	border: 1px solid;
	border-color: Black;
}

#moorendsSubContent {
	width: auto;
	padding: 5px;
	
}

#mktContent {
	margin: 0px auto;
	padding: 0px 0px 0px 10px;
	width: 510px;
}

div.thumbsCaptionCanal {
	float: left;
	width: 170px;
	font-size: 80%;
	text-align: center;
}

div.thumbsCaptionCanal2 {
	float: left;
	width: 170px;
	font-size: 80%;
	text-align: center;
	margin-left: 10px;
	padding: 0px;
}

div.thumbsCaptionCanal3 {
	float: left;
	width: 530px;
	font-size: 80%;
	text-align: center;
	margin-left: 0px;
	padding: 0px;
}

#headlines {
	margin-top: 5px;
  float:left;
	width: 150px;
	padding: 0px 0px 0px 0px;
}

#headlines p {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 65%;
	padding: 0px 3px 0px 3px;
}

#homeHeadlines {
	margin-top: 5px;
	/*margin-left: 3px;*/
	float:left;
	width: 180px;
	font-size: 130%;
	padding: 0px 0px 0px 0px;
}

#homeHeadlines p {
	margin-top: 3px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	padding: 0px 5px 0px 5px;
}

.RTadvert {
	padding: 0px 3px 0px 3px;
	text-align: center;
}

.RTcol {
	width: 144px;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 65%;
	border-left: 1px solid #339900;
	border-bottom: 1px solid #339900;
	border-right: 1px solid #339900;
	border-top: 1px solid #339900;
	padding: 3px;
}

.Rtcolbkgrnd {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 120%;
 	color: Black;
 	background-color: #eeeeee;
 	text-align: left;
 	margin: 0px;
 	padding: 3px;
}

.RtcolbkgrndCenter {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 100%;
 	color: Black;
 	background-color: #eeeeee;
 	text-align: center;
 	margin: 0px;
 	padding: 3px;
}

.homeRTcol {
	width: 180px;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 70%;
	border-left: 1px solid #339900;
	border-bottom: 1px solid #339900;
	border-right: 1px solid #339900;
	border-top: 1px solid #339900;
	padding: 0px;
}

.ItemStyle {
	list-style-image: url(classic2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.PopItemStyle {
	list-style-image: url(classic1.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.linktable3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	border: 1px green solid;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
}

.memorialtable3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	border: 1px green solid;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
}

.sceduleTable {
	margin: 0 auto;
	width: 90%;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	border: 1px green solid;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
}

.ItemStyle {
	list-style-image: url(../classic2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.PopItemStyle {
	list-style-image: url(../classic1.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* business boxes */

.businesshead {
  height: 23px;
  background:  url(../images/bustoX.gif) no-repeat;
  }
  
.business {
  background: url(../images/busbodX.gif) repeat-y;
  margin-bottom: 1em;
  clear: both;
  }

.businessfoot {
  height: 23px;
  background:  url(../images/busfooX.gif) no-repeat;
  }

.bl {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
  margin: 0px 6px 0px 5px;
  padding: 0.5em 10px 0.5em 5px;
  font-size: 80%;
  padding-left: 5px;
  }
  
 /* .bl .listinglinks, .el .listinglinks {
  margin: 0px 6px 0px 5px;
  padding: 13px 0px 0px 5px;
  height: 40px;
  font-size: 100%;
  }
  
  .bl .listinglinks ul li.first, .el .listinglinks ul li.first {
  border-left: none;
  }

.bl .listinglinks ul li a {
  color: #000000;
  font-weight: bold;
  }*/
  
  .bl h3 {
  margin: 0px;
  padding: 0px;
  }
  
  li.first {
  border: 0px;
  padding: 0px;
  }
   
  .bl h2 {
  margin: 0px;
  padding: 0px;
  }
   
.informationPanel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #666;
  margin: 0px 10px 0px 0px;
  padding: 5px;
  }
  
  /* business boxes //*/
  .clearboth { clear: both; }
  
div.thumbsSovRight {
	float: right;
	width: 260px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding-bottom: 5px;
	padding-top: 5px;
}

div.thumbsSovRight img {
	padding-bottom: 5px;
}
  
div.thumbsSovLeft {
	float: left;
	width: 310px;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 75%;
	text-align: center;
	border: 2px solid #eee;
	padding-bottom: 5px;
	padding-top: 5px;
}

div.thumbsSovLeft img {
	padding-bottom: 5px;
}

div.homeBox{
	display: inline;
	position: relative;
	width: 49%;
	margin: 10px 5px 0px 0px;
	padding: 0px;
	font-size: 75%;
	float: left;
}

div.homeBox h2{
	display: block;
	background-color: #228B22;
	font-size: 1.0em;
 	color: #FFFAFA;
	margin: 0px;
	padding: 2px 10px;
	border-top: 3px solid #EEE8AA; /* test on;y */
	border-left: 3px solid #EEE8AA; /* test on;y */
}

div.homeBox h2.highlight{
	background-color: #EEE8AA;
	color: #FFFFFF;
}

div.homeBox p{
	margin: 0px;
	padding: 5px 10px;
}

div.homeBox h2.highlight a:link, div.homeBox h2.highlight a:visited {
	color: #666;
	text-decoration: none;
}

div.homeBox h2.highlight a:hover, div.homeBox h2.highlight a:active {
	color: #666;
	text-decoration: underline;
}


div.homeBox  a:link, div.homeBox  a:visited {
	color: #1E90FF;
	text-decoration: none;
}

div.homeBox a:hover, div.homeBox a:active {
	color: #1E90FF;
	text-decoration: underline;
}

div.homeBox img.withBorder{
	display: inline;
	float: right;
	margin: 5px 0px 0px 5px;
	border: solid 1px #666666;
}

div.homeBox img.withoutBorder{
	display: inline;
	float: right;
	border: none;
	margin: 5px 0px 0px 5px;
}

.red{
	color: #FF0000;
}
.red a:link, .red a:visited{
	color: #FF0000;
	text-decoration: none;
}

.red a:hover, .red a:active{
	color: #FF0000;
	text-decoration: underline;
}

.scriptWarn {
 	font-size: 100%;
	font-weight: bold;
 	padding-top: 2px;
 	padding-bottom: 2px;
 	color: Red;
}

/*  lightbox css */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	

	}

#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;

	}