body {font-family:Trebuchet,arial,sans-serif;background:#000000;}
html,body{
scrollbar-face-color:#fffcbe;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:#ffff00;
scrollbar-track-color:#818b96;
scrollbar-shadow-color:#53657a;
scrollbar-highlight-color:#cccccc;
scrollbar-3dlight-color:#818b96;
scrollbar-darkshadow-Color:#999999;
}

h1{color:#ffffff;font-weight:600;font-family:arial; font-size:8pt;margin-left:10px;margin-right:10px;}
h5{color:#ffcc00;font-weight:600;font-family:arial; font-size:8pt;margin-left:10px;margin-right:10px;}
h1.sm{color:navy;font-size:7pt;bold;}
h2 {color:#ffffff;font-size:10pt;padding:10px;}
h2.b{color:#ffffff;font-size:9pt;padding:10px;font-weight:600;}

h6{font-size:6pt;bold:line-height:10pt;color:white}
h4{color:#ffffff;font-weight:500;font-size:small;padding:10px;}


p.w {margin-left:30pt;
margin-right:30pt}
p {margin-left:10pt;margin-right:10pt;}

h5{background-image:url(ugradv.gif);background-repeat:repeat-x;}

div.border{background-image:url(gradplp.png);background-repeat:repeat-y;padding:0px; 
border-top-style:outset;border-top-color:#f8f858;border-top-width:2px;
border-right-style:outset;border-right-color:#cccc00;border-right-width:2px;
 border-bottom-style:outset;border-bottom-color:#f8f858;border-bottom-width:2px;
 border-left-style: outset;border-left-color:#f8f858;border-left-width:2px;}
 
div.grad{background-image:url(grad.png);background-repeat:repeat-y;padding:0px; 
border-top-style:outset;border-top-color:#f8f858;border-top-width:2px;
border-right-style:outset;border-right-color:#cccc00;border-right-width:2px;
 border-bottom-style:outset;border-bottom-color:#f8f858;border-bottom-width:2px;
 border-left-style: outset;border-left-color:#f8f858;border-left-width:2px;} 
 
 div.grad12{background-image:url(grad12.png);background-repeat:repeat-y;padding:0px; 
border-top-style:outset;border-top-color:#f8f858;border-top-width:2px;
border-right-style:outset;border-right-color:#cccc00;border-right-width:2px;
 border-bottom-style:outset;border-bottom-color:#f8f858;border-bottom-width:2px;
 border-left-style: outset;border-left-color:#f8f858;border-left-width:2px;} 
 
 div.gradred{background-image:url(grad12.png);background-repeat:repeat-y;padding:0px; 
border-top-style:outset;border-top-color:#ff3300;border-top-width:2px;
border-right-style:outset;border-right-color:#990000;border-right-width:2px;
 border-bottom-style:outset;border-bottom-color:#990000;border-bottom-width:2px;
 border-left-style: outset;border-left-color:#ff3300;border-left-width:2px;} 
 
  
div.bar{background-image:url(longsilverlogo.png);background-repeat:no-repeat;padding:0px;}
 
 div.gradh{background-image:url(gradsilverh.png);background-repeat:repeat-y;padding:5px;
border-top-style:outset;border-top-color:#ffff66;border-top-width:2px;
border-right-style:outset;border-right-color:#ffff66;border-right-width:2px;
 border-bottom-style:outset;border-bottom-color:#ffff66;border-bottom-width:2px;
 border-left-style: outset;border-left-color:#ffff66;border-left-width:2px;}
 
 div.gradh2{background-image:url(gradsilverh3.png);background-repeat:repeat-y;padding:5px;
border-top-style:outset;border-top-color:#ffff66;border-top-width:2px;
border-right-style:outset;border-right-color:#ffff66;border-right-width:2px;
 border-bottom-style:outset;border-bottom-color:#ffff66;border-bottom-width:2px;
 border-left-style: outset;border-left-color:#ffff66;border-left-width:2px;}
 
 div.gradsolidv{background-image:url(liveh3.gif);background-repeat:repeat-y;padding:5px;
border-top-style:outset;border-top-color:#ffffff;border-top-width:2px;
border-right-style:outset;border-right-color:#ffffff;border-right-width:2px;
 border-bottom-style:outset;border-bottom-color:#ffffff;border-bottom-width:2px;
 border-left-style: outset;border-left-color:#ffffff;border-left-width:2px;}
 
A:link    { color: #ff9900}    /* unvisited links */
A:visited { color:#ff6600 }   /* visited links   */
A:hover   { background-color: #000000 } /* user hovers over link*/
A:active  { color: #ff3333 }   /* active links    */


img.floatleft{float:left;margin:4px}
img.floatright{float:right;margin:4px}
div.floatright{float:right;margin:4px}
span.floatr{float:right;margin:4px}






div.thamesone{ background-size:auto; background-image: url(thamesone.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

div.thames4{  background-size:auto;background-image: url(thames4.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

div.thames2{ background-size:auto; background-image: url(thames2.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

div.thames5{ background-size:auto; background-image: url(thames5.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

div.thames6{  background-size:auto;background-image: url(thames6.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }
   
div.thames7{ background-size:auto; background-image: url(thames7.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

div.thames8{ background-size:auto; background-image: url(thames8.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

div.thames3{ background-image: url(thames3.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

div.castle{ background-size:auto; background-image: url(wcastle.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

div.castle5{ background-size:auto; background-image: url(wcastle5.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }
 
div.castle4{ background-size:auto; background-image: url(wcastle4.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  } 
 
div.castle2{ background-size:auto; background-image: url(wcastle2.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }
 
 div.boulters{ background-size:auto; background-image: url(boulters.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }

  div.castle1{ background-size:auto; background-image: url(castle1.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  }
 
 
 div.city{ background-size:auto; background-image: url(city.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  } 

div.nelson{background-size:auto; background-image: url(nelson.jpg); 
 background-repeat: no-repeat; background-position: center center;background-position:top;  } 
 

.submit-button {margin-left: 5px;margin-right:5px;
color: #414f5f; background:#ffffcc;border: 2px #f8f858 outset} 

div.footnote {font-size:6pt;color:ffffff;bold:line-height:10pt;text-align: center}




li{ margin-left:20pt;list-style-position:outside;}
li.r{margin-left:20pt;list-style-type: square ;list-style-position:outside;}

div#hidden{display: none;position: absolute; left: 30%; top: 150px;}
 div#hidden2{display: none;position: absolute; left: 32%; top: 145px;}
 div#hidden3{display: none;position: absolute; left: 34%; top: 140px;}
 div#hidden4{display: none;position: absolute; left: 36%; top: 135px;}




.gallerycontainer{
position: left:150px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px ;
margin: 0 1px 1px 0;
}
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{border: 0px ;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background:background-color:  yellow;
padding: 5px;
left: -1000px;
border: 1px ;
visibility: hidden;
}



.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 130px; /*position where enlarged image should offset horizontally */

}
/-----------------------------------------------/




#pic {background: transparent;
	left: 12px;
	position: static;
	top: 10px;
	width: 135px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: static;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}


}

#pic a.p1:hover {
	background:transparent;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: none;
	display: block;
	height: 233px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 300px;
}

#menu {position:relative; top:10px; left:0px; width:75px; background:transparent; z-index:100;}
#menu a.p1, #menu a.p1:visited {display:block; margin:20px width:75px; height:575px; text-decoration:none; background:transparent; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background:transparent; color:#000;}
#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large {display:block; position:absolute; top:100px; left:100px; width:248px; height:230px; border:0px ;}
#info {z-index:100; height:22em;}