/*  BG shorthand = background:#f00 url(background.gif) no-repeat fixed 0 0;  
## is bg color, image, position ##
Font Shorthand 
## Color, decoration and alignment ##  are NOT font - they are TEXT.
##   pixels ##  are not font-family, just  font-size
(odd font details =
font-size/line-height   caption  icon  menu  
message-box   small-caption  status-bar)
FONT-FAMILY:    family-name (eg arial)   generic-family
FONT-SIZE
  xx-small   x-small    small    medium    large    x-large    
  xx-large    smaller    larger    length    %
FONT-STYLE
  normal ## italic ##  oblique
FONT-VARIANT
  normal  ## small-caps  ##
FONT-WEIGHT
  normal  bold  bolder  lighter  100  200  300  400  500  600  700  800  ## 900 ##
*/

body  {
background-color: #8a2be2;
font-family:Arial, Helvetica, sans-serif;
font-size:96%;
}
.headerfloatleft { display:inline;  float:left; }
.centertabs { position:relative; display:block;  margin: 5em 0 0  0; padding:0; }
.mainnav { top:4em;  position:relative; display:block;   text-align:center;  clear:both;  }

p.first:first-letter 
{
color: #ff0000;
font-size:xx-large;
}

.centerbox_smaller   {    position:relative; display:block;   text-align:center; 
width:auto;
margin:.5%;
padding:1%;
/*font:bold 120% Arial, Helvetica, sans-serif; */
color:red; 
background-color:yellow;    
}

img  {  display:inline;  border:0;  margin:0.5em;  }

img.corner    {  border:0;  margin:0;  padding:0;  }
    
/* error */
.leftthird_yellow  {    
display:inline;    float:left;    text-align:left;
width:35%;   height:auto;
background-color:#ffff00;
border:0;    padding:0;  margin:0;
}  

.rightthird_yellow  {    
display:inline;  float:right;  text-align:left;
width:34%;  height:auto;
background-color:#ffff00;
border:0; padding:0;  margin:0;
}  

.rightzone  {    
display:inline;  float:right;  text-align:left;
width:25%;  height:auto;
background-color:#ffff00;
border:0; padding:0;  margin:2em 0px 0px 0px;
font-size:80%;
}  

h1.joke {  position:relative; display:block;   text-align:center; 
font-family: 'Lucida Casual', 'Comic Sans MS',  sans-serif;
font-size:1.5em; 
color:#646262;
}

.pinboard_long_1
{
position:relative;  display:inline;   float:left;      
width:auto;   height:auto;
background:#ffff00 url(http://kids.inmatlock.com/images/pinboard_long_1.gif) no-repeat;
font-family: 'Lucida Casual', 'Comic Sans MS', sans-serif;
color:#669900;
border:0;
       text-align:left;
       padding:6em 5em 7em 6em;
       margin-bottom:0.1em;
}


.pinboard_long_2
{
  position:relative;  
display:inline;
width:auto;
font-family: 'Lucida Casual', 'Comic Sans MS', sans-serif;
color:#6666FF;
background:#ffff00 url(http://kids.inmatlock.com/images/pinboard_long_2.gif) no-repeat;
       border:0;
       height:auto;
       float:left;       
       text-align:left;
       padding:6em 5em 7em 6em;
       margin-bottom:0.1em;
}

.pinboard_long_3  {
position:relative;   display:inline;  float:left;    text-align:left;
width:auto;  height:auto;
font-family: 'Lucida Casual', 'Comic Sans MS', sans-serif;
color:#CC9900;
background:#ffff00 url(http://kids.inmatlock.com/images/pinboard_long_3.gif) no-repeat;
border:0;
padding:6em 5em 7em 6em;
margin-bottom:0.1em;
}

