/* 'default' CSS Document */
body
{
  background-color:  #222222;
}

#banner
{
  text-align: center;
  margin: auto;
}

#banner h1
{
/*  margin: 0; */
}

#subTitle
{
  text-align: center;
  font-family: "Monotype Corsiva";
  font-size: 1.75em;
  font-weight: bold;
  color: #FFEA03;
  width: 15em;
  margin: auto;
}

#mission
{
  text-align: center;
  font-family: "Monotype Corsiva";
  color: #FFEA03;
  font-size: 1.5em;
  width: 12em;
  margin: auto;
}

#missionBody
{
  font-family: Perpetua;
  font-size: .70em;
}

#logo
{
  position: fixed;
  top: 1.2em;
  margin-left: 1.4em;
}

#logo a img
{
  text-decoration: none;
  border: none;
}

#logo a
{
  outline: none;
}

#wrapper
{
  position: relative;
  width: 55em;   /* required to keep my line lengths constant on a widely expanded browser portal */
  background-color: #25008C;
  margin: auto;  /* required for centering regardless of browser window width */
}

#nav
{
  position: fixed;    /* allows the nav box to be 'fixed' in the portal (FF & IE7+). */
  text-align: center;
  top: 8.5em;
  width: 9.5em;
  padding: 0;
  margin: 1em;
  list-style: none;
  font-size: 1em;
}

#nav li a:link, #nav li a:visited
{
  color: #FFEA03;
  text-decoration: none;
  outline: none;
}

#nav li a:hover, #nav li a:active
{
  color: #FFF5A1;
  text-decoration: underline;
  outline: none;
}

#mainContent
{
  position: relative;
  left: 13.5em;
  width: 41.5em;
  height: 35em;
}

#tmImage1  /* image #3 */
{
  position: relative;
  left: 24.2em;
  top: 6.3em;
  z-index: 5;
}

#tmImage2   /* image #1 */
{
  position: relative;
  left: 31.2em;
  top: -13.2em;
  z-index: 6;
}

#tmImage3  /* image #2 */
{
  position: absolute;
  left: 34.2em;
  top: 21.5em;
  z-index: 4;
}

#tmImage4  /* image #4 */
{
  position: absolute;
  left: 13.2em;
  top: 30.5em;
  z-index: 1;
}

#waterfall
{
  position: absolute;
  left: 0em;
  top: 30em;
}

#waterfallRainbow
{
  position: absolute;
  left: 1%;
  top: 25em;
  z-index: 0;
}

#rainbow
{
  position: relative;
  left: 22em;
  top: -25.5em;
  z-index: 50;
}

#footer
{
  position: relative;
  text-align: center;
}

.f_home, .f_angelMessage, .f_angelicInvocations
{
  margin-top: 13em;
}

.f_about, .f_contact, .f_aromatherapy
{
  margin-top: 5em;
}

.f_lightWeaving, .f_privacy, .f_prayer, .f_reading, .f_calendar, .f_announce
{
  margin-top: 17em;
}

.f_reiki, .f_links
{
  margin-top: 8em;
}

.f_testimonials
{
  margin-top: 17em;
}

#fCredit
{
  display: inline;
  font-size: .75em;
  color: #FFEA03;
}

#privacyLink
{
  display: inline;
  font-size: .75em;
  color: #FFEA03;
  padding-left: 1.5em;
}

#webmaster
{
  display: inline;
  font-size: .75em;
  color: #FFEA03;
  padding-left: 1.5em;
}

#footer p a
{
  color: #FFEA03;
  outline: none;
}

/* for the facebook link on the home page */
#facebookLinks
{
  position: absolute;
  top: 35em;
  left: 46em;
}