html, body {
border: 0;
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: x-small;
font-weight: normal;
}

body {
	background: #F8F8F8;
	background: white;
	background: #F4F4F4;

  color: #444;
}

.phototable {
	border: none;
	border: 1px solid #DDD;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background: #F8F8F8;
  width: 1012px;  /* BOOGER */
}


html>body A:link {
	color: #333;
  color: black;
}
html>body A:visited {
	color: #666;
}
html>body A:hover {
	color: #444240;
  color: #808;
}



html>body span.shadowbox {
	margin-right: 6px;
	margin-left: 0px;
}



/* CORNERS */
html>body .shadowbox .corner1,
html>body .shadowbox .corner2,
html>body .shadowbox .corner3,
html>body .shadowbox .corner4 {
	padding: 0px;
	position: relative;
}


html>body .shadowbox .corner1 {
	background-position: bottom right;
	background-repeat: no-repeat;
}
html>body .shadowbox .corner2 {
	background-position: bottom left;
	background-repeat: repeat-x;
}
html>body .shadowbox .corner3 {
	background-position: top right;
	background-repeat: repeat-y;
}
html>body .shadowbox .corner4 {
	background-position: top left;
	background-repeat: repeat;
}


/* LARGETHICK50 */
html>body .largephoto .corner1,
html>body .largethick50 .corner1 {
	background-image: url(images/shadow2048-16px-50a-BR.png);
}
html>body .largephoto .corner2,
html>body .largethick50 .corner2 {
	background-image: url(images/shadow2048-16px-50a-BL.png);
}
html>body .largephoto .corner3,
html>body .largethick50 .corner3 {
	background-image: url(images/shadow2048-16px-50a-TR.png);
}
html>body .largephoto .corner4,
html>body .largethick50 .corner4 {
	background-image: url(images/shadow2048-16px-50a-TL.png);
}


/* SMALLTHICK50 */
html>body .smallthick50 .corner1 {
	background-image: url(images/shadow256-16px-50a-BR.png);
}
html>body .smallthick50 .corner2 {
	background-image: url(images/shadow256-16px-50a-BL.png);
}
html>body .smallthick50 .corner3 {
	background-image: url(images/shadow256-16px-50a-TR.png);
}
html>body .smallthick50 .corner4 {
	background-image: url(images/shadow256-16px-50a-TL.png);
}


/* LARGETHICK25 */
html>body .largethick25 .corner1 {
	background-image: url(images/shadow2048-16px-25a-BR.png);
}
html>body .largethick25 .corner2 {
	background-image: url(images/shadow2048-16px-25a-BL.png);
}
html>body .largethick25 .corner3 {
	background-image: url(images/shadow2048-16px-25a-TR.png);
}
html>body .largethick25 .corner4 {
	background-image: url(images/shadow2048-16px-25a-TL.png);
}


/* SMALLTHICK25 */
html>body .smallphoto .corner1,
html>body .smallthick25 .corner1 {
	background-image: url(images/shadow256-16px-25a-BR.png);
}
html>body .smallphoto .corner2,
html>body .smallthick25 .corner2 {
	background-image: url(images/shadow256-16px-25a-BL.png);
}
html>body .smallphoto .corner3,
html>body .smallthick25 .corner3 {
	background-image: url(images/shadow256-16px-25a-TR.png);
}
html>body .smallphoto .corner4,
html>body .smallthick25 .corner4 {
	background-image: url(images/shadow256-16px-25a-TL.png);
}


/* LARGETHICK12 */
html>body .largethick12 .corner1 {
	background-image: url(images/shadow2048-16px-12a-BR.png);
}
html>body .largethick12 .corner2 {
	background-image: url(images/shadow2048-16px-12a-BL.png);
}
html>body .largethick12 .corner3 {
	background-image: url(images/shadow2048-16px-12a-TR.png);
}
html>body .largethick12 .corner4 {
	background-image: url(images/shadow2048-16px-12a-TL.png);
}


/* SMALLTHICK12 */
Xhtml>body .smallphoto .corner1,
html>body .smallthick12 .corner1 {
	background-image: url(images/shadow256-16px-12a-BR.png);
}
Xhtml>body .smallphoto .corner2,
html>body .smallthick12 .corner2 {
	background-image: url(images/shadow256-16px-12a-BL.png);
}
Xhtml>body .smallphoto .corner3,
html>body .smallthick12 .corner3 {
	background-image: url(images/shadow256-16px-12a-TR.png);
}
Xhtml>body .smallphoto .corner4,
html>body .smallthick12 .corner4 {
	background-image: url(images/shadow256-16px-12a-TL.png);
}