.pinboard_1
{
  position:relative;  
display:inline;
width:auto;
font-family: 'Lucida Casual', 'Comic Sans MS', sans-serif;
color:#CC9999;
background:#ffff00 url(http://kids.inmatlock.com/images/pinboard_1.gif) no-repeat;
       border:0;
       height:auto;
       float:left;       
       text-align:left;
       padding:6em 5em 7em 6em;
       margin-bottom:0.1em;
}


.pinboard_2  {
  position:relative;   display:inline;
width:auto;
font-family: 'Lucida Casual', 'Comic Sans MS', sans-serif;
color:#66CC00;
background:#ffff00 url(http://kids.inmatlock.com/images/pinboard_2.gif) no-repeat;
       border:0;
       height:auto;
       float:left;       
       text-align:left;
       padding:6em 5em 7em 6em;
       margin-bottom:0.1em;
}


.pinboard_3  {
  position:relative;    display:inline;
width:auto;
font-family: 'Lucida Casual', 'Comic Sans MS', sans-serif;
color:#999900;
background:#ffff00 url(http://kids.inmatlock.com/images/pinboard_3.gif) no-repeat;
border:0;
       height:auto;
       float:left;       
       text-align:left;
       padding:6em 5em 7em 6em;
       margin-bottom:0.1em;
}

/* ERROR TO FIX */
.endbox
{   
position:relative;   
 display:inline;
overflow:visible;
right:1%;
float:right;
       width:10%;  
       text-align:center;
padding: 0 1em 0 1em;
}  


.endbox2
{   
position:relative;   
background-color:#ffffff; 
 display:inline;
overflow:visible;
right:0.5%;
float:right;
       width:18%;   
       text-align:left;
padding:0.7em;
}  

.centerstrip {
display:block; 
float:right;
margin-right:18%;
padding:2%;
width : 60%;
text-align : left;
font : 1.4em palatino, times, "new times roman", bookman, "new century schoolbook", serif;
clear:right;
background:#fff;
}

.centerstrip2 {
position : relative;
width : 55%;
margin-left:20%; margin-right:20%; 
height : auto;
text-align : left;
}

h1.zonecorner {    position:relative; display:block;   text-align:center; 
font:bold 110% Arial, Helvetica, sans-serif;
            color:red;
}

/* error  to fix*/
.zonecorner   { 
            position: absolute;
            display:inline;
            width:150px;
            height:auto;
            top:0;
right:2px;
background-color:yellow;
            padding:0;
            text-align:center;
 }

.leftthird { position:relative;
       display:block;
       width:30%;
       height:auto;
       background:transparent;
       float:left;       
       text-align:justify;
       margin:0.75em;
}  

.two_thirds { position:relative;
       display:block;
       width:60%; 
       float:left;
       text-align:justify;
       margin:0.75em;
}

.right2thirds
{    
        position:relative;
       display:block;
       width:60%; 
       background-color:#ffffff;
       float:right;
       text-align:justify;
       margin:0.75em;
}

.footer
{
display:block;
clear:both;
width:100%;
background:#ffa500;
padding:5px 20px 5px 20px;
font-size:85%;
}
.footstrip
{
display:block;
clear:both;
padding:5px 20px 5px 20px;
font-size:80%;
}

