html, body { scrollbar-face-color: #bbbbbb; scrollbar-shadow-color: #bbbbbb; scrollbar-highlight-color: #bbbbbb; scrollbar-3dlight-color: #bbbbbb; scrollbar-darkshadow-color: #bbbbbb; scrollbar-track-color: #dddddd; scrollbar-arrow-color: #dddddd; }

body {

font-family: arial;
line-height: 1.3;
background: url(familyimages/thomasjohnwilliamabnerfaint.jpg) #e5e5e5; background-attachment: fixed;
color: #333333;
font-size: small;
font-weight: bold;
margin: 0px; }

#photopage { background: #e5e5e5; }

h1, h2, h3, h4, h5 { text-align: center; font-weight: bold; color: #cc6600; }
.h1margin-top1 { margin-top: 1em; margin-bottom: 0em; }
.h1margin-top2 { margin-top: 2em }
.nomargin-top { margin-top: 0em }

h1, h2, h3, h4, h5, h6, p, UL, OL, DIR, MENU, div, 
DT, DD, ADDRESS, BLOCKQUOTE, PRE, br, hr, FORM, DL { 
  display: block }

b {font-weight: bold }

.psmall {font-size: small }
.px-small {font-size: x-small; }
.pxx-small { font-size: xx-small; }
.small-links { font-size: x-small; margin-top: 0px; margin-bottom: 0px; }
.pmedium { font-size: medium; }
.plarge { font-size: large; }
.px-smallnomargins {font-size: x-small; margin-top: 0px; margin-bottom: 0px; }
.photoindex {font-size: small; }
.photosubtitle {font-size: x-small; margin-top: 0px; margin-bottom: 0px; }

em { font-style: normal; font-size: x-small }

div { border: solid 0px; padding-top: 5px; padding-bottom: 5px; }
#mainphotopage { width: auto; padding: 2%; }
.maxminwidth1 { max-width: 770px; min-width: 400px; margin: auto; padding: 0; }

.leftcol48 { float: left; width: 48%; }
.rightcol48textright { float: right; width: 48%; text-align: right; }
.leftcol48textcenter { float: left; width: 48%; text-align: center; }
.rightcol48textcenter { float: right; width: 48%; text-align: center; }
.leftcoltextcenter { float: left; text-align: center; }
.rightcoltextcenter { float: right; text-align: center; }
.textcenter { text-align: center; }
.margintop { margin-top: 30px; }
.fullwidthandpadding { clear: both; width: auto; padding-left: 4%; padding-right: 4%; }
.fullwidthtextcenter { clear: both; width: auto; text-align: center; }
.fullwidthbgcolor { background-color: #e5e5e5; width: auto; margin-left: 2%; margin-right: 2%;  border-radius: 10px; }
/*above is DIFFERENT FROM STYLE1DARK*/
.fullwidth0pxhigh { font-size: 0px; clear: both;  line-height: 0px; padding-top: 0px; padding-bottom: 0px; width: 98%; }
.date { float: left; width: 12%; padding-left: 4%; }
.text { float: right; width: 78%; padding-left: 1px; padding-right: 4%; }
.picturecentral { width: auto; background-color: #e5e5e5; margin-left: auto; margin-right: auto; border-color: #999999; border-style: double; border-width: 5px;  padding: 5px; }
.picturecenter { width: auto; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 0px;  text-align: center; }
.photoalbum { width: auto; border-color: #999999; margin-left: auto; margin-right: auto; border-style: double; border-width: 5px; padding: 5px; }

#bodydiv { 
	background-color: #555;  
	padding: 0 390px 0 390px;
	text-align: center; /* centering hack for IE5.x/Win */
	}
#sizer {
	width: 72%;
	margin: 0 auto 0 auto; /* standard centering method */
	text-align: left; /* resets centering hack to default */
	max-width: 360px;  /* page sizes max/min 1140 - 780 = 360 */
	padding: 0;
	}
#expander {
	margin: 0 -390px 0 -390px;
	position: relative;
	min-width: 780px;
	text-align: left; 
	padding: 0;
	}

/* Holly hack for IE \*/
* html #bodydiv,
* html #sizer,
* html #expander { height: 0; }
/* */

	/* helps IE get the child percentages right. */
#wrapper { width: 100%; background-image:
url('images/stonewallfaint.jpg'); background-color: #e5e5e5;  background-attachment: fixed; padding: 0; margin: 20px 0 0 0; } 

table { border-color: #999999; border-style: solid; border-width: 0px; }
.picture { background-color: #e5e5e5; border-color: #999999; border-style: solid; border-width: 5px; }
.photo { border-color: #999999; border-style: solid; border-width: 1px; }

img {border-style: none; }

A:link { color: teal }             /* unvisited link */
A:visited { color: purple }        /* visited links */
A:hover { color: red }
A:active { color: green }        /* active links */
.medium A:hover { font-size: medium; color: red }

/* setting the anchor border around IMG elements
   requires contextual selectors */

hr { width: 100%; font-size: 1px; color: #996633; padding-top: 0px; padding-bottom: 0px; }

/* hides the second object from all versions of IE */
* html object.mp4 {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mp4/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mp4 {
    display/**/: none;
}