html, body
 {background: #FEFEFE url(sand.jpg)}

body
 {width: 900px; margin: 0 auto}

h1, h2
 {font-family: "Arial", "Free Sans", "Nimbus Sans",
  "Liberation Sans", "Helvetica", sans-serif; color: #630;
  font-style: italic; text-shadow: -1px -1px 0 white;
  text-align: center; letter-spacing: 1px}

h1
 {font-size: 33px; margin: 15px 0 0 0}

h2
 {font-size: 25px; margin: 25px 0 0 0}

p, td, ul, a
 {color: #420;  font-size: 16px; font-family: "Times New Roman",
  "Free Serif", "Liberation Serif", serif}

p, td {text-align: justify}
p.main {text-indent: 10px}
p.main:first-letter
 {font-size: 19px; font-weight: lighter}

p#credit {text-align: center; font-size: 13px; color: #840}
p#date {text-align: center; margin-top: 0}
p#footer {text-align: center; font-size: 13px; color: #444}
p#top {margin-top: 25px}
p#top:first-letter
 {font-size: 19px; font-weight: lighter; letter-spacing: -2px}
p#url
 {font-size: 15px; font-family: "Arial", "Free Sans",
  "Nimbus Sans", "Liberation Sans", "Helvetica", sans-serif;
  text-align: center; margin-bottom: 0}

a {color: #840; text-decoration: underline}
a:hover
  {color: #040; text-decoration: underline;
  text-shadow: 1px 2px 2px #987, -1px -1px 0 white}
a img
 {text-decoration: none}

.bullets p
 {margin-left: 3px; text-indent: -18px; padding-left: 18px}
.bullets p
 {padding-left: 0; _margin-left: 18px} /* [to fix IE6 padding bug] */
.bullets p img
 {width: 18px; height: 14px; position: relative;
  top: 2px; left: 0}

img {border: none}
img#author
 {width: 153px; height: 27px}
img#pan
 {width: 100%; padding-top: 10px}

table
 {width: 100%; margin-bottom: 15px}
td
 {vertical-align: top}
table img
 {width: 200px; height: 200px;
  margin: 6px 0 0 0;
  border: solid 2px black;
  border-top-width: 3px;
  border-left-width: 3px}
td#Head
 {width: 226px; padding: 0 24px}
td#Scenic
 {padding-left: 24px}

/* Navigation bar top level*/

#navbar
 {width: 100%; margin: 10px 0; padding: 2px 0 0 6px}
#navbar
 {padding-left: 0; _margin-left: 6px} /* [to fix IE6 padding bug] */

#navbar li
 {margin: 0 11px; float: left; position: relative;
  list-style: none}

#navbar li#contact
 {margin: 0}

#navbar a
 {display: inline-block; padding: 6px 20px 8px 8px;
  font-family: Verdana, "DejaVu Sans", sans-serif;
  font-size: 15px; font-weight: bold; margin: 0;
  text-shadow: 0 -1px 0 #C6C3C0, 0 1px 0 white;
  text-decoration: none}

#navbar li#contact a
 {width: 95px; padding-right: 0}

#navbar li#friends a img
 {position: relative; top: 0; left: -5px}

#navbar li#contact a
 {width: 95px; padding-right: 0}

#navbar a:hover
 {text-shadow: 0 -1px 0 #B6B3B0, 0 1px 0 white;
  text-decoration: underline}

/* Level 2 drop-down */

#navbar li:hover > ul
 {display: block}

#navbar ul
 {display: none; margin: 0; padding: 0; background:
  #E0DEDC url(brush-metal-2.jpg); width: 200px;
  position: absolute; top: 32px; left: 0; border:
  solid 2px #7C7A78; border-top-color: #C6C4C2;
  border-left-color: #C6C4C2}

#navbar ul li
 {float: none; margin: 0; padding: 0}

#navbar ul a
 {font-weight: normal; padding: 10px 0 10px 22px;
  text-shadow: 0 -1px 0 #C6C3C0, 0 1px 0 white;
  width: 177px}

#navbar ul a:hover
 {background: url(brush-metal-4.jpg)}

/* Level 3+ */

#navbar ul ul
 {left: 175px; top: -5px}