a:link {font: bold 98% Arial, sans-serif; color: blue; text-decoration: underline;}
a:active {font: bold 98% Arial, sans-serif; color:teal; text-decoration: underline;}
a:visited {font: bold 98% Arial, sans-serif; color: purple; text-decoration: underline;}
a:hover {font: bold 98% Arial, sans-serif; color: #ad0018; text-decoration:underline;}

/* error  - all the quarters*/
.first_quarter  { position:relative;
 display:block;
float:left;
       width:12%;
       height:auto;       
       text-align:center;
font-size:50%;
font-weight:bold;
padding: 0 0.2em 0 0.2em;
       margin:0 0 0 .2%;
clear:left;
}  

.last_quarter  { position:relative;   
 display:block;
float:left;
       width:12%;
       height:auto;       
       text-align:center;
font-size:50%;
font-weight:bold;
padding: 0 0.2em 0 0.2em;
       margin:0 0.2% 0 0;
clear:right;
}  

/* #####  revert back to these if necessary  #####   */
.quarter
{     
position:relative;   
 display:block;
float:left;
       width:12%;
       height:auto;       
       text-align:center;
font-size:50%;
font-weight:bold;
padding: 0 0.2em 0 0.2em;
       margin:0;
}  

.quarter-parents
{     
position:relative;   
background:#33ff00;
color:#ffa500;
/* background: url(http://kids.inmatlock.com/images/parents_button.jpg);  */
 display:block;
float:left;
       width:10em;
       text-align:center;
font-size:110%;
font-weight:bold;
padding: 0 0.1em 0 0.1em;
       margin:0 1em 0 1em;
height:4.2em;
}  


.quarter-club
{     
position:relative;   
background:red;
color:#ffff33;
/* background: url(http://kids.inmatlock.com/images/kids_button.jpg);  */
 display:block;
float:left;
       width:10em;
       text-align:center;
font-size:110%;
font-weight:bold;
padding: 0 0.1em 0 0.1em;
       margin:0 1em 0 1em;
height:4.2em;
}
.quarter-fun
{     
position:relative;  
background:yellow;
color:red;
/* background: url(http://kids.inmatlock.com/images/fun_button.jpg);  */
  display:block;
float:left;
       width:10em;
       text-align:center;
font-size:110%;
font-weight:bold;
padding: 0 0.1em 0 0.1em;
       margin:0 1em 0 1em;
height:4.2em;
}  

.quarter-picture
{     
position:relative;   
background:#00ffff; 
color:blue;
/*  background: url(http://kids.inmatlock.com/images/pic_button.jpg);  */
 display:block;
float:left;
       width:10em;
       text-align:center;
font-size:110%;
font-weight:bold;
padding: 0 0.1em 0 0.1em;
       margin:0 1em 0 1em;
height:4.2em;
}  
h1 .quarter-picture { display:block;  font-size:120%; background:#fff; color:blue; }

 a:link h1 .quarter-picture, a:visited .quarter-picture, a:hover .quarter-picture, a:active .quarter-picture, a:focus .quarter-picture { display:block;  font-size:120%; background:#fff; color:blue; text-decoration:none; }

 a:link .quarter-picture, a:visited .quarter-picture, a:hover .quarter-picture, a:active .quarter-picture, a:focus .quarter-picture { height:4.2em; display:block; font-size:120%; background:#fff; color:blue; text-decoration:none; }
 a:link .quarter-picture, a:hover { height: 4.2em;   }

h1, h2, h3, h4  {
	color:red;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
}

h1  {  position:relative; display:block;   text-align:center; 
	font-size:1.2em; 
color:blue;
}

h1.kidsheader {  position:relative; display:block;   text-align:center; 
font-size: 1.2em;
	    font-weight:bold;
	    color:yellow;
}

h2  { font-size:1.1em;
        text-align:left;
color:black;
}

h4  {
	font-size:1.1em;
	text-align:right;
        display:inline;
        margin:0;
        padding:0;
}


h5  {  position:relative; display:block;   text-align:center; 
        color:yellow;
	font-size:1.1em;
        line-height:1.1;
}

h6 {
font: italic 0.7em Arial, Helvetica, sans-serif;
 color: black;
text-align:right;
	padding:0;
        margin:0;
        line-height:1.1;
}

h3, .barh3  { font:  bold 130% Arial, Helvetica, sans-serif;
color:red;	
border: 1px solid #7088B0!important;
	line-height:1.1;
margin:30px 0 20px 0;
	padding:3px 3px 3px 5px;
	background:yellow;
        text-align:center;
}

/*  from ROZ  */
/*
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus {
	font: bold 100% Arial, sans-serif;
	color: teal;
	text-decoration: none;
}
h1 a:visited {	color: teal;  }
h1 a:hover {
	color: #2ba8a8;
	text-decoration:underline;
}
h1 a:active {
	color: teal;
}
h1 a:focus {
	color: #2ba8a8;
}
*/

.caption
{
 font-size : 0.5em;
font-style : italic;
font-weight : bold;
 text-align : center;
color: black;
clear:both;
}


/*
font:italic 1.5em Times 'New Century Schoolbook', Palatino, serif;   


error to fix*/

.quotebox
{ 
   display:block;
       width:38%; 
       float:right;
text-align:center;
color:#330066;
       padding:0.5em 0.5em 0.5em 1em;
       margin:0 0 0.5em 1em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}

/* error */
.starsite { display:block;   float:right;
width:38%; 
text-align:center;
background:url(http://steepturnpikechurch.inmatlock.com/fallstars.gif) no-repeat;
color:#330066;
padding:0.5em 0.5em 0.5em 1em;
margin:0 0 0.5em 1em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}

table  {  border:thin solid #99ccff;  }

td {  padding: 10px 10px;  vertical-align: middle;  }

td a { font:  98% Arial, sans-serif; color: blue; text-decoration: none;}
	
	
th {  padding: 10px 10px;
 font: bold 100% Verdana, sans-serif, sans-serifArial,Helvetica,sans-serif;
 color: #666;
 background: #ccffff;  }

.lefthalf, .righthalf  {    
position:relative; display:block;  float:left;
text-align:left;
width:43%;  height:auto;  
background:#ffa500;
border:0;
padding:1% 2%;
margin:1%;
}  
.righthalf  {    float:right;  }

.left45pcwhite, .lefthalfwhite, .righthalfwhite
{    
display:block;   float:left;  text-align:left;
height:auto;  width:45%;
background-color:#fff;
border:0;
padding:0 0.1em 0.1em 0.1em;
margin-bottom:0.1em;
}  
.righthalfwhite {    float:right;  }


.borderYellow {
border:thick solid yellow;
}
.borderRed {
border:thick solid red;
}

.orange
{    
display:inline;   float:left; text-align:left;
width:95%; height:auto;
background-color:#ffa500;
border:thick solid yellow;
padding:0 1% 0.5em 1%;
margin: 0 1% 1% 1%;
}
.whiteclear
{    
display:inline;   float:left;  text-align:left;
width:44%; height:auto;
background-color:#ffffff;
padding:0 0.3% 1em 3%;
margin: 0;
}

.white
{    
display:block;   float:left;  text-align:left;
width:93.5%; height:auto;
background-color:#ffffff;
border:thick solid yellow;
padding:0 2%;
margin: 0 2% 0 1%;
}

.white2
{    
display:block;   float:left;  text-align:left;
width:100%; height:auto;
font:100% Arial, Helvetica, sans-serif;
background-color:#ffffff;
padding:0 0.3% 0.5em 1%;
margin: 0;
}
.yellow
{    
display:inline;   float:left;  text-align:left;
width:95%; height:auto;
background-color:#ffff00;
border:thick solid yellow;
padding:0 1% 0.5em 1%;
margin: 0 1% 1% 1%;
}
.yellownarrow
{    
display:inline;   float:left;  text-align:left;
width:24%; height:auto;
background-color:#ffff00;
border:thick solid yellow;
padding:0 1% 0.5em 1%;
margin: 0 1% 1% 1%;
}
.whitehalf_r
{    
display:inline;   float:right;   text-align:left;
width:44%; 
background-color:#ffffff;
border:0; 
padding:3em 2em 3em 2em;
}
.whitehalf_l
{    
display:inline; float:left;   text-align:left;
width:44%; 
background-color:#ffffff;
border:0;
padding:3em 2em 3em 2em;
}

.black_half  {    
display:inline;   float:right;   text-align:left;
width:40%; 
background-color:#000000;
color:#ffffff;
border:0;  padding:2em;  margin:1em;
}
.right45pcwhite  {    
display:inline;  float:right;   text-align:left;
background-color:#ffa500;
border:0;
padding:0 0.1em 0.1em 0.1em;
margin-bottom:0.1em;
}
.orangesmall  {    
display:inline;   float:right;  text-align:left;
font-size:0.5em;
width:100%; 
background-color:#ffa500;
border:0;
padding:0 0.1em 0.1em 0.1em;
margin-bottom:0.1em;
}
.p  {  font:14px Verdana, sans-serif;  color:#330066;  text-align:justify;  }

.epigraph  {  position:relative; display:block;   text-align:center; 
font-size:18px;  font-style:italic;  font-weight:bold;
color:#330066;
}
.epigraphblue  {   position:relative; display:block;   text-align:center; 
font-size:2em;  font-style:italic;  font-weight:bold;
color:blue;
}

/* EXPLANATORY POPUPS */
.popup  {
color:#9f141a;
text-decoration:none;
}
.rightbar  {
position:absolute;
width:200px;  height: auto;
top:120px;  right:2px;
padding:0;  margin:0 0 2px 2px;
font-family:Arial, Helvetica, sans-serif; 
color:#000000; 
border:0;
}
.rightitemcenteryellow     {   position:relative; display:block;   text-align:center; 
width:190px;  height:auto;
border:thick double red;
background-color:yellow;
padding:5px 2px 5px 2px;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
color:#000000;    
}
.rightitemleftyellow     {  
width:190px;   height:auto;
text-align:left;
border:thick double red;
background-color: yellow;
padding:5px 2px 5px 2px;
margin:0;
font-family:Arial, Helvetica, sans-serif; 
color:#000000;    
}
.leftbar  {
position: absolute;
border:0; padding:6px;  margin:0 2px 0 0;
top:180px;  bottom:0;  left:2px;
width:180px;  height:auto;
font:12px Verdana, sans-serif;
}
.leftbaryellow  {
position: absolute;
top:200px;  bottom:0;  left:5px;
width:180px;  height:auto;
padding:5px;  margin:5px;  border:thin solid red;
font:12px Verdana, sans-serif;
}
/* error */
.leftitemcenteryellow  { 
position:absolute;
width:160px;  height:100%;
border-style:none;  padding:6px;
text-align:center;
color:#000000;
background-color:yellow;
}
.leftitemleftyellow  {
position:absolute;  text-align:left;
width:160px;  height:auto;
color:#000000;
background-color:yellow;
border-style:none;  padding:6px;
}
/* error */
.topleftbox  {
display:inline;  float:right;
width:200px;
margin:5px 5px 0 0;  padding:0;  border:none;
font-size:8pt;  text-align:center;
}
.maincol  {
width:auto;   position:relative;
padding:0.2em;  margin:60px 220px 20px 180px;
text-align:justify;
}
/*  very old version
.maincol
{
        width:auto;
background-color: #ffffff;
color:#000000;
background-image: url(http://steepturnpikechurch.inmatlock.com/corner.gif );
background-repeat: no-repeat;
        position:relative;
       padding:1em 22% 1em 2em;
        margin:123px 0 10px 160px;
        text-align:justify;
}
*/
/*
.maincolorange  {
position:relative;  text-align:justify;
width:auto;
padding:0.2em;  margin:60px 200px 20px 180px;
background-color:#ffa500;
}


error
*/
.header  {
position:absolute;
top:0;  right: 0;  left: 0;  
width:100%;   height:auto;
padding:0;  margin:0;  
text-align:center;
clear:both;
}
.clearheader { display:block; clear:both; }
 /* this is  TOP BAR FOR HORIZ LINKS  place BELOW maincol end of div */      
.topbar_kids {
position:absolute;
width:94%;
 top:2%;  margin-left:2%;  margin-right:2%;
padding:1em 0 1em 0;
color:red;
text-align:center;  font-size:120%;
background:#ffff00 url(http://kids.inmatlock.com/images/corner_yel_out.gif) no-repeat top left;
}

/* error */
.topbar   {
position:absolute;  
width:auto;    height:4em;
top:100px;  left:2px;   right:2px;
padding:0;
font-size:12pt;
text-align: center;
}
 /*   TOP NAV Plain 

error */
.navhoriz   {
display:inline;  height:auto;
left:2px;  right:2px;  
text-align:center;     
}
/*    FOR TEXT CENTERED IN HEADER ONLY  

error*/
.centerbox   {    
display:inline;  overflow: visible;
width:auto;  
margin: 0 2px; 
/* right:2px; left:2px; */
text-align:center;
font-size: 1.1em;
font-weight:bold;
color:yellow;
}
.centerbox2  {
position:absolute;   display:block;
width:100%; 
padding:1px 1px 10px 1px;
font:bold 200% Arial, Helvetica, sans-serif;
color:#ad0018;
 text-align:center;
margin-left:2px;  margin-right:2px;
clear:both;
}
.centerbox3   {
display:block;
width:auto;
padding:10px 10px 10px 10px;
font:bold 150% Arial, Helvetica, sans-serif;
color:red;
text-align:center;
background-color:yellow; 
border:thick solid #ffa500;    
}
 /*   FOR HEADER AND OTHER USE    */
 .toprightcorner    {
position: absolute;  display:inline;
 width:auto;  height:auto;
top:0;  right:20px;
padding:5px;
font-size:10pt;
text-align:center;
}
/*  LOGO BOX TO USE WITHIN HEADER */
 .logobox              {
position: absolute;  display:inline;   text-align: justify;
width:18em;
top: 5px;   left:5px;
padding:0;
font-size:130%; font-weight:bold;
color:yellow;
 }
.epigraphjoin  {  position:relative; display:block;   text-align:center; 
font-size:2em;  font-style:italic;  font-weight:bold;
color:blue;
background-color:#ffa500;
}
.join  {    
display:inline;   text-align:left;
width:100%;  
padding:0.5em;  margin:0;
bottom:1em; 
border:thick solid #ffa500;
background-color:#ffa500;
}  
.rightjoin  {    
display:inline; float:right;  text-align:left;
width:42.8%;
padding:1em 1em 1em 1em;
margin:0;  border:thick solid #ffa500;
background-color:#ffa500;
}
.frey {  position:relative; display:block;   text-align:center;  color:#006bc7;   }
.freycopy {  position:relative; display:block;   text-align:center;  color:#000; font:2px normal Times, serif;   }
.clear { position:relative; display:block;  clear:both;}
.left { position:relative; display:block;   float:left; }
.right { position:relative; display:block;  float:right; }
.center, p.center, .centre  {  position:relative; display:block;   text-align:center; }
 img.center, .centre {  position:relative; display:block;   }
.black { color:#000; }
.small { font-size:85%; }
.smaller { font-size:75%; }
.smallest { font-size:65%; }
/*   ~~~~ AUGUST 2007  ~~~  */
.printthis { display:none; }
.footer-white {  position:relative; display:block;   
background:#fff; 
font-size:85%;  
width:95%; 
height:auto;
border:thick solid yellow;
padding:0 1% 0.5em 1%;
margin: 0 1% 1% 1%;
clear:both;
}
.tip {    
 position:relative; 
 display:block;  
border:thick solid yellow;
       width:20%;
       height:auto;
       background:transparent;
       float:left;       
       margin:.5em 3em;
padding:1em  1.8em 1.5em 1.8em;
}  
.tipwide {    
 position:relative; 
 display:block;  
border:thick solid yellow;
       width:90%;
       height:auto;
       background:transparent;
       float:left;       
       margin:1.5em 0;
padding:1em;
}  
.third {    
 position:relative; 
 display:block;  
       width:30%;
       height:auto;
       background:transparent;
       float:left;       
       margin:0;
padding:0 1em;
}  
.twothirds
{    
        position:relative;
       display:inline;
       width:58%;
       height:auto;
       background:transparent;
       float:left;       
       margin:0;
padding:0  1em;
}  
.half  {    
 position:relative;
 display:block;  
       width:43%;
       height:auto;
       background:transparent;
       float:left;       
       margin:0;
padding:0  1em 0 1em;
}
.cardborder { border:1px solid #000;  margin:0 0 0 2em;}
.floatright   {  position:relative; display:block;   float: right; }
.floatleft   {  position:relative; display:block;   float: left; }
.floatcenter {
    display: block;
    margin-left: auto;
    margin-right: auto }
.pad { display:block; margin:0; padding:0 2em; }
.autowide {display:inline; float:left; width:auto; }
.noprint {display:inline;}
#noprint {display:inline;}
.oldscroll { width:68%; margin:0 0 3em 0; background:#ffffcc; color:#663300; padding:.2em 1.5em; border:26px solid #fff;  border-top:26px solid #663300;  border-bottom:26px solid #663300;   }
.textright {display:block; text-align:right; }
.brown {color:#663300; }
#brown {color:#663300; font-style:italic; font-size:1.3em; }
.bgyellow {   position:relative; display:block;   text-align:center;   background:yellow;  width:280px; padding: 1em; float:right;  margin-right: 40%;}
#needsjs { display:inline; }
.bgfullyellow { display:block;  background:yellow; color:#000; width:91%; margin:.5%; padding:2% 3% 7% 4%; }

/*  FOR     O R I G I N S      PAGES   */
.border { border:1px solid #000;}
#border { border:1px solid #000;}
.borderred { border:2px solid red; margin-bottom:1.2em;}
#borderred  { border:2px solid red; margin-bottom:1.2em;}
.halfright {display:inline; float:right; width:43%; text-align:left; margin:0; padding:1% 1% 1% 2%;}
#close {padding-top:0; margin-top:0; }
.pinboardfloat {  display:block; float:right; overflow:visible;
background:#fff url(http://kids.inmatlock.com/images/pinboard_1.gif) top left no-repeat;
width:320px; height:380px;
padding:0;
margin:0;
}
.fill { display:inline; width:70%; padding-top:190px;   padding-left:70px; font:normal 1em arial, helvetica sans-serif; 
font-weight:bold; color:green;
text-align:left;  }
/*  END OF  FOR     O R I G I N S      PAGES   */
.clearright { clear:right; }
.comp { color:red; }
ol.loweralpha { list-style-position: inside;  list-style-type:  lower-alpha;}
.nowrap {white-space: nowrap; }
.indent1 {text-indent: 1em;}
.indent2 {text-indent: 2em;}
.copyrighthide {  position:relative; display:block;   text-align:center;  border:4px solid #ffa500; width:70%; margin-left:12%; margin-right:12%;   padding:.5em 2em; font:normal .8em arial, helvetica sans-serif; 
color:#000;
}
h1.copyrighthide, h1.copyrighthide  {  position:relative; display:block;   text-align:center;   font-size:.8em; }
.blocklink, .block { position:relative; display:block;  font-style:normal; }
.blocklink a  { position:relative;  display:block;  font-style:normal;  }

.fullht   { position:relative; display:block;  height:100%;
}
 #theatre h1 { display:block;  width:100%; padding:.8em 1em 14em 0; margin:0;
color:#fff;  
background:#000
url(http://steepturnpike-youththeatre.inmatlock.com/images/drama-bg-400.jpg)
bottom center no-repeat;
}
#theatre h1 em { display:block;  width:6em; float:right; margin:0;
padding:0;  margin-right:20%;
font-size:65%;
text-align:center;
color:#fff;  
background:transparent; }