/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
  Paloose Site Styles
  Authors:
  Name  : Hugh Field-Richards
  Email : hsfr@hsfr.org.uk
  -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
  -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
  Date                   Who        Changes
  ==========================================================================
  20th January 2006      HSFR       Created temporary framework
  14th February 2006     IFR        Created styles
  23rd March 2006        HSFR       PayPal cart cosmetics
  8th August 2006        HSFR       Added normal weight to headings
  15th September 2006    HSFR       Changed style of general links
  8th November 2006      HSFR       Rewritten quotes
  29th November 2006     HSFR       Added EMAIL
  29th November 2006     HSFR       Added emphasized text
  March 2007             HSFR       Forms etc added
  5th June 2009          HSFR       Added Note to warning group
  26th August 2010       HSFR       Complete redesign and split into sub CSS files
 */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
  Default document styles
 */

body {
   background-color: #999FB0;
   color: #66766d;
   font-family: Verdana, Arial, 'Helvetica Neue', Helvetica;
   background-attachment: scroll;
   display: block;
   margin: 20px auto 20px;
}

#bodyFrame {
   background-color: inherit;
   color: inherit;
   margin: auto;
   width: 900px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

div#contentPanel {
   margin: 10px 20px 10px 20px;
   padding: 1px 30px 20px 20px;
   background: #E8E5DC;
   color: #66766D;
   font-size: 12px;
   line-height: 18px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 15px;
   border-radius: 5px;
   -moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 15px;
   -moz-border-radius: 5px;
}

table#indexPageTable {
   width: 100%;
}

table#indexPageTable td#leftPanel {
   vertical-align: top;
   background: inherit;
   color: inherit;
}

table#indexPageTable td#rightPanel {
   vertical-align: top;
   width: 300px;     /* Width of right column in pixels */
   background: inherit;
   color: inherit;
   padding: 0px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#copyrightPanel {
   margin: 10px 20px 0px 20px;
   padding: 5px;
   background: #E8E5DC;
   color: #66766D;
   font-size: 12px;
   line-height: 18px;
   height: 18px;
   text-align: center;
   -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 15px;
   border-radius: 5px;
   -moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 15px;
   -moz-border-radius: 5px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

div#downloadPanel {
   background-color: white;
   width: 80%;
   float: right;
   margin: 15px 0px 10px 40px;
   border: black 1px solid;
   border-radius: 4px;
   -moz-border-radius: 4px;
}

div.downloadPanelText {
   color: inherit;
   background: inherit;
   font-size: 100%;
   text-align: center;
   font-weight: bold;
   margin: 5px auto 5px;
   padding: 2px;
}

div.downloadPanelText h2 {
   color: #610012;
   background: inherit;
   font-size: 100%;
   text-align: center;
   margin: 0px;
}

div.downloadPanelText p {
   color: inherit;
   background: inherit;
   text-align: center;
   margin: 0px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

div#latestNewsPanel {
   background-color: white;
   width: 80%;
   float: right;
   margin: 0px 0px 10px 40px;
   border: black 1px solid;
   border-radius: 4px;
   -moz-border-radius: 4px;
}

div.latestNewsPanelText {
   color: inherit;
   background: inherit;
   font-size: 100%;
   text-align: center;
   font-weight: bold;
   margin: 5px auto 5px;
   padding: 2px;
}

div.latestNewsPanelText h2 {
   color: #610012;
   background: inherit;
   font-size: 100%;
   text-align: center;
   margin: 0px;
}

div.latestNewsPanelText p {
   color: inherit;
   background: inherit;
   text-align: center;
   margin: 0px;
}
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

div#rightPanelText {
   background-color: white;
   width: 80%;
   float: right;
   margin: 0px auto 10px;
   padding: 0px 0px 10px 0px;
   border: black 1px solid;
   text-align: center;
   border-radius: 5px;
   -moz-border-radius: 5px;
}

div#rightPanelText h2 {
   font-size: 120%;
   font-weight: bold;
   margin: 10px 0px 0px 0px;
   color: #610012;
   background: inherit;
   padding: 0px;
}

div#rightPanelText p {
   font-size: 90%;
   margin: 0px;
   padding: 0px;
   color: inherit;
   background: inherit;
}
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

.peopleComment {
   background-color: white;
   width: 75%;
   padding: 10px;
   font-style: italic;
   margin: 0px 0px 0px 50px;
   border: black 1px solid;
   border-radius: 5px;
   -moz-border-radius: 5px;
}

.peopleCommentFooter {
   background: url(../images/boxArrow.png) 70px 0 no-repeat;
/* 20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px). */
   padding-left: 120px;
   padding-top: 5px;
   margin: -3px 0px 20px 50px;
   font-size: 90%;
}

.mainNEWS {
   background-color:#f4f3ef;
   /* border: 1px #ffffff solid; */
   width:150px;
   padding: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
}

.mainNEWSdate {
   padding: 10px 0px 0px 0px;  /* top right bottom left */
   font-weight:bold;
   color:#610012;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px
}

.newsArticleBody {
   padding: 5px 0px 0px 0px;
}