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


/* The main body - define the overall background                  */

body      { font-family:      Verdana, Arial, Helvetica, sans-serif;
            color:            black;
            background-image: none;
            background-color: #ffffb0
          }
          
/* 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: #ffffb0
          }

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: #ffffb0
               }

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     { font-family:      Verdana, Arial, Helvetica, sans-serif;
                 color:            black;
                 background-image: none;
                 background-color: #ffffb0
/* Not on PDA    width:            20%;  */
/* Not on PDA    float:            left  */
               }

/* The next two don't work on IE for images, they do on Firefox   */
/* For IE we need images specified separately - see top of file   */
a.navbar:link     { color:            #ffffb0;
                    background-color: #ffffb0;
                    text-decoration:  none }
a.navbar:hover    { color:            #ffffb0;
                    background-color: #ffffb0;
                    text-decoration:  none }

ul.navbar a       { color:            blue; 
                    background-color: white; 
                    text-decoration:  none }
ul.navbar a:hover { color: blue; background-color: yellow }


ul.navbar      { list-style-type: none;
                 padding:         0;
                 margin:          0;
                 position:        static;
                 top:             3em;
                 left:            1em;
                 width:           9em
               }
         
ul.navbar li   { background:   white;
                 color:        blue;
                 margin:       0.5em 0;
                 padding:      0.3em;
                 border-right: 1em solid black
               }




/******************************************************************/
/* Main body section - the right of the page                      */

div.main       { font-family:      Verdana, Arial, Helvetica, sans-serif;
                 color:            black;
                 background-image: none;
                 background-color: #ffffb0
/* Not on PDA    width:            78%;  */
/* Not on PDA    padding-left:     2%;   */
/* Not on PDA    float:            right */
               }

p.main         { text-align: center }

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

a.main:link     { color: blue; background-color: #ffffb0; text-decoration: none }
a.main:hover    { color: blue; background-color: yellow;  text-decoration: none }
a.main:visited  { color: blue; background-color: #ffffb0; text-decoration: none }





/******************************************************************/
/* Change detection section - at the bottom of the page          */

div.changedet { display: none }