.text8 {font-family: arial; font-size: 8px; color: #00CC00;}
.text9 {font-family: arial; font-size: 9px; color: #00CC00;}
.text10 {font-family: arial; font-size: 10px; color: #00CC00;}
.text11 {font-family: arial; font-size: 11px; color: #00CC00;}
.text12 {font-family: arial; font-size: 12px; color: #00CC00;}
.text14 {font-family: arial; font-size: 14px; color: #00CC00;}
.text16 {font-family: arial; font-size: 16px; color: #00CC00;}
.text18 {font-family: arial; font-size: 18px; color: #00CC00;}
.text24 {font-family: arial; font-size: 24px; color: #00CC00;}
.text30 {font-family: arial; font-size: 30px; color: #00CC00;}
.text36 {font-family: arial; font-size: 36px; color: #00CC00;}
.text48b {font-family: arial; font-size: 48px; color: #000000;}
.text72b {font-family: arial; font-size: 72px; color: #000000;}
.text75 {font-family: arial; font-size: 75%; color: #00CC00;}
.text75black {font-family: arial; font-size: 75%; color: #000000;}
.text75blackgeorgia {font-family: georgia; font-size: 75%; color: #000000;}
.text85 {font-family: arial; font-size: 85%; color: #00CC00;}
.text85r {font-family: arial; font-size: 85%; color: #ed5555;}
.text85b {font-family: arial; font-size: 85%; color: #1e8ef6;}
.text85branch {font-family: arial; font-size: 85%; color: #000000;}
.text100 {font-family: arial; font-size: 100%; color: #00CC00;}
.text100black {font-family: arial; font-size: 100%; color: #000000;}
.text100boldblack {font-family: arial; font-size: 100%; font-weight: bold; color: #000000;}
.text100blackgeorgia {font-family: georgia; font-size: 100%; color: #000000;}
.text100branch {font-family: arial; font-size: 100%; color: #000000;}
.textG100 {font-family: georgia; font-size: 100%; color: #00CC00;}
.text125 {font-family: arial; font-size: 125%; color: #00CC00;}
.text125blackgeorgia {font-family: georgia; font-size: 125%; color:#000000;}
.text150 {font-family: arial; font-size: 150%; color: #00CC00;}
.text150branch {font-family: arial; font-size: 150%; color: #000000;}
.text150blackgeorgia {font-family: georgia; font-size: 150%; color: #000000;}
.text200blackgeorgia {font-family: georgia; font-size: 200%; color: #000000;}

.text100bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 100%; color: #0f2475;}
.text100orangecartersans {font-family: "carter sans pro", georgia, serif; font-size: 100%; color: #955013;}
.text120bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 120%; color: #0f2475;}
.text120orangecartersans {font-family: "carter sans pro", georgia, serif; font-size: 120%; color: #955013;}
.text133bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 133%; color: #0f2475;}
.text133greycartersans {font-family: "carter sans pro", georgia, serif; font-size: 133%; color: #5d5a5a;}
.text133orangecartersans {font-family: "carter sans pro", georgia, serif; font-size: 133%; color: #955013;}
.text135orangeverdana {font-family: verdana; font-size: 135%; color: #955013;}
.text140bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 140%; color: #0f2475;}
.text140orangecartersans {font-family: "carter sans pro", georgia, serif; font-size: 140%; color: #955013;}
.text1.5bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 1.0vw; color: #0f2475;}
.text1.5orangecartersans {font-family: "carter sans pro", georgia, serif; font-size: 1.0vw; color: #955013;}
.text150bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 150%; color: #0f2475;}
.text150orangecartersans {font-family: "carter sans pro", georgia, serif; font-size: 150%; color: #955013;}
.text150orangeverdana {font-family: verdana; font-size: 150%; color: #955013;}
.text150orangegeorgia {font-family: georgia; font-size: 150%; color: #955013;}
.text160bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 160%; color: #0f2475;}
.text200bluegeorgia {font-family: georgia; font-size: 200%; color: #0f2475}
.text200bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 200%; color: #0f2475}
.text200blueverdana {font-family: verdana; font-size: 200%; color: #0f2475}
.text200orangecartersans {font-family: "carter sans pro", georgia, serif; font-size: 200%; color: #955013}
.text225bluecartersans {font-family: "carter sans pro", georgia, serif; font-size: 225%; color: #0f2475}


/* css for links */

tr.decoration img {display: block;}
A:link {text-decoration: none} 
A:visited {text-decoration: none} 
A:active {text-decoration: none} 
A:hover {text-decoration: none} 
div.linkcontrol img {display: block;}
A:link {text-decoration: none} 
A:visited {text-decoration: none} 
A:active {text-decoration: none} 
A:hover {text-decoration: none} 



/* css for dow.scot */
div.treespacertop {display: block; overflow: auto; text-align: left; margin-top: 0px; margin-bottom: 0px; padding-left: 1%; padding-right: 0%; padding-top: 5%; padding-bottom: 0%; -webkit-overflow-scrolling: touch;}
/* webkit tag added to enable momentum scrolling on ios devices */
div.treeindex {white-space: nowrap; text-align: left; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0.5%}
div.treelist {display: inline-block; padding: 0.5%;}
div.treecentretext {background: #FFFFFF; border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 3%; padding-bottom: 0%; text-align: center;}

div.dowhomelisttext {border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 3%; padding-bottom: 0%; text-align: center;}
div.dowcentretext {border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 3%; padding-bottom: 1%; text-align: center;}
div.dowsubheadtext {border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 1%; padding-bottom: 1%; text-align: center;}
div.dowcentretoplisttext {border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 4%; padding-bottom: 0%; text-align: center;}
div.dowcentrelisttext {border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 5%; padding-bottom: 0%; text-align: center;}
div.dowheader {border-bottom: thin solid #000000; margin: 0px; padding: 0px;}
.dowpicborder {border: thin solid #000000;}
div.dowleftlisttext {border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 1%; padding-bottom: 1%;}
div.dowleftfarlisttext {border: 0px; margin-left: 3%; margin-right: 10%; padding-top: 1%; padding-bottom: 1%;}

div.dowmementoframe {width: 100%; background: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0%; padding-bottom: 0%}
div.dowmementocentretext {border: 0px; padding-top: 3%; padding-bottom: 2%; text-align: center;}
div.dowmementoindex {width: 100%; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 1%; padding-bottom: 5%}
div.dowmementocolone {background: #FFFFFF; display: inline-block; width: 20%; margin-left: 5%; vertical-align: top; text-align: center;}
div.dowmementocoltwo {background: #FFFFFF; display: inline-block; width: 25%; padding-left: 3%; vertical-align: top; text-align: left;}
div.dowmementocolthree {background: #FFFFFF; display: inline-block; width: 40%; padding-left: 2%; vertical-align: top; text-align: left;}
div.mementopage2 {display: block; position: relative; background: #FFFFFF; width: 100%; border: 0px; padding: 0px;}
div.mementopage2H {background: #FFFFFF; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}


div.dowphotopage1 {display: block; position: relative; background: #FFFFFF; width: 100%; border: 0px; margin: 0px; padding: 0px;}
div.dowphotopage1b {background: #FFFFFF; border: 0px; margin-left: 10%; margin-right: 10%; padding: 2%; text-align: center;}
/* padding in class above will be a percentage of the window width, because it is calculated as a percentage of the parent container, which here has been set to a width of 100 per cent */
div.dowphotopage2 {display: block; position: relative; background: #FFFFFF; width: 100%; border: 0px; padding: 0px;}
div.dowphotopage2b {background: #FFFFFF; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}
div.dowphotopage2H {background: #FFFFFF; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}
div.dowphotopage2H4x3 {background: #FFFFFF; border: 0px; margin-left: 19%; margin-right: 19%; padding: 0px; text-align: center;}
div.dowphotopage2H3x4 {background: #FFFFFF; border: 0px; margin-left: 29%; margin-right: 29%; padding: 0px; text-align: center;}
div.dowphotopage2HPan {background: #FFFFFF; border: 0px; margin-left: 5%; margin-right: 5%; padding: 0px; text-align: center;}
div.dowphotopage2V {background: #FFFFFF; border: 0px; margin-left: 33%; margin-right: 33%; padding: 0px; text-align: center;}
div.dowphotopage2S {background: #FFFFFF; border: 0px; margin-left: 25%; margin-right: 25%; padding: 0px; text-align: center;}


div.dowphotopageblack1 {display: block; position: relative; background: #000000; width: 100%; border: 0px; margin: 0px; padding: 0px;}
div.dowphotopageblack1b {background: #000000; border: 0px; margin-left: 10%; margin-right: 10%; padding: 2%; text-align: center;}
/* padding in class above will be a percentage of the window width, because it is calculated as a percentage of the parent container, which here has been set to a width of 100 per cent */
div.dowphotopageblack2 {display: block; position: relative; background: #000000; width: 100%; border: 0px; padding: 0px;}
div.dowphotopageblack2b {background: #000000; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}
div.dowphotopageblack2H {background: #000000; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}
div.dowphotopageblack2H4x3 {background: #000000; border: 0px; margin-left: 19%; margin-right: 19%; padding: 0px; text-align: center;}
div.dowphotopageblack2H3x4 {background: #000000; border: 0px; margin-left: 29%; margin-right: 29%; padding: 0px; text-align: center;}
div.dowphotopageblack2HPan {background: #000000; border: 0px; margin-left: 5%; margin-right: 5%; padding: 0px; text-align: center;}
div.dowphotopageblack2V {background: #000000; border: 0px; margin-left: 33%; margin-right: 33%; padding: 0px; text-align: center;}
div.dowphotopageblack2S {background: #000000; border: 0px; margin-left: 25%; margin-right: 25%; padding: 0px; text-align: center;}


/* VID960 intended for HD video - but 960 by 540 */
div.dowphotopage2VID960 {background: #FFFFFF; border: 0px; margin-left: 0%; margin-right: 0%; padding: 0px; text-align: center;}
/* VID768 intended for SD video - 768 by 576 */
div.dowphotopage2VID768 {background: #FFFFFF; border: 0px; margin-left: 10%; margin-right: 10%; padding: 0px; text-align: center;}
div.dowphotopage2VID640 {background: #FFFFFF; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}

div.dowphotopage4 {display: block; position: relative; background: #FFFFFF; width: 100%; border: 0px; padding: 0px;}
div.dowphotopage4b {background: #FFFFFF; border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 3%; padding-bottom: 0%; text-align: center;}
div.dowphotopage4c {background: #FFFFFF; border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 3%; padding-bottom: 0%; text-align: left;}
div.dowphotopageblack4 {display: block; position: relative; background: #000000; width: 100%; border: 0px; padding: 0px;}
div.dowphotopageblack4b {background: #000000; border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 3%; padding-bottom: 0%; text-align: center;}
/* padding in class above will be a percentage of the window width, because it is calculated as a percentage of the parent container, which here has been set to a width of 100 per cent */
div.dowphotopage3 {display: block; position: relative; background: #FFFFFF; width: 100%; border: 0px; margin: 0px; padding: 0px;}
div.dowphotopage3b {background: #FFFFFF; border: 0px; margin-left: 10%; margin-right: 10%; padding: 1%; text-align: right;}
div.dowaudiopage1b {background: #FFFFFF; border: 0px; margin-left: 10%; margin-right: 10%; padding: 1%; text-align: center;}
div.dowaudiopage2H {background: #FFFFFF; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}
div.dowphotolist {display: inline-block; padding: 1%;}





/* css for photo and video pages - included her */

div.photoindex {display: block; width: 70%; text-align: left; margin-top: 0px; margin-bottom: 0px; padding-left: 1%; padding-right: 0; padding-top: 0; padding-bottom: 0;}
div.photoindexyear {display: block; padding-top: 1%;}
.resizableimage {max-width: 100%; border: 0;}
.resizableimageV {height: vertsize; border: 0;}
.borderlessimage {border: 0;}
div.photopage1 {display: block; position: relative; background: #000000; width: 100%; border: 0px; margin: 0px; padding: 0px;}
div.photopage1b {background: #000000; border: 0px; margin-left: 10%; margin-right: 10%; padding: 2%; text-align: center;}
/* padding in class above will be a percentage of the window width, because it is calculated as a percentage of the parent container, which here has been set to a width of 100 per cent */
div.photopage2 {display: block; position: relative; background: #000000; width: 100%; border: 0px; padding: 0px;}
div.photopage2b {background: #000000; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}
div.photopage2H {background: #000000; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}
div.photopage2H4x3 {background: #000000; border: 0px; margin-left: 19%; margin-right: 19%; padding: 0px; text-align: center;}
div.photopage2HPan {background: #000000; border: 0px; margin-left: 5%; margin-right: 5%; padding: 0px; text-align: center;}
div.photopage2V {background: #000000; border: 0px; margin-left: 33%; margin-right: 33%; padding: 0px; text-align: center;}
div.photopage2S {background: #000000; border: 0px; margin-left: 25%; margin-right: 25%; padding: 0px; text-align: center;}
/* VID960 intended for HD video - but 960 by 540 */
div.photopage2VID960 {background: #000000; border: 0px; margin-left: 0%; margin-right: 0%; padding: 0px; text-align: center;}
/* VID768 intended for SD video - 768 by 576 */
div.photopage2VID768 {background: #000000; border: 0px; margin-left: 10%; margin-right: 10%; padding: 0px; text-align: center;}
div.photopage2VID640 {background: #000000; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}
div.photopage4 {display: block; position: relative; background: #000000; width: 100%; border: 0px; padding: 0px;}
div.photopage4b {background: #000000; border: 0px; margin-left: 10%; margin-right: 10%; padding-top: 3%; padding-bottom: 0%; text-align: center;}
/* padding in class above will be a percentage of the window width, because it is calculated as a percentage of the parent container, which here has been set to a width of 100 per cent */
div.photopage3 {display: block; position: relative; background: #000000; width: 100%; border: 0px; margin: 0px; padding: 0px;}
div.photopage3b {background: #000000; border: 0px; margin-left: 10%; margin-right: 10%; padding: 1%; text-align: right;}
div.photolist {display: inline-block; padding: 1%;}
div.helpindex {display: block; width: 60%; text-align: left; padding: 20%;}
div.audiopage1b {background: #000000; border: 0px; margin-left: 10%; margin-right: 10%; padding: 1%; text-align: center;}
div.audiopage2H {background: #000000; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;}

/* div tag experiment with background image ....  div.audiopage2H {background: #000000; background-image:url('audios/audioposter360.jpg'); background-repeat:no-repeat; background-position:center top; border: 0px; margin-left: 15%; margin-right: 15%; padding: 0px; text-align: center;} */