body {
  margin: 20px 0 0 0;
  padding: 0;

  font-family: "Lucida Sans Unicode", Tahoma, Verdana, Sans-Serif;
  font-size: 0.8em;
  color: rgb(50,50,50);
}

/**
  Default element styling to reset all browsers.
  **/
p, ul, li, h1 {
  margin: 0;
  padding: 0;

  font-size: 100%;
}


/**
  Main page structural element styling
  **/
div#wrap {
  margin: 0 auto;
  padding: 0;
  width: 800px;
  text-align: center;
}

div#top-menu {
  float: right;
  margin: 0px 10px 10px 0;
}

  div#top-menu p {
    margin: 0;
    font-size: 89%;
    color: rgb(170,170,170);
  }

  div#top-menu a, div#top-menu a:visited {
    color: rgb(170,170,170);
    text-decoration: underline;
  }

  div#top-menu a:hover {
    text-decoration: none;
  }

/*************************
  PAGE-SPECIFIC BORDER STYLES
  *************************/

div#structure {
  float: left;
  text-align: left;
  width: 792px;
  border: 7px solid rgb(225,225,255);
}

div#structure-dark-turquoise {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(0,145,139);
}

div#structure-pink {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(196,0,99);
}

div#structure-green {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(127,181,56);
}

div#structure-blue {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(0,104,166);
}

div#structure-yellow {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(229,167,15);
}

div#structure-turquoise {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(0,166,158);
}

div#structure-red {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(176,56,35);
}

div#structure-mud {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(163,131,41);
}

div#structure-brown {
  float: left;
  text-align: left;
  width: 792px;
  border: 10px solid rgb(204,122,22);
}

div#header {
  float: center;
  width: 792px;
  height: 217px;
  padding: 0px 0px 0px 0px;
  /**background: rgb(255,255,255) no-repeat left top;**/
  background: url(../images/header-bg.jpg) no-repeat left top;
}

div#header img {
  float: left;
  margin: 15px 15px 0px 15px;
}

div#main-menu {
  clear: both;
  float: left;
  margin: 15px 0 0 0;
  width: 792px;
  height: 40px;
  background: url(../images/llll3-menubar.png) no-repeat left -9px;

  text-align: center;
}

div#page-body {
  clear: left;
  float: left;
  width: 100%;
/*  height: 450px; */
  background: url(../images/page-bg-1.jpg) no-repeat 9px top;
}

  div#left-column {
    float: left;
    margin: 30px 10px 10px 20px;
    width: 400px;
  }

  div#widget-space {
    float: right;
    margin: 30px 10px 10px 0;
    width: 340px;
    height: 250px;
    background: url(../images/online_community_index_banner.png) no-repeat left top;
  }

  div#picket-fence {
    clear: left;
    float: left;
    width: 100%;
  }

div#body-base {
  clear: left;
  float: left;
  width: 792px;
  height: 124px;
  background: url(../images/footer-children.jpg) no-repeat left top;;
}

div#footer {
  clear: both;
  margin: 0 auto;
  width: 806px;
  height: 65px;
  padding: 5px 0 5px 0;

  background: rgb(245,245,255);
}

/**
  Header styles
  **/
  div#header img {
    border: none;
  }

/**
  Main menu styles
  **/
  div#main-menu ul {
    margin: 10px 0 5px 0;
  }
  
  div#main-menu li  {
    display: inline;
    padding: 0 10px 0 10px;
    border-right: 1px solid rgb(180,180,225);

    font-size: 85%;
    font-family: Verdana, "Trebuchet MS";
    font-weight: bold;
  }

  div#main-menu li.final-item {
    border: none;
  }


  div#main-menu a, div#main-menu a:visited {
    text-decoration: none;
    color: rgb(255,255,255);
  }

    div#main-menu a:hover {
      text-decoration: none;
      color: rgb(181,13,26);
    }

  div#main-menu a.buy {
    padding: 2px 0 2px 20px;
    background: url(../images/cart_main-menu.png) no-repeat left top;
  }

    div#main-menu a.buy:hover {
      background: url(../images/cart_main-menu_select.png) no-repeat left top;
    }

