/* Cascading Style Sheet for the Groomswell.com page - Printer    */
/* Version 2.7  19 January 2008                                       */
/* Copyright (c) 2005 - 2008 Groomswell LLP - All Rights Reserved */


/* The main body - define the overall background - White          */
body      { font-family:      Verdana, Arial, Helvetica, sans-serif;
            color:            black;
            background-image: none;
            background-color: #ffffff
          }
          
/* The next two turn off the blue border link images for IE       */
/* Firefox doesn't need them, only needs a:link without the img   */
a:link img,
a:visited img { border-style: none }


/******************************************************************/
/* Introduction section - the top of the page, full width         */
div.intro { font-family:      Verdana, Arial, Helvetica, sans-serif;
            color:            black;
            background-image: none;
            background-color: #ffffff
          }

h1.intro  { font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size:   300%;
            text-align:  center
          }
h2.intro  { font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size:   150%;
            text-align:  center
          }
h3.intro  { font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size:   120%;
            text-align:  center
          }
          
p.intro   { text-align: center }
          

/******************************************************************/
/* Copyright section - the bottom of the page, full width         */
div.cpyrgt     { font-family:      Verdana, Arial, Helvetica, sans-serif;
                 clear:            both;                 
                 color:            black;
                 background-image: none;
                 background-color: #ffffff
               }

address.cpyrgt { font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size:   x-small;
                 border-top:  solid;
                 margin-top:  1em;
                 padding-top: 1em;
                 text-align:  center
               }


/******************************************************************/
/* Navigation bar section - the left of the page                  */
div.navbar     { display: none }



/******************************************************************/
/* Main body section - the right of the page                      */
/* For the printer, there is no navbar, so use the full width     */

div.main       { font-family:      Verdana, Arial, Helvetica, sans-serif;
                 color:            black;
                 background-image: none;
                 background-color: #ffffff;
                 padding-left:     2%
               }

td.main        { padding-left: 2em;
                 text-align:   justify
               }

/* For the printer, links are not coloured                        */
a.main:link     { color: black; background-color: white; text-decoration: none }
a.main:hover    { color: black; background-color: white; text-decoration: none }
a.main:visited  { color: black; background-color: white; text-decoration: none }



/******************************************************************/
/* Change detection section - at the bottom of the page          */
/* Don't need a form on the printer                              */

div.changedet { display: none }


    


/******************************************************************/
/* Tabbed selection box section - embedded within Main            */
/* *** To be re-copied from Groomswell.css when that is finished *** */

div.tabholder { border-style: solid;
                border-width: thin;
                border-color: black;
                padding: 0.5em;
                margin: 0.5em 0.1em
              }



		div.tabs {
		  min-height: 7em;		/* No height: can grow if :target doesn't work */
		  position: relative;		/* Establish a containing block */
		  line-height: 1;		/* Easier to calculate with */
		  z-index: 0}			/* So that we can put other things behind */
		div.tabs > div {
		  display: inline}		/* We want the buttons all on one line */
		div.tabs > div > a {
		  color: black;			/* Looks more like a button than a link */
		  background: #CCC;		/* Active tabs are light gray */
		  padding: 0.2em;		/* Some breathing space */
		  border: 0.1em outset #BBB;	/* Make it look like a button */
		  border-bottom: 0.1em solid #CCC} /* Visually connect tab and tab body */
		div.tabs > div:not(:target) > a {
		  border-bottom: none;		/* Make the bottom border disappear */
		  background: #999}		/* Inactive tabs are dark gray */
		div.tabs > div:target > a,	/* Apply to the targeted item or... */
		:target #default > a {		/* ... to the default item */
		  border-bottom: 0.1em solid #CCC; /* Visually connect tab and tab body */
		  background: #CCC}		/* Active tab is light gray */
		div.tabs > div > div {
		  background: #CCC;		/* Light gray */
		  z-index: -2;			/* Behind, because the borders overlap */
		  left: 0; top: 1.3em;		/* The top needs some calculation... */
		  bottom: 0; right: 0;		/* Other sides flush with containing block */
		  overflow: auto;		/* Scroll bar if needed */
		  padding: 0.3em;		/* Looks better */
		  border: 0.1em outset #BBB}	/* 3D look */
		div.tabs > div:not(:target) > div { /* Protect CSS1 & CSS2 browsers */
		  position: absolute }		/* All these DIVs overlap */
		div.tabs > div:target > div, :target #default > div {
		  position: absolute;		/* All these DIVs overlap */
		  z-index: -1}			/* Raise it above the others */