/* STYLE SHEET FOR Goerens WEBSITE - 07/09/2009 */
/* The percentage font-size declaration in 'body' should control all font sizes except h5 & h6 in top & bottom banners, which have fixed point sizes */
body   {
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        background-color: #000000; 
        font-size: 75%;
/* next line needed to centre page in 1024 x 768 window */ 
        text-align: center; 
       }
/* Next statement removes most browser default styles */
input
       { margin:0; padding:0 ; }
       
fieldset
       { margin:0; padding:0 ; }
       
blockquote
       { margin:0; padding:0 ; }
       
p
       { margin:0; padding:0 ; }
       
html
       { margin:0; padding:0 ; }
       
body
       { margin:0; padding:0 ; }
       
form
       { margin:0; padding:0 ; }
       
pre
       { margin:0; padding:0 ; }
       
h6
       { margin:0; padding:0 ; }
       
h5
       { margin:0; padding:0 ; }
       
h4
       { margin:0; padding:0 ; }
       
h3
       { margin:0; padding:0 ; }
       
h2
       { margin:0; padding:0 ; }
       
h1
       { margin:0; padding:0 ; }
       
li
       { margin:0; padding:0 ; }
       
ol
       { margin:0; padding:0 ; }
       
ul
       { margin:0; padding:0 ; }
       
/* div minheight is used as the outermost div. It simply sets a min page height, 
so there is always a VScrollBar - so different pages do not appear at different horiz positions in FF */

#minheight  {height: 850px; overflow: visible; background-color: #000000;
}


/* div #container realigns default text to left and puts a small grey border round the content */
#container  {  position: relative;
               float:none; 
               margin: 0px auto 0px auto;
               background-color: #000000;
               width: 760px;
               text-align: left;
               overflow: auto; 
             }
/* SBMH added 200606 */
* html #container { 
               width: 762px; 
               w\idth: 760px; 
               }             
             
/* Declarations to set up In-line Navigation boxes in div #navigation */
#navigation   { 
                font-family: Verdana, Arial, Helvetica, sans-serif;
               background-color: #000000;
                font-size: 1.0em;  
                text-decoration: none;
                Padding-top: 0;
                Padding-bottom: 0;
                Margin-top: 0;
                MArgin-bottom: 0;
              }
#navigation ul{ list-style-type: none; 
                text-align: center;
                margin-bottom: 0px; 
                padding-left: 0; padding-right: 0;
                padding-top: 0px; padding-bottom: 0px;
                float: none; 
               }
#navigation li { display: inline; 
                float: none;  
               }
#navigation a:visited 
               { margin-right: 2px;
                 margin-left: 2px;
                 padding: 1px 5px 1px 5px;
                 color: #999;
                 background-color: #000000;
                 text-decoration: none;
                 font-size: 1em; 
               }
#navigation a:link 
               { margin-right: 2px;
                 margin-left: 2px;
                 padding: 1px 5px 1px 5px;
                 color: #999;
                 background-color: #000000;
                 text-decoration: none;
                 font-size: 1em; 
               }
#navigation a:hover 
               { color: #999;
                 background-color: #000;
                 text-decoration: none;
               }

/* body div with pictureas background */
#imagebgnd   { background:#0ff url('../images/xxx.jpg') no-repeat center top; padding: 0px; 
               width: 760px; 
               margin: 0px
               }
.floatright { float: right;
              text-align: left;
              width: 180px;
              overflow: hidden; 
            }

.floatleft { float: left;
              padding-left: 10px;
              text-align: left;
              width: 180px;
              overflow: hidden; 
            }
/* Common properties of links in body text */

a:active
             { font-family: Verdana, Arial, Helvetica; 
               padding-top: 6px; 
             }

a:hover
             { font-family: Verdana, Arial, Helvetica; 
               padding-top: 6px; 
             }

a:visited
             { font-family: Verdana, Arial, Helvetica; 
               padding-top: 6px; 
             }

a:link
             { font-family: Verdana, Arial, Helvetica; 
               padding-top: 6px; 
             }
/* Clearing Div class */

.clear       {
              clear: both;
             }
/* Image Preload Class */
.hiddenPic   { display:none; 
             }

/* additional text classes */

.centered    { text-align: center;
             }
/* Divs 'inner' & 'innerwide', used within #container, create L-R empty areas around content and sets link colours. 
They assume the background is pale */

div .inner   { width: 688px; 
               padding: 0px;
               margin-left: 36px; 
               margin-right: 36px; 
               text-align: left; 
               clear: both; 
               border: 0px solid #999
              }

.inner blockquote
             { color: #005588;  
             }

.inner form
             { color: #005588;  
             }

.inner pre
             { color: #005588;  
             }

.inner p
             { color: #005588;  
             }

.inner h4
             { color: #005588;  
             }

.inner h3
             { color: #005588;  
             }

.inner h2
             { color: #005588;  
             }

.inner li
             { color: #005588;  
             }

.inner ol
             { color: #005588;  
             }

.inner ul
             { color: #005588;  
             }

.inner body
             { color: #005588;  
             }
.inner a:link
             { color: #000000; 
             }
.inner a:visited
             { color: #03a; 
             }
.inner a:hover
             { background-color: #000000; 
               color: #999;
             }
.inner a:active
             { color: #03a; 
             } 
             