/**
  Page body styles
  **/
  div#left-column {
    float: left;
    text-align: left;
    margin: 0;
    padding: 25px 15px 20px 15px; 
    width: 760px;
  }

  div#right-column {
    float: right;
    vertical-align: top;
    text-align: left;
    margin: 50px 15px 10px 45px;
/*width: 250px;*/
  }
  
  h1 {
    margin: 10px 0 25px 0;
  }

  h2 {
    padding: 0 0 0 30px;
    background-position: left 2px;
    font-size: 130%;
  }
  
  h2.purple {
	background: url(../images/arrow-bullet-h2-purple.png) no-repeat;
    color: rgb(149,27,130);
  }

  h2.pink {
	background: url(../images/arrow-bullet-h2-pink.png) no-repeat;
    color: rgb(217,70,90);
  }

  h2.green {
	background: url(../images/arrow-bullet-h2-green.png) no-repeat;
    color: rgb(127,181,56);
  }

  h2.turquoise {
	background: url(../images/arrow-bullet-h2-turquoise.png) no-repeat;
    color: rgb(0,145,139);
  }

  h2.mud {
	background: url(../images/arrow-bullet-h2-mud.png) no-repeat;
    color: rgb(163,131,41);
  }

  h3 {
    margin-left: 10px;
  }
  
  p {
    margin: 0 0 10px 0;
    /*font-size: 100%;*/
    line-height: 1.5em;
  }

  div#page-body a, div#page-body a:visited {
    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    div#page-body a:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }

  blockquote {
    width: 400px;
    margin: 20px 20px 20px 20px;
    padding: 10px;
    background: rgb(240,255,235);
    border: 1px solid rgb(220,240,230);

    font-size: 97%;
  }
	
	img.story-image {
		float: left;
		margin: 5px 5px 5px 25px;
		height: 110px;
		padding: 3px;
		border: 1px solid rgb(220,220,220);
	}

  .drop-caps {
    float: left;
    width: 30px;
    height: 25px;
    font-size: 350%;
    margin: 5px 5px 0px 0;
    padding: 15px 5px;
    background: url(../images/drop-cap_l.png) no-repeat 5px top;
  }


/*************************
  PAGE-SPECIFIC BOX STYLES
  *************************/

  div#box-intro-ppt {
    margin: 0;
    padding: 0;
    width: 250px;
    height: 200px;
    background: rgb(205,170,235);
  }

  div#box-churches-three {
    margin: 0;
    padding: 0 0 10px 0;
    width: 250px;
    background: rgb(245,245,245);
    border: 3px solid rgb(220,220,245);
  }

    div#box-churches-three p {
      margin: 10px 0 0 10px;
      font-size: 90%;
    }

  div#box-churches-three li{
    margin: 5px 0 0 10px;
    list-style: none;

    font-size: 90%;
  }

  a.pdf, a.pdf:visited {
    padding: 1px 0 0 25px;
    background: url(../images/pdficon_small.gif) no-repeat left top;

    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    a.pdf:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }

  a.ppt, a.ppt:visited {
    padding: 1px 0 0 25px;
    background: url(../images/ppticon_small.gif) no-repeat left top;

    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    a.ppt:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }
    
  p.reader-links {
    margin: 20px 0 0 10px;
  }

  img.reader-links {
    border: none;
  }



