/* This is a standard style-sheet for RiverMile39.com*/

body {background-color: #ffffff}

/* dk blue - unvisited link */
a:link { color: #336699; text-decoration: none; font-style: normal }  
/* dk red - unvisited link */
a:visited { color: #800000; text-decoration: none; font-style: normal } 
/* red - mouse over link */ 
a:hover { color: #800000; text-decoration: underline; font-style: normal }  
/* selected link - use same color as hover */
a:active { color: #800000; text-decoration: underline; font-style: normal }  
/* use same color as hover - focus not generally supported*/
a:focus { color: #800000; text-decoration: underline; font-style: normal }  

/* Use the same colors as for text links */
a:link img {border-color: #336699 }
a:visited img {border-color: #800000 }
a:hover img {border-color: #800000 }
a:active img {border-color: #800000 }

/* Used when you want a hanging-indent on a paragraph */
p.hang { text-indent: -40px; margin-left: 50px }
p.indent25 { text-indent: 25px }
p.hang25margin50 { text-indent: -25px; margin-left: 50px }
p.hang25margin25 { text-indent: -25px; margin-left: 25px }



p.left {text-align: left}
p.center {text-align: center}
p.right {text-align: right}

span.center {text-align: center}


/* Move the paragraph over 10px */
p.margin25 { margin-left: 25px }
p.margin10 { margin-left: 10px }
p.margin6 { margin-left: 6px }


/* Color - assume standard color, unless named otherwise */
/* Fonts allowed: serif - georgia, times new roman, times (mac)
                  sans-serif - verdana, "trebuchet ms", tahoma (geneva on mac), arial, helvetica (mac)
                  cursive - comic sans ms */
/* font-style:  normal or italic */
/* font-weight: normal or bold */
/* font-variant:  normal or small-caps */
/*  */
/* line-height:  normal or nnpt (fixed distance) or nn% (% of current font size) */
/*  */
/* text-align:  left, right, center, justify */
/* text-decoration: none or underline */
/* text-indent:  -nnpx (hanging indent)  or 0  or nnpx (std indent) */
/*  */

.linkheading {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 130%;
    text-decoration: none;
	color: #336699
}

.linkheadingright {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 130%;
    text-decoration: none;
    text-align: right;
	color: #336699
}

.linklarge {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 150%;
    text-decoration: none;
	color: #336699;
}

.linklargetitle {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
    text-decoration: none;
	color: #336699;
}

.linknavbar {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 150%;
	text-decoration: none;
	color: #336699;
}

.linknavbarmap {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
    text-align: left;
	color: #336699;
}

.linktext {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 150%;
	text-decoration: none;
	color: #336699;
}

.linkmedium {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #336699;
}

.linksmall {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #336699;
}

/* Styles for the Top Banner - assume standard color/line height, unless named otherwise */

/* Very Dark Gray - Banner */
.bannerlarge {
	font-family: georgia, "times new roman", times, serif;
	font-size: 18pt;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: 140%;
	text-decoration: none;
	color: #444444;
}

.bannerlargeblue {
	font-family: georgia, "times new roman", times, serif;
	font-size: 18pt;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: 140%;
	text-decoration: none;
	color: #336699;
}

.bannermedium {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 140%;
	text-decoration: none;
	color: #444444;
}

.bannermediumblueitalic {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: 140%;
	text-decoration: none;
	color: #336699;
}


.bannermediumbluebold {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 140%;
	text-decoration: none;
	color: #336699;
}

.bannermediumgray {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 140%;
	text-decoration: none;
	color: #444444;
}

.bannersmall {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #333333;
}

.bannersmallblue {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 130%;
	text-decoration: none;
	color: #336699;
}

.bannersmallgray {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 130%;
	text-decoration: none;
	color: #333333;
}


/* Page Heading and Title Styles - assume standard color/line height, unless named otherwise */
/* Title - Depends on Link */
.titleheading {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #333333;
}

.titleheadingnotbold {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #333333;
}

.titleheadingblue {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #336699;
}

.titlelarge {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #333333;
}

.titlelargeblue {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #336699;
}

.titlelargered {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #800000;
}

.titlelargenotbold {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #333333;
}

.titlemediumblue {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 150%;
	text-decoration: none;
	color: #336699;
}

.titlesmallbluebold {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 150%;
	text-decoration: none;
	color: #336699;
}

.titlesmallredbold {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 120%;
	text-decoration: none;
	color: #800000;
}

.titletext {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	color: #333333;
}


/* Styles of Text in the Body of the Page - assume standard color/line height, unless named otherwise */

.bodylarge {
	font-family: arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 130%;
	text-decoration: none;
	color: #333333;
}

.bodylargeright {
	font-family: arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 130%;
	text-decoration: none;
    text-align: right;
	color: #333333;
}


.bodytext {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 150%;
	text-decoration:none;
	color: #333333;
}

.bodytextblue {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 150%;
	text-decoration:none;
	color: #336699;
}

.bodytextbluebold {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 150%;
	text-decoration:none;
	color: #336699;
}


.bodytexttall {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 200%;
	text-decoration:none;
	color: #333333;
}

.bodytextbold {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 150%;
	text-decoration:none;
	color: #333333;
}


.bodytextright {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 150%;
	text-decoration:none;
    text-align:right;
	color: #333333;
}

.bodytextitalic {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: 110%;
	text-decoration:none;
	color: #333333;
}


.bodytextbullets {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 130%;
	text-decoration:none;
	color: #333333;
}

.bodymedium {
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 125%;
	text-decoration:none;
	color: #333333;
}

.bodysmall {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 125%;
	text-decoration:none;
	color: #333333;
}    
 
.bodysmallbold {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 125%;
	text-decoration:none;
	color: #333333;
}    
  
.bodysmallbluebold {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 125%;
	text-decoration:none;
	color: #336699;
}    
  


/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:20px; }
.PZ3-r { float:right; margin-left:20px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #000; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #000;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:11pt arial, helvetica,sans-serif;
  font-weight: bold; 
  margin-top:-3px; background:#DDE6ED; color:#222222;
  text-align:center; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */ 


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

.thumbnail img{
border: 1px #336699;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px #800000;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #DDE6ED;
padding: 5px;
left: -1000px;
border: 1px #333333;
visibility: hidden;
color: #222222;
text-decoration: none;
font-size: 10pt;
line-height: 130%;


}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1100px;    /*position where enlarged image should offset vertically */ 
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>