/* Stylesheet for FeONIC - Copyright Parthian Systems 2009. All Rights Reserved */

  a:link { color: #E54; text-decoration:none; }
  a:visited { color: #E54; text-decoration:none; }
  a:hover {color: #333;  text-decoration:none; }
  a:active { color: #E54; text-decoration:none; }

  /* Technique to Centre an entire page - copes with browser oddities - from CC Forum*/
  body {/* MSIE 5 doesn't center based on auto left/right margins,
           but 'text-align:center' does center top-level divs: */
        text-align: center;
        font-family:"calibri", "arial", sans-serif; font-size:14px;
        line-height: 150%;
           /* Specify a min-width for the body as wide as the 'wrapper' element itself. This prevents negative (i.e. inaccessible)
           left-margins in narrow browser windows when usingNavigator 6+/Mozilla on Win32: */
        min-width: 986px; /* was 770px */
        /* Background only works if some simple CSS before body section !!!!! Links are relative to CSS file */
        background-color: white;
        color: black;
        background-attachment: scroll; /* was fixed */
        overflow: visible; /* hidden Adds ScrollBars to Wrapper...
        visible on FF3 scrolls to bottom (NO) it scrolls so Anchor is at top e.g. #paInfo
        In FF an Open and Close of Accordion where window is close to size requiring a Scroll bar causes
        the scroll bar to appear momentarily. This causes the screen to jump around. Auto is best for FF and IE  */
        margin: 0 0 0 0; /*  Cut down the space to squeeze as much in */
   }

  .wrapper {/* Reset alignment to compensate for 'text-align:center': */
           text-align: left;
            /* Specify the width of the element. This should be the same as 'body min-width': */
            width: 986px; /* Value is accordion_toggle width plus its padding value  See also ms/pa_infoblock*/
            height: auto; /* 580px; was auto for Feonic*/
            /* Set left and right margins to auto, thus centering the element in the containing (body) tag: */
            margin-left: auto;
            margin-right: auto;
            padding: 0px;
        position: relative; /* to enable right block to absolute relative to this not body */
        background-color: white; /* #A4D480 Block out background image*/
    /* overflow - auto is a disaster on IE7(adds scrollbars)
    But visible on FF3 when browser to short causes scroll to bottom - cannot see top AND NO SCROLLBARS
    hidden in FF3 causes a blank page if the whole page cannot be seen...*/
    }

h1 { font-size: 28px; font-weight:bold; margin: 0 0 12px 0; line-height: 120%; color: #183B71;}


a img { border:none; }
.header {width:100%; height:92px; background-color: #183B71; }
.feoniclogo {margin: 6px 0 6px 40px; width:222px;}
.header span { color: white; position: absolute; top: 30px; font-size: 16px; }
.headermenu { background-color: #183B71;} /* to hide odd gap between anchor elements */
.headermenu a { font-size: 16px; color: #183B71; background-color: #D5C86D; margin: 0 0 0 0px; padding: 7px 30px 6px 30px; line-height:200%; }


  /* Remember to give wrapper of pages a menu* class then CSS navigates down div to a#withID - join of a#ID vital    */
  .menuhome .headermenu a#aHome,
  .menuabout .headermenu a#aAbout,
  .menuhow .headermenu a#aHow,
  .menuworks .headermenu a#aWorks,
  .menumovies .headermenu a#aMovies,
  .menunews .headermenu a#aNews,
  .menucontact .headermenu a#aContact
   { color: white; background-color: #BEB11B;}

#homeimages img { margin-left: 0px; vertical-align: top; float:left; }
#homelinks { float:left; width: 220px; height: auto; margin-left: 12px;}
#homelinks img { float: left; width: 75px;}
#homelinks span { float: left; width: 145px;}

#homebody { float:left; margin: 20px; width: 506px; height: 100%; }
.outdoorassoc { margin-left: 30px; width: 476px;}

.standardimage { float:left; }
.standardpage { float:left; margin: 20px; width: 700px; height: auto;}

/*  Contact */
.standardpage form label { position:absolute; /* by making the variable length text Absolute it is out of the flow so won't affect box positions */
           padding-top: 0.2em; left: 12px; }
.standardpage form input, .standardpage form select, .standardpage form textarea
 { margin-left: 11em; margin-bottom: 0.2em; line-height: 1.4em; }
.standardpage form span { color: red; }

.background { background: url(../images/background.jpg) left top no-repeat; width:980px; height:490px; }
.movies { float:left; margin-left:20px; width: 470px; }

.footer { clear: both;
        width: 100%;
        height: 92px;
        color: #B7B7B7;
        background-color: #183B71;
        position: relative; /* so footermenu can be absolute to this */
        }

.footer a { margin-left: 20px; }
.footermenu { position: absolute; top: 30px; left: 250px;}
.footermenu a:link { color: white; background-color: transparent; }
.footermenu a:visited { color: white; background-color: transparent; }
.footermenu a:hover { color: white; background-color: transparent; }
.footermenu a:active { color: white; background-color: transparent; }




#image_TL { /* position absolute the image at the bottom of the fixed height page */
                          clear:both;
                          position:absolute;
                          bottom: 10px;}

#home { /* position absolute to top right */
          position: absolute; top: 50px; right: 10px; width: 400px; height: auto; }

#intro { /* Text to Bottom Right */
           position: absolute;
           width: 384px;
           bottom: 110px; right: 10px;
           text-align: center;
           font-family:"calibri", "arial", sans-serif; font-size:18px;
           line-height: 200%;  }


  /* Setup Links - bc:transparent helps with CSS Validation

NOT USED

  a:link { color: #3CF; background-color: transparent; text-decoration:none; }
  a:visited { color: #3CF; background-color: transparent; text-decoration:none; }
  a:hover { color: #FFF; background-color: transparent; text-decoration:none; }
  a:active { color: #3CF; background-color: transparent; text-decoration:none; }
  a img { border:none; }

NOT USED

  // Remember to give wrapper of pages a menu* class then CSS navigates down div to a#withID - join of a#ID vital
  .menuone .footermenu a#FMenu1,
  .menutwo .footermenu a#FMenu2,
  .menuthree .footermenu a#FMenu3,
  .menufour .footermenu a#FMenu4,
  .menufive .footermenu a#FMenu5,
  .menusix .footermenu a#FMenu6,
  .menuseven .footermenu a#FMenu7,
  .menueight .footermenu a#FMenu8,
  .menunine .footermenu a#FMenu9
   { color: #3CF; background-color: transparent;}


NOT USED

h1 { font-size: 12px; font-weight:bold; margin: 0px 0px 5px 0px;}
h2 { font-size: 12px; font-weight:bold; margin: 0px 0px 5px 0px;}
h3 { font-size: 12px; font-weight:bold; margin: 0px 0px 5px 0px;}
h4 { font-size: 12px; font-weight:bold; margin: 0px 0px 5px 0px;}
p { margin: 0.5em 0px; }
pre { text-align: justify; }


NOT USED

.footermenu {margin-top: 6px; margin-left:20px;}

*/

/* ========================================== */