body { margin: 0; font: .8em Verdana, Arial, Helvetica, sans-serif; background: #AAAAAA; }

#pageLayout { width: 740px; margin:auto; }
#bannerPhoto { border: 1px solid #000;  }
#bannerLinks { margin: 10px 0; text-align: right; font-size: .9em; }
#bannerLinks a { color: #000; }
#bannerPhoto a { display: block; height: 140px; background: url(GillilandTrails_mainbanner.jpg) top left no-repeat; text-decoration: none; }
#contentLayout { padding: 10px 15px; padding-bottom: 20px; background: #fff; border: 1px solid #000; }

h1, h2, h3, h4 { font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { font-size: 1.6em; color: #000; margin-top: 0; }
h2 { font-size: 1.3em; color: #990000; margin-bottom: .5em; }
h3 { font-size: 1.2em; color: #000; margin-bottom: .2em; }
h4 { font-size: .9em; color: #666; text-transform: uppercase; margin-bottom: 0; }

a img { border-color: #000; }

.homeLink { font-size: .85em; text-transform: uppercase; }
span.subTitle { font-size: .9em; color: #666; margin-top: 4px; }

p, ul { margin-top: .5em; }
li { margin-bottom: .2em; }

.smallText { font-size: .85em; }
.xsmallText { font-size: .75em; }

.topText { margin-top: 0; margin-bottom: 35px; font-size: .8em; text-transform: uppercase; color: #777; }
.topText a { color: #777; text-decoration: none; }
.topText a:hover { color: maroon; text-decoration: underline; }

.clearFloats { clear: both; }
hr { height: 1px; color: #ccc; }

#highlightBox { margin-top: 2em; padding: 0 1em; font-size: .9em; border: 1px solid #cc3300; }
#highlightBox h2 { font-size: 1em; margin-top: .5em; color: #000; }
#highlightBox p { margin: .5em 0; font-size: .8em; }

#jumpLinks { font-size: .9em; }
#jumpLinks li { margin-bottom: 4px; }
#jumpLinks a { }

#footer { width: 720px; margin: 10px auto; font-size: .8em; color: #000; text-align: center; }


/* GOogle */

#googleSearch { width: 50%; margin: auto; }

#indexSearch { border: 2px solid #999; padding: 10px; }

/* STAND-ALONE ALBUM PAGES */
.caption { font-size: .9em; }


/* TOMBSTONE PAGES */
.thumbLayout { width: 100%; }
.thumb { text-align: left; width: 100px; padding-right: 10px; }
.thumbLayout td p { margin: 8px 0; }
.thumbLayout hr { margin: 10px 0; }


/* THUMB PHOTO ROW */

div.photoRow img { float: left; margin-right: 15px; }
.clearRow { clear: left; }

div.photoRow div.gravePhoto { width: 150px; float: left; margin: 0; }
div.photoRow div.graveText { margin-left: 165px; }