/* SS home page CSS file */

@import url(stepney.css);
@import url(stepney-tri.css);

/* colours:

#404F24  	dark green  
#BDD09F     green
#E8F0D8     pale green
  
#8F3B1B     reddish brown
#B99C6B     tan
#FFF8DC     cornsilk

#4E6172     steel
#A3ADB8     silver 
#FCFCFC     pale grey 
*/


/* background-colour ----------------------------------------- */ 
.banner
{ background-color: #BDD09F; } /* green */

/* (font) colour -------------------------------------------- */
.banner
{ color: #404F24; } /* dark green */

/* box-shadow ----------------------------------------------- */
.banner-idbox 
{ box-shadow: 4px 4px 4px #A3ADB8; } /* silver */

.book-border, .banner-noid 
{ box-shadow: 4px 4px 4px #B99C6B; } /* tan */

.banner 
{ box-shadow: 6px 6px 6px #404F24; } /* dark green */

.banner 
{ margin-left: -32px;
  margin-right: -32px;
  } 
/* ========================================================== */

h1 {
  font-size: 240%;
  font-weight: bold;
  line-height: 1em;
  text-align: left;
}

.banner {	
  font-weight: bolder;
  border-top: 3px #404F24 solid;
  padding: 3px 0 3px 8px;
  margin-top: 0px;
  margin-bottom: 3em;
  border-radius: 16px;
}

.banner-hwork {	
  margin-left: 2em;
  margin-right: 2em;
  padding-left: 10px;
}

.banner-play {	
  margin-left: 2em;
  margin-right: 2em;
  padding-left: 10px;
}

.banner-blank {	
  margin-left: 2em;
  margin-right: 2em;
  padding-left: 10px;
}

.banner-noid {	
  background-color: #FFFAEC;
  padding: 1em 2em 1em 2em;
  margin-top: 4em;
  border-top: 3px #8F3B1B solid;
  border-radius: 16px;
}

.banner-line {	
  zoom: 1;  /* to fix "peek-a-boo" bug in IE6 */
}

.banner-idbox {	 /* No ID cards box */
  background-color: #f0f0f0; /* to match graphic */
  border: 1px #c0c0c0 solid;
  margin: 0 2em 0 3em;
  padding: 8px;
  text-align: center;
}

DIV.tri-left-new {
  float: left;
  width: 110px;
  margin: 5px 10px 0 0;
}

DIV.tri-mid-banner {
  float: left;
  width: 75%;
  padding-top: 15px;
}