/**
  PAGE LINK STYLES
  **/

  /* Hyperlink - ABOUT page */
  a.arrow-link_about, a.arrow-link_about:visited {
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: url(../images/arrow-link-orange.png) no-repeat left top;

    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    a.arrow-link_about:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }

  
  /* Hyperlink - CHURCHES page */
  a.arrow-link_church, a.arrow-link_church:visited {
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: url(../images/arrow-link-purple.png) no-repeat left top;

    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    a.arrow-link_church:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }

  /* Hyperlink - SCHOOLS page */
  a.arrow-link_schools, a.arrow-link_schools:visited {
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: url(../images/arrow-link-green.png) no-repeat left top;

    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    a.arrow-link_schools:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }

  /* Hyperlink - FAMILIES page */
  a.arrow-link_families, a.arrow-link_families:visited {
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: url(../images/arrow-link-pink.png) no-repeat left top;

    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    a.arrow-link_families:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }


  /* Hyperlink - ACTION SUPPORT page */
  a.arrow-link_action-support, a.arrow-link_action-support:visited {
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: url(../images/arrow-link-turquoise.png) no-repeat left top;

    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    a.arrow-link_action-support:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }

  /* Hyperlink - ONLINE COMMUNITY page */
  a.arrow-link_community, a.arrow-link_community:visited {
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: url(../images/arrow_community-link.png) no-repeat left top;

    color: rgb(0, 100,150);
    text-decoration: underline;
  }

    a.arrow-link_community:hover {
      color: rgb(100,120,230);
      text-decoration: none;
    }

  li.arrow-link_community {
    margin: 3px 0 30px 5px;
    padding: 0 0 0 15px;
    list-style: none;
    background: url(../images/arrow_community-link.png) no-repeat left top;
  }

  li.arrow-link_community_blogs {
    margin: 4px 0 0 5px;
    padding: 0 0 0 15px;
    list-style: none;
    background: url(../images/arrow_community-link.png) no-repeat left top;
  }


  li.arrow-link_schools {
    margin: 3px 0 10px 5px;
    padding: 0 0 0 15px;
    list-style: none;
    background: url(../images/arrow-link-green.png) no-repeat left top;
  }


/**
  Body - Table styles
  **/

  div.table {
    width: 390px;
    text-align: center;
    margin: 25px auto 25px 80px;
  }

  div.booklets {
    margin: 20px 30px 0 40px;
    float: right;
  }
  
  table {
    margin: 0 0 25px 0;
    width: 400px;
    border: 1px solid rgb(220,220,220);
  }

  table.contact-us {
    width: 275px;
    margin: 15px 15px 15px 0;
  }

  th {
    background: rgb(245,245,245);
    font-weight: bold;
    text-align: center;
    color: rgb(120,120,120);
  }

  tbody th {
    border-top: 1px solid rgb(220,220,220);
    border-right: 1px solid rgb(220,220,220);
  }

  td {
    padding: 3px 0 3px 20px;
    border-top: 1px solid rgb(220,220,220);
    border-right: 1px solid rgb(220,220,220);
  }

  td.buy-online {
    padding: 15px 0 10px 0;
    border-right: none;
  }


/**
  Link Icon Styles
  **/
    a.buy-booklets, a.buy-booklets:visited {
      padding: 5px 0 5px 30px;
      background: url(../images/cart.png) no-repeat left top;

      font-size: 110%;
      text-decoration: underline;
      color: rgb(0, 100,150);
      
    }

    a.buy-booklets:hover {
      color: rgb(100,120,230);
      background: url(../images/cart_select.png) no-repeat left top;
      text-decoration: none;
    }

    a.link-booklets, a.link-booklets:visited {
      padding: 5px 0 5px 30px;
      background: url(../images/info.png) no-repeat left top;

      font-size: 110%;
      text-decoration: underline;
      color: rgb(0, 100,150);
      
    }

    a.link-booklets:hover {
      color: rgb(100,120,230);
      background: url(../images/info_select.png) no-repeat left top;
      text-decoration: none;
    }

  

/**
  Footer styles
  **/
  div#footer p {
    margin: 10px 0 0 0;
    font-size: 89%;
    color: rgb(170,170,170);
  }

  div#footer a, div#footer a:visited {
    text-decoration: underline;
    color: rgb(140,140,140);
  }

    div#footer a:hover {
      text-decoration: none;
    }