body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}
.style1 {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.style2 {font-size: 10px}
.style3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: underline;
	color: #999999;
}
  /*   CSS Notes:

        * More succint CSS selectors are used.
        * By combining selectors, the CSS footprint is not large. Thumbnail widths & image widths need be specified only once.
        * MSIE is picky about the ".Zoom a:hover" properties. It will not pop (zoom,enlarge), without 'certain' ones. (I suspect some type of interplay between this selector and the page a:hover default, but I haven't seen a pattern). If it doesn't pop using just 'padding:0px', try some one or more of these: "margin:0px", "border:0px" and/or "padding:0px;" (So far, one of these, or a combo has worked.) Feel free to contact me if your having problems, or can add to this discussion.
        * Feb05 Update: I changed the CSS to provide the -SAME RANGE- of sizes for thumbnails (rather than a Vert/Horiz option). Also fixed minor margin shift (4px) between thumbnail & large image, which wasn't apparent until an image with the same thumbnail & large-image width was tested.

  beg Photo-Caption Zoom - Pure-CSS */

    .Zright { float:right; margin:5px 0px 2px 10px; }
    .Zleft { float: left; margin:5px 10px 2px 0px; }

    .Zoom img { border: 0px solid #339; }
	.Zoom.t50 img { width:50px; }
	.Zoom.t55 img { width:55px; }
	.Zoom.t60 img { width:60px; }
	.Zoom.t65 img { width:65px; }
	.Zoom.t70 img { width:70px; }
	.Zoom.t75 img { width:75px; }
	.Zoom.t80 img { width:80px; }
	.Zoom.t85 img { width:85px; }
	.Zoom.t90 img { width:90px; }
	.Zoom.t95 img { width:95px; }
    .Zoom.t100 img { width:100px; }
	.Zoom.t110 img { width:110px; }
	.Zoom.t120 img { width:120px; }
    .Zoom.t150 img { width:150px; }
    .Zoom.t200 img { width:200px; }
    .Zoom.t250 img { width:250px; }
    .Zoom.t300 img { width:300px; }
    .Zoom.t350 img { width:350px; }
    .Zoom.t400 img { width:400px; }
    .Zoom t450 img { width:450px; }
    .Zoom.t500 img { width:500px; }
    .Zoom.t550 img { width:550px; }
    .Zoom.t600 img { width:600px; }

    .Zoom .caption { display:none; }

    .Zoom a { padding:0px; }
    .Zoom a:hover { padding:0px; } /* IE picky here */
    .Zoom a:visited { padding:0px; }

    .w100 a:hover img,.w100 a:hover .caption {width:100px}
    .w150 a:hover img,.w150 a:hover .caption {width:150px}
    .w200 a:hover img,.w200 a:hover .caption {width:200px}
    .w250 a:hover img,.w250 a:hover .caption {width:250px}
    .w300 a:hover img,.w300 a:hover .caption {width:300px}
    .w350 a:hover img,.w350 a:hover .caption {width:350px}
    .w400 a:hover img,.w400 a:hover .caption {width:400px}
    .w450 a:hover img,.w450 a:hover .caption {width:450px}
    .w500 a:hover img,.w500 a:hover .caption {width:500px}
    .w550 a:hover img,.w550 a:hover .caption {width:550px}
    .w600 a:hover img,.w600 a:hover .caption {width:600px}
    .Zoom a:hover img { margin-bottom:5px;}

    .Zoom a:hover .caption {
    display:block;
    background:#eef;
    border:1px solid #339;
    font-family:verdana,sans-serif;
    text-decoration:none;
    text-align:justify;
    font-size:10pt;
    color:#339; }

    .Zoom a:hover .inner {
    display:block;
    padding:5px 8px; } /* no IEboxModelHack */

    /* end Photo-Caption Zoom - Pure-CSS */