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

                                Paloose Site Styles

 Authors:
   Name  : Hugh Field-Richards, Ian Field-Richards
   Email : hsfr@hsfr.org.uk, ifr@sevenseventyfour.com

-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

   Date                   Who        Changes
   ==========================================================================

   20th January 2006      HSFR       Created temporary framework
   14th February 2006     IFR        Created real 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

*/

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Default document styles
*/
   
body {
   background-color: #d2cab5;
   color: #66766d;
   vertical-align: top;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

/* Main table width in which everything sits */
.bodyFrame {
   width: 800px;
}

.mainFrame {
}

.copyrightFrame {
   width: 800px;
   border: 0px;
}

.headerFrame {
   width: 750px;
   border: 0px;
}

.subFooterFrame {
   width: 100%;
   padding: 10px 0px 0px 0px;
}

.leftOuterCell {
}

.rightOuterCell {
}

.mainTable {
   background-color:#e8e5dc;
   color: #66766d;
   border-bottom: 1px #ffffff solid;
   border-left: 1px #ffffff solid;
   border-right: 1px #ffffff solid;
   width: 750px;
   padding: 10px 0px 20px 0px;
}

/* Watch that the order of each group is not changed */
p.normalPara a:link { color: #66766d; text-decoration: none; font-weight: bold; }
p.normalPara a:active { color: #66766d; text-decoration: none;  font-weight: bold;}
p.normalPara a:visited { color: #66766d; text-decoration: none;  font-weight: bold;}
p.normalPara a:hover { color: #610012; text-decoration: underline; font-weight: bold;}

div.returnToTop a:link { color: #66766d; text-decoration: none; font-weight: bold;}
div.returnToTop a:active { color: #66766d; text-decoration: none;  font-weight: bold;}
div.returnToTop a:visited { color: #66766d; text-decoration: none;  font-weight: bold;}
div.returnToTop a:hover { color: #610012; text-decoration: underline; font-weight: bold;}

li a:link { color: #66766d; text-decoration: none; font-weight: bold;}
li a:active { color: #66766d; text-decoration: none;  font-weight: bold;}
li a:visited { color: #66766d; text-decoration: none;  font-weight: bold;}
li a:hover { color: #610012; text-decoration: underline; font-weight: bold;}

a:link { color: #66766d; text-decoration: none; font-weight: bold; }
a:active { color: #66766d; text-decoration: none;  font-weight: bold;}
a:visited { color: #66766d; text-decoration: none;  font-weight: bold;}
a:hover { color: #610012; text-decoration: underline; font-weight: bold;}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* HEADER */

.headerTitle {
   padding: 50px 0px 20px 0px;
}

.shoppingCart {
   padding: 50px 0px 20px 0px;
   color: #66766d;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   letter-spacing: 1px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* Main Navigation */

.navigationMainImageTable {
   width: 750px;
}

.navigationBlock {
   width: 150px;
}

.menu {
   text-align:         center;
   font-size:         16px;
   font-family:      Georgia, "Times New Roman", Times, serif;
   letter-spacing:   0px;
}

table.menu a {
   border:            0px solid #000000;
   display:            block;
   background-color:   #f4f3ef;
}

div.menu {
   border: 0px solid #ffffff; /*ignore*/
}

div.menu a {
   text-decoration:none;
   padding: 6px 0px 6px 10px;
}

div.menu a:link {
   color: #56554a;
   background: #f4f3ef;
}

div.menu a:active {
   color: #56554a;
   background: #f4f3ef;
}

div.menu a:visited {
   color: #56554a;
   background: #f4f3ef;
}

div.menu a:hover {
   color: #610012;
   background: #ffffff;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* CONTENT */

.hopBlock {
   width: 150px;
   height: 328px; /* Height of gif to ensure minimum height */
   background-image:url(../images/hops.gif); background-repeat:no-repeat; background-position:bottom; 
   padding: 10px 0px 0px 0px;
}

.mainCONTENT {
   background-color:#eeece6;
   /* border: 1px #f4f3ef solid; */
   padding: 10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   line-height: 18px;
}

.mainCONTENTpadding {
   padding: 10px 0px 0px 0px;
}

.mainTITLE {
   font-size:18px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   color:#56554a;
}

.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;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   SUBFOOTER - Also controls the menu at the top
*/

.subfooterMain {
   padding: 10px 0px 10px 0px;
   color: #66766d;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   letter-spacing: 1px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* FOOTER */

.footerLEFT { vertical-align:top; }

.footerRIGHT { vertical-align:top; }

.footerMAIN { 
   width: 752px; 
   background-image:url(/pp/resources/images/footerMAIN.gif); background-position: top; background-repeat:repeat-x;
   padding: 10px 0px;
   color: #66766d;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   text-align:center;
   letter-spacing: 1px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   General Text
*/

.normalPara {
   padding: 10px 0px 0px 0px;
}

/* p .paloose {
   font-family: Palatino, "Times New Roman", Times, serif;
   font-weight: bold;
   font-size: 110%;
} */

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Headings
*/

.heading-1 {
   font-size: 18px;
   /* border: 1px #f4f3ef solid; */
   margin: 15px 0px 0px 0px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   font-style: italic;
   color:#56554a;
}

.heading-2 {
   padding:10px 0px 0px 0px;
   /* border: 1px #f4f3ef solid; */
   font-size: 16px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   font-style:italic;
   color:#56554a;
}

.heading-3 {
   padding:         8px 0px 0px 0px;
   /* border: 1px #f4f3ef solid; */
   font-size:      11px;
   font-family:   Georgia, "Times New Roman", Times, serif;
   font-style:      italic;
   color:         #56554a;
}

/* Next two are important as they stop the link behaviour on heading anchors */
div.heading-1 a:active { color:#56554a; text-decoration: none; }
div.heading-2 a:visited { color:#56554a; text-decoration: none; }
div.heading-3 a:hover { color:#56554a; text-decoration: underline; }

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Foreign words
*/

.foreignWord {
    font-style: italic;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Inline code fragments
*/

.code-dir {
   font-family:   Monaco, Courier, monospace;
   font-style: normal;
}

.code-var {
    font-style: italic;
}

.code-tag {
   font-family:   Monaco, Courier, monospace;
   font-style: normal;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Emphasized Text
*/

.weakEmph {
   font-style: italic;
}

.normalEmph {
   font-weight: bold;
}

.strongEmph {
   font-style: italic;
   font-weight: bold;
   color: purple;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Quoted Text
*/

.paraQuote {
   text-align: left;
   font-size: 100%;
   font-style: italic;
   padding: 5px 15px 2px 15px;
}

.charQuote {
   font-style: italic;
}

.whoQuote {
   text-align: right;
   font-size: 100%;
   padding: 0px 10px 2px 15px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Verbatim Text
*/

.verbatimTable {
   text-align: left;
}

.verbatimTitle {
   font-family: Georgia, "Times New Roman", Times, serif;
   margin-bottom: 5px;
   font-size: 9pt;
   font-style: italic;
   font-weight: bold;
}

.verbatimCode {
   white-space: pre;
   font-family:   Monaco, Courier, Courier, monospace;
   background-color: white;
   color: #66766d;
   border: 1px gray dotted;
   padding: 0px 4px 0px 0px ;
}

.verbatimCode span.addition {
   font-style: italic;
   color: black;
}

.verbatimCode span.deletion {
   font-style: italic;
   color: red;
}
   
.verbatimCode span.commandEntry {
   font-weight: bold;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   General Text
*/

.topTitleCell {
    border: 1px solid blue;
    padding: 5px;
   color: #000000;
    background-color: #cccccc;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   News panel on right
*/

.newsCell {
   width: 200px;
   border: 1px solid green;
   padding: 5px;
   color: #000000;
   background-color: #c0c0c0;
}

.newsPanel {
    border: 1px solid green;
    padding: 5px;
   color: #000000;
    background-color: #c0c0c0;
}

.newsHeading {
   text-align: center;
    border: 1px solid green;
    padding: 5px;
   color: #000000;
    background-color: #cccccc;
   font-size:120%;
   font-weight: bold;
}

.newArticle {
   border: 1px solid green;
   padding: 5px;
   color: #000000;
   background-color: #cccccc;
}

.newsArticleDate {
   border: 1px solid green;
   padding: 5px;
   color: #000000;
   background-color: #cccccc;
}

.newsReadMore {
   font-size: 90%;
   color:#610012;
   text-align: right;
   padding: 3px 0px 0px 0px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Footer Cell (row) at the bottom of the screen
*/

.footerCell {
    border: 1px solid red;
}

.footerPanel {
    border: 1px solid red;
}

.footerLeft {
   vertical-align:top;
}

.noteTitle {
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 120%;
   font-weight: bold;
   width:600px;
   border-top: solid 2px #66766d;
   border-bottom: solid 0px #66766d;
   border-left: solid 2px #66766d;
   border-right: solid 2px #66766d;
   margin: 15px 0px 0px 20px;
   padding: 5px 5px 5px 5px;
   color:#66766d;
   background-color:#d2cab5;
}

.noteNote {
   text-align: left;
   font-size: 100%;
   width:585px;
   margin: 0px 10px 10px 20px;
   padding: 0px 10px 5px 15px;
   border-top: solid 2px #66766d;
   border-bottom: solid 2px #66766d;
   border-left: solid 2px #66766d;
   border-right: solid 2px #66766d;
   color:#66766d;
   background-color:#d2cab5;
}

div.noteNote span.stringEmph {
   font-style: italic;
   font-weight: bold;
   color: white;
}

/* Next two are important as they stop the link behaviour on heading anchors */
div.noteNote a:link { color:white; text-decoration: none;    font-weight: bold;}
div.noteNote a:active { color:white; text-decoration: none;    font-weight: bold;}
div.noteNote a:visited { color:white; text-decoration: none;    font-weight: bold;}
div.noteNote a:hover { color:white; text-decoration: underline;    font-weight: bold;}

.warningTitle {
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 120%;
   font-weight: bold;
   width:600px;
   margin: 15px 0px 0px 20px;
   padding: 5px 5px 5px 5px;
   color:#ffffff;
   background-color:#610012;
}

.warningNote {
   text-align: left;
   font-size: 100%;
   width:585px;
   margin: 0px 10px 10px 20px;
   padding: 5px 10px 5px 15px;
   color:#ffffff;
   background-color:#56554a;
}

div.warningNote span.stringEmph {
   font-style: italic;
   font-weight: bold;
   color: white;
}

/* Next two are important as they stop the link behaviour on heading anchors */
div.warningNote a:link { color:white; text-decoration: none;    font-weight: bold;}
div.warningNote a:active { color:white; text-decoration: none;    font-weight: bold;}
div.warningNote a:visited { color:white; text-decoration: none;    font-weight: bold;}
div.warningNote a:hover { color:white; text-decoration: underline;    font-weight: bold;}


/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   The conformance graphics on FAQ page
*/

.conformanceBox {
   border-top:      1px solid #56554a;
   margin:         20px 0px 10px 0px;  /* top right bottom left */
   padding:         10px 0px 10px 0px;  /* top right bottom left */
   font-weight:   bold;
   color:         #610012;
   font-family:   Verdana, Arial, Helvetica, sans-serif;
   font-size:      10px;
   width: 100%;
}

.conformanceBoxCell {
   text-align: center;
}

.imgBox {
   text-align: center;
}

img.imgBox {
   border: 1px solid black;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   FAQ page
*/

.faqContents {
   border-bottom: 1px solid #56554a;
   margin: 5px 0px 0px 0px;
   padding:         10px 0px 10px 0px;  /* top right bottom left */
   font-weight:   bold;
   color:         #610012;
   font-family:   Verdana, Arial, Helvetica, sans-serif;
   font-size:      90%;
}

.faqContentsItem {
   padding: 3px 0px 0px 10px;  /* top right bottom left */
   margin: 0px 0px 0px 0px;
}

.returnToTop {
   text-align: right;
   font-style: italic;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   EMAIL Form
*/

.emailForm {
   padding:    10px 0px 00px 0px;  /* top right bottom left */
}

.emailFormType {
}

.emailFormContent {
}

.emailFormSubmit {
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   Display Users
*/

.userList {
   margin:        0px 0px 0px 0px;
   padding:         0px 0px 10px 0px;  /* top right bottom left */
}

.userList .entry {
   margin: 5px 0px 0px 0px;
   padding: 0px 0px 0px 5px;
   background-color:#e8e5dc;
   color: #66766d;
}

.userList .listHeader {
   font-weight:   bold;
   font-size:      110%;
}

.userList .details {
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  /* top right bottom left */
}

.userList .details table {
   width: 100%;
}

.userList .details .controls {
   margin:       0px 0px 0px 0px;
   padding:        5px 0px 5px 0px;  /* top right bottom left */
   text-align:   right;
   width:        100%;
}

.userList .entry .itemHeader {
   width: 100px;
   text-align: right;
   font-weight:   bold;
}

.userList .entry .itemData {
   padding:      0px 0px 0px 5px;  /* top right bottom left */
   text-align:   left;
}