/* LARGETHIN50 */
html>body .largethin50 .corner1 {
	background-image: url(images/shadow2048-8px-50a-BR.png);
}
html>body .largethin50 .corner2 {
	background-image: url(images/shadow2048-8px-50a-BL.png);
}
html>body .largethin50 .corner3 {
	background-image: url(images/shadow2048-8px-50a-TR.png);
}
html>body .largethin50 .corner4 {
	background-image: url(images/shadow2048-8px-50a-TL.png);
}


/* SMALLTHIN50 */
html>body .smallthin50 .corner1 {
	background-image: url(images/shadow256-8px-50a-BR.png);
}
html>body .smallthin50 .corner2 {
	background-image: url(images/shadow256-8px-50a-BL.png);
}
html>body .smallthin50 .corner3 {
	background-image: url(images/shadow256-8px-50a-TR.png);
}
html>body .smallthin50 .corner4 {
	background-image: url(images/shadow256-8px-50a-TL.png);
}


/* LARGETHIN25 */
html>body .largethin25 .corner1 {
	background-image: url(images/shadow2048-8px-25a-BR.png);
}
html>body .largethin25 .corner2 {
	background-image: url(images/shadow2048-8px-25a-BL.png);
}
html>body .largethin25 .corner3 {
	background-image: url(images/shadow2048-8px-25a-TR.png);
}
html>body .largethin25 .corner4 {
	background-image: url(images/shadow2048-8px-25a-TL.png);
}


/* SMALLTHIN25 */
Xhtml>body .smallphoto .corner1,
html>body .smallthin25 .corner1 {
	background-image: url(images/shadow256-8px-25a-BR.png);
}
Xhtml>body .smallphoto .corner2,
html>body .smallthin25 .corner2 {
	background-image: url(images/shadow256-8px-25a-BL.png);
}
Xhtml>body .smallphoto .corner3,
html>body .smallthin25 .corner3 {
	background-image: url(images/shadow256-8px-25a-TR.png);
}
Xhtml>body .smallphoto .corner4,
html>body .smallthin25 .corner4 {
	background-image: url(images/shadow256-8px-25a-TL.png);
}


/* LARGETHIN12 */
html>body .largethin12 .corner1 {
	background-image: url(images/shadow2048-8px-12a-BR.png);
}
html>body .largethin12 .corner2 {
	background-image: url(images/shadow2048-8px-12a-BL.png);
}
html>body .largethin12 .corner3 {
	background-image: url(images/shadow2048-8px-12a-TR.png);
}
html>body .largethin12 .corner4 {
	background-image: url(images/shadow2048-8px-12a-TL.png);
}


/* SMALLTHIN12 */
html>body .smallthin12 .corner1 {
	background-image: url(images/shadow256-8px-12a-BR.png);
}
html>body .smallthin12 .corner2 {
	background-image: url(images/shadow256-8px-12a-BL.png);
}
html>body .smallthin12 .corner3 {
	background-image: url(images/shadow256-8px-12a-TR.png);
}
html>body .smallthin12 .corner4 {
	background-image: url(images/shadow256-8px-12a-TL.png);
}


/* THICK */
html>body .smallphoto .corner1,
html>body .largephoto .corner1,
html>body .largethick50 .corner1,
html>body .mediumthick50 .corner1,
html>body .smallthick50 .corner1,
html>body .largethick25 .corner1,
html>body .mediumthick25 .corner1,
html>body .smallthick25 .corner1,
html>body .largethick12 .corner1,
html>body .mediumthick12 .corner1,
html>body .smallthick12 .corner1 {
	right: -20px;
	bottom: -20px;
	right: -16px;
	bottom: -16px;
	right: -8px;
	bottom: -8px;
} 


html>body .smallphoto .corner2,
html>body .largephoto .corner2,
html>body .largethick50 .corner2,
html>body .mediumthick50 .corner2,
html>body .smallthick50 .corner2,
html>body .largethick25 .corner2,
html>body .mediumthick25 .corner2,
html>body .smallthick25 .corner2,
html>body .largethick12 .corner2,
html>body .mediumthick12 .corner2,
html>body .smallthick12 .corner2 {
	right: 16px;
	bottom: 0px;
}