div .innergrey   { width: 568px; 
               padding: 24px;

               margin-left: 36px; 
               margin-right: 36px; 
               text-align: left; 
               clear: both; 
               background-color: #eee;
              }

.innergrey td
             { color: #000000;  
             }

.innergrey blockquote
             { color: #000000;  
             }

.innergrey form
             { color: #000000;  
             }

.innergrey pre
             { color: #000000;  
             }

.innergrey p
             { color: #000000;  
             }

.innergrey h4
             { color: #000000;  
             }

.innergrey h3
             { color: #000000;  
             }

.innergrey h2
             { color: #000000;  
             }

.innergrey h1
             { color: #000000;  
             }

.innergrey li
             { color: #000000;  
             }

.innergrey ol
             { color: #000000;  
             }

.innergrey ul
             { color: #000000;  
             }

.innergrey body
             { color: #000000;  
             }
.innergrey a:link
             { color: #000000; 
             }
.innergrey a:visited
             { color: #03a; 
             }
.innergrey a:hover
             { background-color: #000000; 
               color: #999;
             }
.innergrey a:active
             { color: #03a; 
             } 

/* SBMH for correcting div innergrey */
* html .innergrey {
                 width: 616px;
                 w\idth: 568px;
                 }   
                 
/* Div innerwide doesn't have forced colours, 
like inner and innerinv, so results could be unpredictable, if used elsewhere */
.innerwide { width: 740px;
                 background-color: transparent;
                 margin-left: 10px;
                 text-align: left;
                 clear: both; 
             }
/* Div 'innerinv', used within #container, creates 5% L-R empty areas around content */

.innerinv  { margin-left: 36px; 
                 text-align: left;
                 width: 688px;
                 clear: both;
                 color: #990000
                 background-color: #000000; 
               }
               
innerwide h1
             { color: #999;  
             }
               
.innerinv blockquote
             { color: #999;  
             }
               
.innerinv form
             { color: #999;  
             }
               
.innerinv pre
             { color: #999;  
             }
               
.innerinv p
             { color: #999;  
             }
               
.innerinv h4
             { color: #999;  
             }
               
.innerinv h3
             { color: #999;  
             }
               
.innerinv h2
             { color: #999;  
             }
               
.innerinv h1
             { color: #999;  
             }
               
.innerinv li
             { color: #999;  
             }
               
.innerinv ol
             { color: #999;  
             }
               
.innerinv ul
             { color: #999;  
             }
               
.innerinv body
             { color: #999;  
             }
.innerinv a:link 
             { color: #999;
             }
.innerinv a:visited 
             { color: #999;
             }
.innerinv a:hover 
             { color: #FF0;
             }
.innerinv a:active
             { color: 999;
             }

/* Common text style definitions */

input
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

fieldset
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

blockquote
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

form
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

pre
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

p
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

h4
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

h3
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

h2
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

h1
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

li
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

ol
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 

ul
             { margin: 0px; padding: 0px; 
               line-height: 200%; color: #000000;
             } 
#navigation p { line-height: 100%;
             }
input        { font-weight: bold; 
               padding: 5px 6px 8px 6px;
             }
#imagebgnd blockquote
             { color: #058;                
             }  
               
#imagebgnd form
             { color: #058;                
             }  
               
#imagebgnd pre
             { color: #058;                
             }  
               
#imagebgnd p
             { color: #058;                
             }  
               
#imagebgnd h4
             { color: #058;                
             }  
               
#imagebgnd h3
             { color: #058;                
             }  
               
#imagebgnd h2
             { color: #058;                
             }  
               
#imagebgnd h1
             { color: #058;                
             }  
               
#imagebgnd li
             { color: #058;                
             }  
               
#imagebgnd ol
             { color: #058;                
             }  
               
#imagebgnd ul
             { color: #058;                
             }  
               
#imagebgnd body
             { color: #058;                
             }  
               
ul           { list-style-type: disc; 
               list-style-position: outside; 
               padding-left: 16px; 
             } 
ol           { list-style-type: decimal; 
               list-style-position: outside; 
               padding-left: 24px; 
             }
p            { font-weight: normal; 
               font-size: 1em;
             } 
table        { font-size: 1em; 
             }
h1           { line-height: 200%; font-family: Arial, Helvetica; 
               font-size: 2em;  font-weight: bold;
             }
h2           { font-family: Verdana, Arial, Helvetica; line-height: 175%; 
               font-size: 1.5em; 
               font-style: italic;
               padding-top: 0.5em;  
             }
h3           { font-family: Verdana, Arial, Helvetica; 
               font-size: 1.2em; 
               font-style: italic; font-weight: bold; 
             }
h4           { font-family: Verdana, Arial, Helvetica; 
               font-size: 1em; 
               font-style: italic; font-weight: bold; 
             }
/* h5 is only used in home page & bottom banner */
h5           { font-family: Verdana, Arial, Helvetica; 
               color: #999; 
               font-size: 8pt; 
               font-weight: normal; 
               line-height: 100%;
               padding-bottom: 12px; 
               padding-top: 12px;
             }
/* h6 is only used in top banner */
h6           { font-family: Arial, Helvetica; 
               color: #999; line-height: 150%; 
               font-size: 24pt;
               text-align: center;  font-weight: bold;
             }