/* STYLE SHEET FOR Cotswold Holiday Cottages Website - from 31/03/2009 */
/* The percentage font-size declaration in 'body' controls all font sizes except h5 & h6, which have fixed point sizes */

body   {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px; background-color: #fff;
/*        background-color: #fffcd7;*/
/* next line needed to centre page in 1024 x 768 window */ 
        text-align: center; 
       }
/* Next statement removes most browser default styles */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
       { margin:0; padding:0; color: rgb(0,0,0);}
       
/* div minheight is used as the outermost div. It simply sets a min page height, higher than a browser window,
so there is always a VScrollBar - hence different pages do not appear at different horiz positions in FF */

#minheight  {  height: 800px; 
               overflow: visible; 
            }

/* 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;
               width: 760px;
               text-align: left;
               overflow: hidden; 
             }
#container p {color: rgb(0,0,0); 
             }             
/* SBMH added 200606 */
* html #container { 
               width: 762px; 
               w\idth: 760px; 
               }             
             
/* Declarations to set up in-line Navigation boxes in div #navigation */
#navigation   { 
                font-family: Arial, Helvetica, sans-serif;
                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: 4px; padding-right: 4px;
                padding-top: 0px; padding-bottom: 0px;
                float: none; 
               }
#navigation li { display: inline; 
                margin-bottom: 0px; 
                padding-left: 4px; padding-right: 4px;
                padding-top: 0px; padding-bottom: 0px;
                float: none;  
               }
#navigation a:link 
               { margin-right: 2px;
                 margin-left: 2px;
                 padding: 1px 5px 1px 5px;
                 color: #000;
                 text-decoration: underline;
                 font-size: 1em; 
               }
.innerinv a:link 
               { color: #000;
                 text-decoration: underline;
                 font-size: 1em; 
               }
#navigation a:visited
               { margin-right: 2px;
                 margin-left: 2px;
                 padding: 1px 5px 1px 5px;
                 color: #22A; 
                 text-decoration: underline;
                 font-size: 1em; 
                 }
.innerinv a:visited
               { color: #22A; 
                 text-decoration: underline;
                 font-size: 1em; 
                 }
/* body div with picture as background */
#imagebgnd   { background-image: url('../images/xxx.jpg'); 
               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:link, a:visited, a:hover, a:active
             { font-family: Arial, Helvetica; 
               padding-top: 6px; 
             }
a:link       { color: #000;
             }
a:visited    { color: #22A; 
             }
a:hover      { color: #800;
             }
a:active     { color: #03a; 
             }
/* 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 #fff
              }

.inner body, .inner ul, .inner ol, .inner li, .inner h2, .inner h3, 
             .inner h4, .inner p, .inner pre, .inner form, .inner blockquote
             { color: rgb(0,0,0);  
             }
             
div .innergrey   { width: 568px; 
               padding: 24px;

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

.innergrey body, .innergrey ul, .innergrey ol, .innergrey li, .innergrey h1, .innergrey h2, .innergrey h3, 
             .innergrey h4, .innergrey p, .innergrey pre, .innergrey form, .innergrey blockquote, .innergrey td
             { color: #000;  
             }

/* 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 
and sets up text, link and background colours for white-on-dark-coloured-background pages */

.innerinv    { margin-left: 36px; 
                 text-align: left;
                 width: 688px;
                 clear: both; 
             }
               
.innerinv p, body, .innerinv ul, .innerinv ol, .innerinv li, .innerinv h1, .innerinv h2, .innerinv h3, 
                .innerinv h4, .innerinv p, .innerinv pre, .innerinv form, .innerinv blockquote, innerwide h1
             { color: #000000;  
             }
/* Common text style definitions */

ul, ol, li, h1, h2, h3, h4, p, pre, form, blockquote, fieldset, input
             { margin: 0px; padding: 0px; 
               line-height: 200%; 
             } 
#navigation p { line-height: 100%;
             }
input        { font-weight: bold; 
               padding: 5px 6px 8px 6px;
             }
               
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, Arial Black, Helvetica; 
               font-size: 2em; 
               color: rgb(0,0,0);
             }
h2           { font-family: Arial, Helvetica; line-height: 175%; 
               font-size: 1.5em; 
               font-style: italic;
               padding-top: 0.5em;  
             }
h3           { font-family: Arial, Helvetica; 
               font-size: 1.2em; 
               font-style: italic; font-weight: bold; 
             }
h4           { font-family: Arial, Helvetica; 
               font-size: 1em; 
               font-style: italic; font-weight: bold; 
             }
/* Note: h5 & h 6 have fixed font sizes*/
h5           { font-family: Arial, Helvetica; 
               font-size: 8pt; 
               font-weight: normal; 
               line-height: 100%;
               padding-bottom: 12px; 
               padding-top: 12px;
             }
h6           { font-family: Arial Black, Arial, Helvetica; 
               color: #000; 
               line-height: 150%; 
               font-size: 36pt;
               font-weight: bold;
               text-align: center; 
             }