/* color.css */
html { 
  background-color : #d8dbde; 
  behavior:url("csshover.htc");
  }

div#content { 
  background-color : #ffffff; 
  }

div#content_daily {
  background-color : #ebedee; /*d8dbde;*/
  }
 
li[id="btt_predict"], li[id="btt_bride"], li[id="btt_temple"], li[id="btt_annoited"], li[id="btt_garden"], li[id="btt_easter"] {
  background-color : #d8dbde;
  }

li.activity_even {
  background-color : #d8dbde;
  }
  
.product_quote blockquote {
  background-color : #d8dbde;
  padding : 1em;
  margin-top : 1em;
  margin-bottom : 1em;
  }

div#branding {
  background : #3b4b5b;
  }

div#branding h1{
  position : relative;
/*  z-index : 10; */
  height : 127px;
  background : url(images/branding.jpg) no-repeat 0 0;
  }

div#branding blockquote { 
  position : absolute;
  top : -9999px; 
  }

div#nav_main {
  position : relative;
  top : -40px;
  height : 0;
  background : url(images/nav-menu.jpg) no-repeat 340px 0;
  }

ul#nav_box {
  position : absolute;
  top : 0px;
  right : 70px;
  margin : 0;
  width : 440px;
  height : 30px;
  z-index : 15;
  }

ul#nav_box li {
  display : inline;
  }

li#nav_home, li#nav_blogs, li#nav_family, li#nav_resrcs {
  position : absolute;
  display : block;
  height : 30px;
  }

li#nav_home{
  left : 0;
  width : 100px;
  }
  
li#nav_family {
  left : 100px;
  width : 100px;
  }

li#nav_blogs {
  left : 200px;
  width : 100px;
  }

li#nav_resrcs {
  left : 300px;
  width : 140px;
  }

ul#nav_box li a{
  display : block;
  height : 30px;
  width : 100px;
  text-indent : -9999px;
  background : url(images/nav-menu.jpg) no-repeat top left;
  cursor : pointer;
/*  background : #3b4b8b;*/
  }

/* Static nav_main items */  
li#nav_home a {
  width : 100px;
  background-position : 0 0;
  }

ul#nav_box li#nav_family a {
  width : 100px;
  background-position : -100px 0;
  }

ul#nav_box li#nav_blogs a {
  width : 100px;
  background-position : -200px 0;
  }
 
ul#nav_box li#nav_resrcs a {
  width : 140px;
  background-position : -300px 0;
  }

/* Hover nav_main items */    
li#nav_home a:hover {
  width : 100px;
  background-position : 0px -30px;
  }
  
ul#nav_box li#nav_family a:hover {
  width : 100px;
  background-position : -100px -30px;
  }

ul#nav_box li#nav_blogs a:hover {
  width : 100px;
  background-position : -200px -30px;
  }

ul#nav_box li#nav_resrcs a:hover {
  width : 140px;
  background-position : -300px -30px;
  }
  
/* Submenu Descriptions */

ul#nav_box li ul {
  position : absolute;
  width : 190px;
  left : -999em;
  padding-top : 10px;
  }

ul#nav_box li:hover ul {
  left : auto;
  }
 
/* resrcs Submenu */  
ul#nav_box li#nav_resrcs ul li a {
  width : 190px;
  background : url(images/nav-submenu-resrcs.jpg);
  }

ul#nav_box li#nav_resrcs li#nav_listeningtolearn a {
  border-top : thin solid #000000;
  width : 190px;
  background-position : -190px 0;
  }

ul#nav_box li#nav_resrcs li#nav_motherslegacy a {
  width : 190px;
  background-position : -190px -30px;
  }

ul#nav_box li#nav_resrcs li#nav_jtb a {
  width : 190px;
  background-position : -190px -60px;
  }

ul#nav_box li#nav_resrcs li#nav_btt a {
  width : 190px;
  background-position : -190px -90px;
  }

ul#nav_box li#nav_resrcs li#nav_preschool a {
  width : 190px;
  background-position : -190px -120px;
  }

ul#nav_box li#nav_resrcs li#nav_hslinks a {
  width : 190px;
  background-position : -190px -150px;
  }

ul#nav_box li#nav_resrcs li#nav_listeningtolearn a:hover {
  border-top : thin solid #000000;
  width : 190px;
  background-position : 0 0;
  }

ul#nav_box li#nav_resrcs li#nav_motherslegacy a:hover {
  width : 190px;
  background-position : 0 -30px;
  }

ul#nav_box li#nav_resrcs li#nav_jtb a:hover {
  width : 190px;
  background-position : 0 -60px;
  }

ul#nav_box li#nav_resrcs li#nav_btt a:hover {
  width : 190px;
  background-position : 0 -90px;
  }

ul#nav_box li#nav_resrcs li#nav_preschool a:hover {
  width : 190px;
  background-position : 0 -120px;
  }

ul#nav_box li#nav_resrcs li#nav_hslinks a:hover {
  width : 190px;
  background-position : 0 -150px;
  }
  
/* Family Submenu */  
ul#nav_box li#nav_family ul li a {
  width : 190px;
  background : url(images/nav-submenu-family.jpg);
  }

ul#nav_box li#nav_family li#nav_aboutus a {
  border-top : thin solid #000000;
  width : 190px;
  background-position : -190px 0px;
  }

ul#nav_box li#nav_family li#nav_pictures a {
  width : 190px;
  background-position : -190px -30px;
  }

ul#nav_box li#nav_family li#nav_aboutus a:hover {
  width : 190px;
  background-position : 0 0px;
  }
  
ul#nav_box li#nav_family li#nav_pictures a:hover {
  width : 190px;
  background-position : 0 -30px;
  }

/* Site Info Footer */

ul#site_info_box {
  right : 10px;
  }  

div#site_info {
  position : relative;
  top : 0px;
  height : 60px;
  background : #3b4b5b;
  }

ul#site_info_box {
  position : absolute;
  bottom : 0px;
  left : 0px;
  height : 60px;
  z-index : 8;
  }

ul#site_info_box li {
  display : inline;
  }

li#contact_us, li#copyright_info {
  position : absolute;
  display : block;
  height : 50px;
  }

li#contact_us{
  left : 0;
  width : 120px;
  }
  
li#copyright_info {
  text-indent : -9999px;
  right : 0;
  width : 250px;
  background : url(images/site-info.jpg) no-repeat top right;
  }

ul#site_info_box li a{
  display : block;
  height : 50px;
  width : 120px;
  text-indent : -9999px;
  background : url(images/site-info.jpg) no-repeat top left;
  cursor : pointer;
  }

li#contact_us a {
  width : 120px;
  background-position : 0 0;
  }

li#contact_us a:hover {
  width : 120px;
  background-position : -120px 0;
  }

#jtb_header {
  text-indent : -9999px;
  width : 800px;
  height : 200px;
  background : url(images/jtb-header.jpg) no-repeat 0 0;
  margin-left : auto;
  margin-right : auto;
  }