html>body .smallphoto .corner3,
html>body .largephoto .corner3,
html>body .largethick50 .corner3,
html>body .mediumthick50 .corner3,
html>body .smallthick50 .corner3,
html>body .largethick25 .corner3,
html>body .mediumthick25 .corner3,
html>body .smallthick25 .corner3,
html>body .largethick12 .corner3,
html>body .mediumthick12 .corner3,
html>body .smallthick12 .corner3 {
	right: -16px;
	bottom: 16px;
}

html>body .smallphoto .corner4,
html>body .largephoto .corner4,
html>body .largethick50 .corner4,
html>body .mediumthick50 .corner4,
html>body .smallthick50 .corner4,
html>body .largethick25 .corner4,
html>body .mediumthick25 .corner4,
html>body .smallthick25 .corner4,
html>body .largethick12 .corner4,
html>body .mediumthick12 .corner4,
html>body .smallthick12 .corner4 {
	right: 16px;
	bottom: 0px;
}


/* THIN */
Xhtml>body .smallphoto .corner1,
html>body .largethin50 .corner1,
html>body .mediumthin50 .corner1,
html>body .smallthin50 .corner1,
html>body .largethin25 .corner1,
html>body .mediumthin25 .corner1,
html>body .smallthin25 .corner1,
html>body .largethin12 .corner1,
html>body .mediumthin12 .corner1,
html>body .smallthin12 .corner1 {
	right: -4px;
	bottom: -4px;
} 


Xhtml>body .smallphoto .corner2,
html>body .largethin50 .corner2,
html>body .mediumthin50 .corner2,
html>body .smallthin50 .corner2,
html>body .largethin25 .corner2,
html>body .mediumthin25 .corner2,
html>body .smallthin25 .corner2,
html>body .largethin12 .corner2,
html>body .mediumthin12 .corner2,
html>body .smallthin12 .corner2 {
	right: 8px;
	bottom: 0px;
}


Xhtml>body .smallphoto .corner3,
html>body .largethin50 .corner3,
html>body .mediumthin50 .corner3,
html>body .smallthin50 .corner3,
html>body .largethin25 .corner3,
html>body .mediumthin25 .corner3,
html>body .smallthin25 .corner3,
html>body .largethin12 .corner3,
html>body .mediumthin12 .corner3,
html>body .smallthin12 .corner3 {
	right: -8px;
	bottom: 8px;
}

Xhtml>body .smallphoto .corner4,
html>body .largethin50 .corner4,
html>body .mediumthin50 .corner4,
html>body .smallthin50 .corner4,
html>body .largethin25 .corner4,
html>body .mediumthin25 .corner4,
html>body .smallthin25 .corner4,
html>body .largethin12 .corner4,
html>body .mediumthin12 .corner4,
html>body .smallthin12 .corner4 {
	right: 8px;
	bottom: 0px;
}





html>body .shadowbox a {
	display: block;
	z-index: 1;

	background: #FFF;
	border-bottom-width: 2px;
	text-decoration: none;
	text-align: center;

	padding: 5px;
	padding: 6px;
	border: 0px;
	margin: auto;

	position: relative;
	left: 4px;
	top: 4px;
	left: 8px;
	top: 8px;
}


html>body .shadowbox a:hover {
	background: #FEC;
	background: #FFF0E0;
	background: #FFFFF8;
	background: #FFFAF4;
	border-bottom-width: 2px;
	Xtext-decoration: underline;

	padding: 4px;
	padding: 5px;
	border: 0px;
	border: 1px solid #F0E0D0;
	border: 1px solid #FFFFFF;
	border: 1px solid #A97;
	border: 1px solid #D0A880;
	margin: auto;
}

html>body .shadowbox a:hover span {
	text-decoration: underline;
}

html>body .shadowbox img {
	vertical-align: text-bottom;
}

html>body .shadowbox a img {
	display: block;

	border: 1px solid #CCC;
	padding: 0px;
	margin: auto;
}

html>body .shadowbox a:hover img {
	padding: 0px;
	Xborder: 1px solid #888;
	Xborder: 1px solid #444;
	margin: auto;
}

