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

body {

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

#photopage { background: #333333; }

h1, h2, h3, h4, h5 { text-align: center; font-weight: bold; color: #ff9900; }
.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; }
.white {color: #fff;}

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: #666666; width: auto; margin-left: 2%; margin-right: 2%; padding: 0px;}
.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: #333333; 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; }

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: #ffffff; }         /* unvisited link */
A:visited { color: skyblue }      /* visited links */
A:hover { color: red }
A:active { color: lime }        /* 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;
}