/*
 * Customised settings
 *
 *
 */
/*
 * Some tags are marked as Invisible. This is used when a tag value should not be displayed
 * on a page that is rendered in CSS
 *
 */
 
@Media screen {
   .Invisible {
	   height: 0px;                            /* Take up no height                         */
	   left: 0px;                              /* and position us where we don't care       */
	   overflow: hidden;                       /* hide overflow                             */
      position: absolute;                     /* absolute (so we're out of flow)           */
	   top: 0px;                               /* top                                       */
	   width: 0px;                             /* no width                                  */
      visibility: hidden;                     /* and hidden                                */
    }
}
@Media aural {
   .Invisible {
      voice-family: child;
   }
}
/*
 *
 *
 *
 */
Div.NoChex {
    height: 4em;
}
Div.NoChex A {
   text-decoration: none;
}
Div.NoChex A:hover {
   background-color: black;                 /* Seems the least horrible way of highlighting the  */
   color: white;                            /*  link.                                            */ 
}
Div.NoChex IMG {                  
   vertical-align: middle;                  /* Must be in middle or Span.Text is not in middle ? */
}
Div.NoChex Span.Text {
   padding-left: 2em;
   margin-right: 2em;
   vertical-align: middle;
}