html>body .shadowbox a:focus  {
	Xoutline: 1px dotted gold;
	Xbackground: red;
}


html>body .shadowbox a .photoname {
	Xfont-size: x-small;

	padding: 0px;
	border: 0px;
	margin: 2px auto 2px auto;

	width: 98px;
  width: auto;
}

html>body .smallphoto a .photoname {
	display: block;  /* needed for older Firefox */
  display: inline-block;
  display: none;
  font-size: x-small;
}

html>body .largephoto a .photoname {
  font-size: medium;
  font-weight: normal;
  padding: 4px 0px 0px 0px;
	display: block;  /* needed for older Firefox */
  display: inline-block;
  color: #777;
}


html>body .shadowbox a .albumname {
	font-size: x-small;

	padding: 0px;
	border: 0px;
	margin: 2px auto 2px auto;

	display: block;  /* needed for older Firefox */
	display: inline-block;
	max-width: 98px;
	width: 98px;
}



html>body .alignleft {
	margin-left: auto;
	margin-right: 0px;
}
html>body .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
html>body .alignright {
	margin-left: 0px;
	margin-right: auto;
}



/* BOOGER */

html>body .photonav  {
	text-align: left;
	background: #E8E8E8;
	padding: 6px;
	border: 1px solid #CCC;
	Xfont-weight: bold;
	font-size: small;
	margin: 0px;
}

html>body .photonav img  {
	vertical-align: baseline;
	border: none;

}

html>body .photonav .stack  {
	float: left;
}
html>body .photonav .page  {
	float: right;
}
html>body .photonav .divider  {
	display: none;
}

html>body .photonav input  {
	width: 2em;
	Xfont-size: smaller;
	border-width: 1px;
	border-width: 0px;
	padding: 0px;
	padding: 1px;
	margin: 0px;
}

html>body .photooptions  {
  text-align: center;
	background: #E8E8E8;
	padding: 0px;
	border: 1px solid #CCC;
	Xfont-weight: bold;
	font-size: x-small;
	margin: 0px;
}


html>body .photooptions .photostyle,
html>body .photooptions .photosort,
html>body .photooptions .photoage,
html>body .photooptions .photorecursion,
html>body .photooptions .photogrid,
html>body .photooptions .photocols,
html>body .photooptions .photorows  {
  margin: 1px 0px 1px 0px;
  padding: 4px;
  text-align: center;
  display: -moz-inline-box;
  display: inline-block;
}
html>body .photooptions .divider  {
  display: -moz-inline-box;
  display: inline-block;
  Xwidth: 70px;
  width: 40px;
  visibility: hidden;
}



html>body .photoheader p,
html>body .photofooter p	{
	text-align: center;
	background: inherit;

	padding: 0px;
	border: 1px solid black;
	border: none;
	color: #666;
}
html>body .photoheader p {
	font-size: small;
	font-style: italic;

	margin: 0px;
}
html>body .photofooter p {
	font-size: small;

	background: inherit;

	margin: 0px;
}

html>body .photogroup  {
	margin: auto;
	border-spacing: 16px;
	border: 1px solid #DDD;
	background: #F0F0F0;
}


/* BOOGER */
html>body .shadowbox span.corner1,
html>body .shadowbox span.corner2,
html>body .shadowbox span.corner3,
html>body .shadowbox span.corner4 {
	Xdisplay: block;
	Xdisplay: table;
	display: inline-block;
	xdisplay: inline;
}
html>body .usespan span.corner1,
html>body .usespan span.corner2,
html>body .usespan span.corner3,
html>body .usespan span.corner4 {
	display: inline;
}

html>body .shadowbox img {
	Xdisplay: inline-block;
}
html>body span.shadowbox  {
	Xdisplay: inline-block;
}

html>body .shadowbox img {
	Xdisplay: inline-block;
	Xdisplay: inline-table;
}


html>body a  {
	font-weight: bold;
}

