body {
font-family: arial;
line-height: 1.1;
color: #dddddd;
font-size: small;
font-weight: bold;
margin: 0; 
background-color: #333333; 
 }

#backgroundimage { background: url(albumphotos/hawkmoth200x200.jpg) #333333; background-position: 50% 150px; background-repeat: no-repeat; background-attachment: fixed; }

h1, h2, h3, h4, h5 { text-align: center; font-weight: bold; color: #ff9900; }
.h1margin-top1 { margin-top: 1em; }
.h1margin-top2 { margin-top: 2em }
.heading { margin-top: 45px; }
.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 }

.margin0 { margin: 0; }
.textcenter { text-align: center; }
.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: 0; }
#header { position: fixed; top: 0; left: 0; right: 0; color: #dddddd; background-color: #555555; padding: 0 20px; }
#footer { position: fixed; bottom: 0; left: 0; right: 0; color: #dddddd; background-color: #555555; padding: 0 20px; }
.navfloatleft { float: left; width: 200px; }
.navfloatright {float: right; width: 200px; text-align: right; }
.leftcol49 { float: left; width: 49%; }
.rightcol49textright { float: right; width: 49%; text-align: right; }
.leftcol49textcenter { float: left; width: 49%; text-align: center; }
.rightcol49textcenter { float: right; width: 49%; text-align: center; }
.leftcoltextcenter { float: left; text-align: center; }
.rightcoltextcenter { float: right; text-align: center; }
.textcenter { text-align: center; }
.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 { clear: both; height: 0; font-size: 0px; line-height: 0px; padding: 0px; }
.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; }
.photoouter  { clear: both; width: auto;  text-align: center;  margin: 0 0 40px 0; }
.photoinner { width: auto; border: 5px double #999999; margin: 0 auto; 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, a:visited, a:hover, a:active { text-decoration: none; }
a:link { color: #ff9900; }     /* unvisited link */
a:visited { color: #87ceeb; }        /* skyblue visited links */
a:hover { color: red; }           /* hover links */
a:active { color: lime; }        /* active links */
.medium A:hover { font-size: medium; color: red; }

  /*#de7008 orange*/  /*#ff9900 light orange*//*#008080 teal*/ /*#996633 dark brown*/ /*#008000 green*/

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active { color: #dddddd; background-color: #555555; text-decoration: none; font-weight: bold;}

.nav a:link { } 

.nav a:visited { } 

.nav a:hover { color: #ffffff; } 

.nav a:active { } 

/* 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;
}

