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

body { background-image:
url('images/stonewallfaint.jpg'); background-color: #e9e9e2;  background-attachment: fixed; font-family: arial, sans-serif; line-height: 1.1; color: #335500; font-size: medium; margin: 0px; font-weight: bold; }  /*used for thomas...morephotos, maps, satellite*/

#bodymain { background-image: none; background-color: #555; font-family: arial, sans-serif; line-height: 1.1; color: #eee; font-size: medium; margin: 20px; font-weight: bold; }  /*used for homepage, falklands, wickham, jakarta*/

#body1 { background-image: none; background-color: #555; font-family: arial, sans-serif; line-height: 1.1; color: #eee; font-size: medium; margin: 20px; font-weight: bold; }  /*used for clifton, august2003, Falklands and Jakarta general pages; etc and for index pages in style2gray*/

#bodygeneral { background-image: none; background-color: #555; font-family: arial, sans-serif; line-height: 1.1; color: #335500; font-size: medium; margin: 0; font-weight: bold; }

#body2 { background-image: none; background-color: #e5e5e5; font-family: arial, sans-serif; line-height: 1.1; color: #333333; font-size: medium; margin: 0px; scrollbar-face-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-highlight-color: #cccccc; scrollbar-3dlight-color: #cccccc; scrollbar-darkshadow-color: #cccccc; scrollbar-track-color: #e5e5e5; scrollbar-arrow-color: #e5e5e5;  }   /*used for .mainphotopage, m_14_2 in style2gray*/

h1, h3 { text-align: center; font-weight: bold; }
.h1margins { margin-top: 0.5em; margin-bottom: 0.5em; }
.h1margin-top1 { margin-top: 1em }
.h1margin-top2 { margin-top: 2em }
.nomargin-top { margin-top: 0em }
.h3nomargins { margin-top: 0em; margin-bottom: 0em; }
.h3margins { margin-top: 20px; }
h2 { color: #de7008; }
h4 { color: #de7008; }

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

h2, h4, hr, a:link, a:visited, a:hover, a:active, .medium a:hover, .darkgreen a:link, .darkgreen a:visited, .darkgreen a:hover { background-color: transparent; }

b { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.psmall { font-size: small; }
.px-small { font-size: x-small; }
.px-small2 ins { font-size: x-small; text-decoration: none; display: block; width: 150px; } /*used on Musings home page*/
.px-small3 ins { font-size: x-small; text-decoration: none; display: block; } /*used on Jakarta and Falklands home pages*/
.px-small2 a { font-size: x-small; text-decoration: none; }
.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 }
hr { height: 2px; border-style: solid; color: #335500; background-color: #335501; /*for Firefox and Opera*/ margin-top: 10px; border: 0; }

div { border: solid 0px; padding-top: 5px; padding-bottom: 5px; }


/*Old style for 1024*768 resolution*/ 

#banner { position: fixed; top: 0px; left: 0px; right: 0; height: 85px; margin: 0; padding: 0; width: auto; background-image:
url('images/stonewallfaint.jpg'); background-color: #e9e9e2;  background-attachment: fixed; border-top: 20px solid #555; border-left: 20px solid #555; border-right: 20px solid #555; color: #335500; }


.toplinkleft { width: 95px; float: left; margin-top: 10px; padding-left: 20px; } 
.toplinkright { width: 95px; float: right; margin-top: 10px; padding-right: 20px; text-align: right; } 

#main { width: auto; padding-left: 9.5%; padding-right: 9.5%; }
#main2 { width: auto; padding-left: 4%; padding-right: 4%; margin: 0; }
#main3 { max-width: 1050px; min-width: 600px; margin: auto; background-image: url('images/stonewallfaint.jpg'); background-color: #e9e9e2; color: #335500; padding: 0 8%; }   /*max-min for IE7 and Firefox is not in #bodydiv below*/  /*used for homepage, falklands, wickham, jakarta*/

#maintext { width: auto; padding-left: 4%; padding-right: 4%; margin: 65px 20px 20px 20px; }  /*used for morephotos, maps, satellite*/




/*Old style for 1024*768 resolution*/ 

#maintext1 { padding: 85px 8% 20px 8%; background-image:
url('images/stonewallfaint.jpg'); background-color: #e9e9e2;  background-attachment: fixed; border: 0; max-width: 1050px; min-width: 600px; margin: 0 auto; color: #335500; text-align: justify; }  /*used for Clifton, august2003 etc, Falklands and Jakarta general pages; (1026px seems to be max for content to match banner; approx  1280 - scrollbar 18px = 1262 - body margins 2*20 = 1222 - 2*8% padding 196 = 1026px so 1030 shows width of content to match banner at 1280px resolution as is just over max for 1280px resolution but FF doesn't have a vertical scrollbar for short pages so add 18px = say 1050px)

/*
alternative:- (918px seems to be max for content to match banner; approx  1152 - scrollbar 18px = 1134 - body margins 2*20 = 1094 - 2*8% padding 176 = 918px so 920 shows width of content to match banner at 1152px resolution as is just over max for 1152px resolution)*/

/*class below*/
.maintext1 { padding: 85px 8% 20px 8%; background-image:
url('images/stonewallfaint.jpg'); background-color: #e9e9e2;  background-attachment: fixed; border: 0; max-width: 1050px; min-width: 600px; margin: 0 auto; color: #335500; text-align: justify; }  /*used for multivideo page; (1026px seems to be max for content to match banner; approx  1280 - scrollbar 18px = 1262 - body margins 2*20 = 1222 - 2*8% padding 196 = 1026px so 1030 shows width of content to match banner at 1280px resolution as is just over max for 1280px resolution but FF doesn't have a vertical scrollbar for short pages so add 18px = say 1050px.)*/

.mainphotopage { width: auto; margin: 2%; }   /*used for photo pages in falklands, jakarta in style2gray*/
.leftcol49 {  float: left; width: 49%; }
.rightcol49 {  float: right; width: 49%; }
.leftcol49textcenter { float: left; width: 49%; text-align: center; }
.rightcol49textcenter { float: right; width: 49%; text-align: center; }
.fullwidth { clear: both; width: auto; }
.fullwidthtextcenter { clear: both; width: auto; text-align: center; }
.fullwidth0pxhigh { font-size: 0px; clear: both;  line-height: 0px; padding-top: 0px; padding-bottom: 0px; }
.leftcolauto { width: auto; }
.rightcolautotextcenter { float: right; width: auto; padding-left: 2%; text-align: center; }
.picturecenter { width: auto; margin-top: 0px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 0px;  text-align: center;}  /*used for thomas...*/
.photoalbum { width: auto; margin-left: auto; margin-right: auto; border-color: #999999; border-style: double; border-width: 4px; padding: 3px; background-color: #e5e5e5; color: #335500; }

/*Divs for IE6 max-min hack adjusted here:-*/
#bodydiv { padding: 0; margin: 0; }
#sizer { padding: 0; margin: 0; }
#expander { padding: 0; margin: 0; }
#wrapper { padding: 0; margin: 0; }

img { border-style: none; }

a:link { color: teal; outline: none; }          /* unvisited link */
a:visited { color: purple; outline: none; }        /* visited links */
a:hover { color: red; outline: none; }
a:active, a:focus { color: green; outline: none; }        /* active links */
.medium a:hover { font-size: medium; color: red; outline: none; }
.darkgreen a:link, .darkgreen a:visited, .darkgreen a:hover { color: #335500; text-decoration: none; outline: none; }

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

/* for hover popups below */

.horizpopup a, .horizpopup a:visited {
position: relative;
display: inline;
padding: 0;
margin: 0 0 0 0;
width: 50px;
}

.horizpopup a span {display: none;}

.horizpopup a:hover {
}

/* the IE correction rule */
.horizpopup a:hover	{
text-indent: 0; /* added the default value */
}

.horizpopup a:hover span{
display: block;
position: absolute;
top: -1px;
left: 22px;
margin: 0px;
font-size: small;
color: #000;
background: #ededdd;
text-align: center;
text-decoration: none;
}