html>body .shadowbox a .window {
  position: relative;
  margin: 2px auto 0px auto;

  width: 92px;
  height: 92px;
  Xborder: 2px solid red;
  display: block;
}
html>body .shadowbox a .window img.img1 {
  position: absolute;
  right: 52%;
  bottom: 52%;
  width: 40px;
  height: 40px;
  width: 43.47%;
  height: 43.47%;
}
html>body .shadowbox a .window img.img2 {
  position: absolute;
  left: 52%;
  bottom: 52%;
  width: 40px;
  height: 40px;
  width: 43.47%;
  height: 43.47%;
}
html>body .shadowbox a .window img.img3 {
  position: absolute;
  top: 52%;
  right: 52%;
  width: 40px;
  height: 40px;
  width: 43.47%;
  height: 43.47%;
}
html>body .shadowbox a .window img.img4 {
  position: absolute;
  left: 52%;
  top: 52%;
  width: 40px;
  height: 40px;
  width: 43.47%;
  height: 43.47%;
}


html>body .arrow  {
  display: -moz-inline-box;
  display: inline-block;
	vertical-align: text-bottom;
	vertical-align: middle;
  padding: 0px;
  margin: 0px 0px 3px 0px;
  border: none;
}

html>body .arrow span.textarrow {
  display: none;
}


html>body .arrowfirst  {
	background: url(images/first-grey.png) center center no-repeat;
	width: 14px;
	height: 12px;
}
html>body a .arrowfirst  {
	background: url(images/first-purple.png) center center no-repeat;
}
html>body a:hover .arrowfirst  {
	background: url(images/first-ltblue.png) center center no-repeat;
}
html>body .arrowrewind  {
	background: url(images/rewind-grey.png) center center no-repeat;
	Xdisplay: none;
	width: 22px;
	height: 12px;
}
html>body a .arrowrewind  {
	background: url(images/rewind-purple.png) center center no-repeat;
}
html>body a:hover .arrowrewind  {
	background: url(images/rewind-ltblue.png) center center no-repeat;
}
html>body .arrowprev  {
	background: url(images/prev-grey.png) center center no-repeat;
	width: 14px;
	height: 12px;
}
html>body a .arrowprev  {
	background: url(images/prev-purple.png) center center no-repeat;
}
html>body a:hover .arrowprev  {
	background: url(images/prev-ltblue.png) center center no-repeat;
}
html>body .arrownext  {
	background: url(images/next-grey.png) center center no-repeat;
	width: 14px;
	height: 12px;
}
html>body a .arrownext  {
	background: url(images/next-purple.png) center center no-repeat;
}
html>body a:hover .arrownext  {
	background: url(images/next-ltblue.png) center center no-repeat;
}
html>body .arrowfastfwd  {
	background: url(images/fastfwd-grey.png) center center no-repeat;
	Xdisplay: none;
	width: 22px;
	height: 12px;
}
html>body a .arrowfastfwd  {
	background: url(images/fastfwd-purple.png) center center no-repeat;
}
html>body a:hover .arrowfastfwd  {
	background: url(images/fastfwd-ltblue.png) center center no-repeat;
}
html>body .arrowlast  {
	background: url(images/last-grey.png) center center no-repeat;
	width: 14px;
	height: 12px;
}
html>body a .arrowlast  {
	background: url(images/last-purple.png) center center no-repeat;
}
html>body a:hover .arrowlast  {
	background: url(images/last-ltblue.png) center center no-repeat;
}



/*

<!-- [if IE]>
<style type="text/css">
	.phototable {
		border: 2px outset #644;
		background-color: #644;
	}
	html>body .shadowbox span.corner1,
	html>body .shadowbox span.corner2,
	html>body .shadowbox span.corner3,
	html>body .shadowbox span.corner4 {
		Xdisplay: inline-block;
		z-index: 100;
	}
	html>body span.shadowbox  {
		Xdisplay: inline-block;
	}

	html>body .shadowbox img {
		Xdisplay: inline-block;
	}

	html>body .shadowbox .corner4 .shadowbox .corner1,
	html>body .shadowbox .corner4 .shadowbox .corner2,
	html>body .shadowbox .corner4 .shadowbox .corner3,
	html>body .shadowbox .corner4 .shadowbox .corner4{
		background-color: transparent;
		position: static;
	}

	html>body .shadowbox a,
	html>body .shadowbox a *  {
		Xvisibility: hidden;
		z-index: 200;
		left: 80px;
		top: 80px;
	}
</style>
<![endif]-->
*/




/**** BOOGER ****/
html>body .photogroup>tbody>tr>td {
  width: 142px;
  height: 142px;
}