/* ======================================================
 *                       Module Styles
 *               colour independent definitions 
 * ====================================================== 
 */

.module,
.module_text { margin: 5px; padding: 5px 10px; }

/* =======================================================
 * Round cornered modules.
 * =======================================================
 * (nothing), -menu, -text, -none, 
 * -grey, -grey1, -grey2, -grey3, -grey4
 * -black, -white, -white2
 * -red, -orange, -orange2
 * -blue, -blue2, -green
 */


/* =======================================================
 * Square cornered modules.
 * =======================================================
 * (nothing), -menu-sq, -text-sq, -none-sq, 
 * -grey-sq, -grey1-sq, -grey2-sq, -grey3-sq, -grey4-sq
 * -black-sq, -white-sq, -white2-sq
 * -red-sq, -orange-sq, -orange2-sq
 * -blue-sq, -blue2-sq, -green-sq
 */



/* =======================================================
 * Parchment.
 * -p 
 * =======================================================
 */
 
 /* outer shell */
.mod-outer-p { margin: 10px; color: #333; }
.mod-outer-p a {}

/* body */
.mod-body-p {} 

.mod-body-top-p, .mod-body-top-noTitle-p { background: url(../images/parchment/t.jpg) 39px 0 repeat-x; }
.mod-body-topL-p, .mod-body-topL-noTitle-p { background: url(../images/parchment/tl.jpg) 0 0 no-repeat; height: 30px; }
.mod-body-topR-p, .mod-body-topR-noTitle-p { background: url(../images/parchment/tr.jpg) 100% 0 no-repeat; height: 30px; }

.mod-body-middle-p { background: url(../images/parchment/m.jpg) 39px 100%;  }
.mod-body-middleL-p { background: url(../images/parchment/l.jpg) 0 0 repeat-y; }
.mod-body-middleR-p { background: url(../images/parchment/r.jpg) 100% 0 repeat-y; }

/* reddish grey bottom */
.mod-body-bottom-p { background: url(../images/parchment/b.jpg) 39px 100% repeat-x; }
.mod-body-bottomL-p { background: url(../images/parchment/bl.jpg) 0 100% no-repeat; height: 30px; }
.mod-body-bottomR-p { background: url(../images/parchment/br.jpg) 100% 100% no-repeat; height: 30px; }

/* content */
.mod-content-p { padding: 0 10px; }

.mod-content-top-p { text-align: center; border-bottom: 2px solid #f08e08; margin: 0 8px 6px 8px; padding: 7px 0 11px; }
.mod-content-topL-p {}
.mod-content-topR-p {}

.mod-content-middle-p { padding: 0 8px; }
.mod-content-middleL-p {}
.mod-content-middleR-p {}

.mod-content-bottom-p { text-align: right; padding: 0 20px 7px 10px; color: #ecf0e3; }
.mod-content-bottomL-p {}
.mod-content-bottomR-p {}
.mod-content-bottom-p p { margin: 0; padding: 0 8px; }

/* =======================================================
 * Notes.
 * -note, -note-note, -note-tip,
 * -note-clip, -note-tape,  
 * -note-old, -note-note-old, -note-tip-old,
 * -note-clip-old, -note-tape-old,  
 * -note-p, -note-note-p, -note-tip-p,
 * -note-b, -note-note-b, -note-tip-b,
 * -note-g, -note-note-g, -note-tip-g, 
 * -note-grey, -note-note-grey, -note-tip-grey
 * =======================================================
 */

/* ------------------------------
 *       note  
 * ------------------------------
 */

.mod-outer-note { margin: 20px 10px 20px 10px;}
.mod-outer-note a {}
.mod-body-note {} 
.mod-content-note {}
.mod-content-top-note { border-bottom: 3px solid #1f1f51; padding: 7px 0 0 0; }
.mod-body-middle-note { padding: 10px 8px 0 15px; }
.mod-content-middle-note ul { padding: 10px 0; }
.contentheading-note { font-weight: bold; border-bottom: 3px solid #1f1f51; }

.mod-outer-note-clip { margin: 20px 10px 10px 10px;}
.mod-outer-note-clip a {}
.mod-body-note-clip {} 
.mod-body-middle-note-clip { padding: 10px 8px 0 15px; }
.mod-content-note-clip { margin: 0 8px; padding: 10px 0; }
.mod-content-top-note-clip { margin: 0 0 0 8px; border-bottom: 3px solid #1f1f51; padding: 0; }
.mod-content-middle-note-clip ul { padding: 10px 0; }
.contentheading-note-clip { font-weight: bold; border-bottom: 3px solid #1f1f51; }

.mod-outer-note-tape { margin: 20px 10px 0 10px; }
.mod-outer-note-tape a {}
.mod-body-note-tape {}
.mod-body-middle-note-tape { padding: 0 8px 0 15px; }
.mod-content-note-tape { margin: 0 8px; padding: 5px 0 10px 0; }
.mod-content-top-note-tape { color: #757b65; border-bottom: 2px solid #1f1f51; padding: 0; }
.mod-content-middle-note-tape ul { padding: 10px 0 5px 0; }
.contentheading-note-tape { font-weight: bold; border-bottom: 3px solid #1f1f51; }

.mod-outer-note-note { margin: 20px 10px 10px 10px; }
.mod-outer-note-note a {}
.mod-body-note-note {}
.mod-body-middle-note-note { padding: 10px 8px 0 15px; }
.mod-content-note-note { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-note {}
.mod-content-middle-note-note ul { padding: 0; }
.contentheading-note-note { font-weight: bold; border-bottom: 3px solid #1f1f51; }

.mod-outer-note-tip { margin: 20px 10px 10px 10px; }
.mod-outer-note-tip a {}
.mod-body-note-tip {} 
.mod-body-middle-note-tip { padding: 10px 8px 0 15px; }
.mod-content-note-tip { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-tip {}
.mod-content-middle-note-tip ul { padding: 0; }
.contentheading-note-tip { font-weight: bold; border-bottom: 3px solid #1f1f51; }

/* ------------------------------
 *       note old 
 * ------------------------------
 */

.mod-outer-note-old { margin: 20px 10px 10px 10px; }
.mod-outer-note-old a {}
.mod-body-note-old {} 
.mod-body-middle-note-old { padding: 10px 8px 0 15px; }
.mod-content-note-old {}
.mod-content-top-note-old { color: #615e46; border-bottom: 2px solid #888362; padding: 7px 0 0 0; }
.mod-content-middle-note-old ul { padding: 10px 0; }
.contentheading-note-old { font-weight: bold; border-bottom: 3px solid #888362; }

.mod-outer-note-clip-old { margin: 20px 10px 10px 10px; }
.mod-outer-note-clip-old a {}
.mod-body-note-clip-old {} 
.mod-body-middle-note-clip-old { padding: 15px 13px 0 20px; }
.mod-content-note-clip-old { margin: 0 8px; padding: 10px 0 0 0; }
.mod-content-top-note-clip-old { margin: 0 0 0 8px; color: #615e46; border-bottom: 2px solid #888362; padding: 0; }
.mod-content-middle-note-clip-old ul { padding: 10px 0; }
.contentheading-note-clip-old { font-weight: bold; border-bottom: 3px solid #888362; }

.mod-outer-note-tape-old { margin: 20px 10px 0 10px; }
.mod-outer-note-tape-old a {}
.mod-body-note-tape-old {}
.mod-body-middle-note-tape-old { padding: 10px 8px 0 15px; }
.mod-content-note-tape-old { margin: 0 8px; padding: 10px 0 5px 0; }
.mod-content-top-note-tape-old { color: #615e46; border-bottom: 2px solid #888362; padding: 0; }
.mod-content-middle-note-tape-old ul { padding: 10px 0; }
.contentheading-note-tape-old { font-weight: bold; border-bottom: 3px solid #888362; }

.mod-outer-note-note-old { margin: 20px 10px 10px 10px;}
.mod-outer-note-note-old a {}
.mod-body-note-note-old {}
.mod-body-middle-note-note-old { padding: 10px 8px 0 15px; }
.mod-content-note-note-old { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-note-old {}
.mod-content-middle-note-note-old ul { padding: 0; }
.contentheading-note-note-old { font-weight: bold; border-bottom: 3px solid #888362; }

.mod-outer-note-tip-old { margin: 20px 10px 10px 10px;}
.mod-outer-note-tip-old a {}
.mod-body-note-tip-old {} 
.mod-body-middle-note-tip-old { padding: 10px 8px 0 15px; }
.mod-content-note-tip-old { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-tip-old {}
.mod-content-middle-note-tip-old ul { padding: 0; }
.contentheading-note-tip-old { font-weight: bold; border-bottom: 3px solid #888362; }

/* ------------------------------
 *       note p 
 * ------------------------------
 */

.mod-outer-note-p { margin: 20px 10px 10px 10px; }
.mod-outer-note-p a {}
.mod-body-note-p {}
.mod-body-middle-note-p { padding: 10px 8px 0 15px; } 
.mod-content-note-p {}
.mod-content-top-note-p { color: #8e8480; border-bottom: 2px solid #c0b3ae; padding: 7px 0 0 0; }
.mod-content-middle-note-p ul { padding: 10px 0; }
.contentheading-note-p { font-weight: bold; border-bottom: 3px solid #c0b3ae; }

.mod-outer-note-clip-p { margin: 20px 10px 10px 10px; }
.mod-outer-note-clip-p a {}
.mod-body-note-clip-p {} 
.mod-body-middle-note-clip-p { padding: 10px 8px 0 15px; }
.mod-content-note-clip-p { margin: 0 8px; padding: 10px 0; }
.mod-content-top-note-clip-p { margin: 0 0 0 8px; color: #8e8480; border-bottom: 2px solid #c0b3ae; padding: 0; }
.mod-content-middle-note-clip-p ul { padding: 10px 0; }
.contentheading-note-clip-p { font-weight: bold; border-bottom: 3px solid #c0b3ae; }

.mod-outer-note-tape-p { margin: 20px 10px 10px 10px; }
.mod-outer-note-tape-p a {}
.mod-body-note-tape-p {}
.mod-body-middle-note-tape-p { padding: 10px 8px 0 15px; }
.mod-content-note-tape-p { margin: 0 8px; padding: 10px 0; }
.mod-content-top-note-tape-p { color: #8e8480; border-bottom: 2px solid #c0b3ae; padding: 0; }
.mod-content-middle-note-tape-p ul { padding: 10px 0; }
.contentheading-note-tape-p { font-weight: bold; border-bottom: 3px solid #c0b3ae; }

.mod-outer-note-note-p { margin: 20px 10px 10px 10px; }
.mod-outer-note-note-p a {}
.mod-body-note-note-p {}
.mod-body-middle-note-note-p { padding: 10px 8px 0 15px; }
.mod-content-note-note-p { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-note-p {}
.mod-content-middle-note-note-p ul { padding: 0; }
.contentheading-note-note-p { font-weight: bold; border-bottom: 3px solid #c0b3ae; }

.mod-outer-note-tip-p { margin: 20px 10px 10px 10px; }
.mod-outer-note-tip-p a {}
.mod-body-note-tip-p {} 
.mod-body-middle-note-tip-p { padding: 10px 8px 0 15px; }
.mod-content-note-tip-p { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-tip-p {}
.mod-content-middle-note-tip-p ul { padding: 0; }
.contentheading-note-tip-p { font-weight: bold; border-bottom: 3px solid #c0b3ae; }

/* ------------------------------
 *       note b 
 * ------------------------------
 */

.mod-outer-note-b { margin: 20px 10px 10px 10px; }
.mod-outer-note-b a {}
.mod-body-note-b {}
.mod-body-middle-note-b { padding: 10px 8px 0 15px; } 
.mod-content-note-b {}
.mod-content-top-note-b { color: #617676; border-bottom: 3px solid #91acac; padding: 7px 0 0 0; }
.mod-content-middle-note-b ul { padding: 10px 0; }
.contentheading-note-b { font-weight: bold; border-bottom: 3px solid #91acac; }

.mod-outer-note-clip-b { margin: 20px 10px 10px 10px; }
.mod-outer-note-clip-b a {}
.mod-body-note-clip-b {} 
.mod-body-middle-note-clip-b { padding: 10px 8px 0 15px; }
.mod-content-note-clip-b { margin: 0 8px; padding: 10px 0; }
.mod-content-top-note-clip-b { margin: 0 0 0 8px; color: #617676; border-bottom: 2px solid #91acac; padding: 0; }
.mod-content-middle-note-clip-b ul { padding: 10px 0; }
.contentheading-note-clip-b { font-weight: bold; border-bottom: 3px solid #91acac; }

.mod-outer-note-tape-b { margin: 20px 10px 10px 10px; }
.mod-outer-note-tape-b a {}
.mod-body-note-tape-b {}
.mod-body-middle-note-tape-b { padding: 10px 8px 0 15px; }
.mod-content-note-tape-b { margin: 0 8px; padding: 10px 0; }
.mod-content-top-note-tape-b { color: #617676; border-bottom: 2px solid #91acac; padding: 0; }
.mod-content-middle-note-tape-b ul { padding: 10px 0; }
.contentheading-note-tape-b { font-weight: bold; border-bottom: 3px solid #91acac; }

.mod-outer-note-note-b { margin: 20px 10px 10px 10px; }
.mod-outer-note-note-b a {}
.mod-body-note-note-b {}
.mod-body-middle-note-note-b { padding: 10px 8px 0 15px; }
.mod-content-note-note-b { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-note-b {}
.mod-content-middle-note-note-b ul { padding: 0; }
.contentheading-note-note-b { font-weight: bold; border-bottom: 2px solid #91acac; }

.mod-outer-note-tip-b { margin: 20px 10px 10px 10px; }
.mod-outer-note-tip-b a {}
.mod-body-note-tip-b {} 
.mod-body-middle-note-tip-b { padding: 10px 8px 0 15px; }
.mod-content-note-tip-b { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-tip-b {}
.mod-content-middle-note-tip-b ul { padding: 0; }
.contentheading-note-tip-b { font-weight: bold; border-bottom: 3px solid #91acac; }

/* ------------------------------
 *       note g 
 * ------------------------------
 */

.mod-outer-note-g { margin: 20px 10px 10px 10px; }
.mod-outer-note-g a {}
.mod-body-note-g {}
.mod-body-middle-note-g { padding: 10px 8px 0 15px; } 
.mod-content-note-g {}
.mod-content-top-note-g { color: #757b65; border-bottom: 2px solid #a9b193; padding: 7px 0 0 0; }
.mod-content-middle-note-g ul { padding: 10px 0; }
.contentheading-note-g { font-weight: bold; border-bottom: 3px solid #a9b193; }

.mod-outer-note-clip-g { margin: 20px 10px 0 10px; }
.mod-outer-note-clip-g a {}
.mod-body-note-clip-g {} 
.mod-body-middle-note-clip-g { padding: 10px 8px 0 15px; }
.mod-content-note-clip-g { margin: 0 8px; padding: 10px 0; }
.mod-content-top-note-clip-g { margin: 0 0 0 8px; color: #757b65; border-bottom: 2px solid #a9b193; padding: 0; }
.mod-content-middle-note-clip-g ul { padding: 10px 0; }
.contentheading-note-clip-g { font-weight: bold; border-bottom: 3px solid #a9b193; }

.mod-outer-note-tape-g { margin: 20px 10px 0 10px; }
.mod-outer-note-tape-g a {}
.mod-body-note-tape-g {}
.mod-body-middle-note-tape-g { padding: 0 8px 0 15px; }
.mod-content-note-tape-g { margin: 0 8px; padding: 5px 0 10px 0; }
.mod-content-top-note-tape-g { color: #757b65; border-bottom: 2px solid #a9b193; padding: 0; }
.mod-content-middle-note-tape-g ul { padding: 10px 0 5px 0; }
.contentheading-note-tape-g { font-weight: bold; border-bottom: 3px solid #a9b193; }

.mod-outer-note-note-g { margin: 20px 10px 0 10px; }
.mod-outer-note-note-g a {}
.mod-body-note-note-g {}
.mod-body-middle-note-note-g { padding: 10px 8px 0 15px; }
.mod-content-note-note-g { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-note-g {}
.mod-content-middle-note-note-g ul { padding: 0; }
.contentheading-note-note-g { font-weight: bold; border-bottom: 3px solid #a9b193; }

.mod-outer-note-tip-g { margin: 20px 10px 0 10px; }
.mod-outer-note-tip-g a {}
.mod-body-note-tip-g {} 
.mod-body-middle-note-tip-g { padding: 10px 8px 0 15px; }
.mod-content-note-tip-g { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-tip-g {}
.mod-content-middle-note-tip-g ul { padding: 0; }
.contentheading-note-tip-g { font-weight: bold; border-bottom: 3px solid #d9e2c0; }

/* ------------------------------
 *       note grey
 * ------------------------------
 */

.mod-outer-note-grey { margin: 20px 10px 10px 10px; }
.mod-outer-note-grey a {}
.mod-body-note-grey {}
.mod-body-middle-note-grey { padding: 10px 8px 0 15px; } 
.mod-content-note-grey {}
.mod-content-top-note-grey { border-bottom: 2px solid #212125; padding: 7px 0 0 0; }
.mod-content-middle-note-grey ul { padding: 10px 0; }
.contentheading-note-grey { font-weight: bold; border-bottom: 3px solid #212125; }

.mod-outer-note-clip-grey { margin: 20px 10px 10px 10px; }
.mod-outer-note-clip-grey a {}
.mod-body-note-clip-grey {} 
.mod-body-middle-note-clip-grey { padding: 10px 8px 0 15px; }
.mod-content-note-clip-grey { margin: 0 8px; padding: 10px 0; }
.mod-content-top-note-clip-grey { margin: 0 0 0 8px; border-bottom: 2px solid #1f1f51; padding: 0; }
.mod-content-middle-note-clip-grey ul { padding: 10px 0; }
.contentheading-note-clip-grey { font-weight: bold; border-bottom: 3px solid #212125; }

.mod-outer-note-tape-grey { margin: 20px 10px 10px 10px; }
.mod-outer-note-tape-grey a {}
.mod-body-note-tape-grey {}
.mod-body-middle-note-tape-grey { padding: 10px 8px 0 15px; }
.mod-content-note-tape-grey { margin: 0 8px; padding: 10px 0; }
.mod-content-top-note-tape-grey { border-bottom: 3px solid #1f1f51; padding: 0; }
.mod-content-middle-note-tape-grey ul { padding: 10px 0; }
.contentheading-note-tape-grey { font-weight: bold; border-bottom: 2px solid #212125; }

.mod-outer-note-note-grey { margin: 20px 10px 10px 10px; }
.mod-outer-note-note-grey a {}
.mod-body-note-note-grey {}
.mod-body-middle-note-note-grey { padding: 10px 8px 0 15px; }
.mod-content-note-note-grey { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-note-grey {}
.mod-content-middle-note-note-greyul { padding: 0; }
.contentheading-note-note-grey { font-weight: bold; border-bottom: 3px solid #212125; }

.mod-outer-note-tip-grey { margin: 20px 10px 10px 10px; }
.mod-outer-note-tip-grey a {}
.mod-body-note-tip-grey {} 
.mod-body-middle-note-tip-grey { padding: 10px 8px 0 15px; }
.mod-content-note-tip-grey { margin: 0 8px; padding: 30px 0 10px 0; }
.mod-content-top-note-tip-grey {}
.mod-content-middle-note-tip-grey ul { padding: 0; }
.contentheading-note-tip-grey { font-weight: bold; border-bottom: 3px solid #212125; }


/* to redo */

/*--------------------------------------------------------------------
 *                    wceRMod -ul, -ulo
 *                       
 * "-<colour>-ul-" -- underlined header, square corners 
 * "-<colour>-ulo-" - underlined header, square corners, outlined body   
 * 
 * The colours are red, orange, orange2, blue, green, grey.
 *      
 *--------------------------------------------------------------------
 */
 
/* outer "div" (left side) of module */

.wce-rmod-red-ul, .wce-rmod-orange-ul, .wce-rmod-orange2-ul,
.wce-rmod-blue-ul, .wce-rmod-green-ul, .wce-rmod-grey-ul,
.wce-rmod-red-ulo, .wce-rmod-orange-ulo, .wce-rmod-orange2-ulo,
.wce-rmod-blue-ulo, .wce-rmod-green-ulo, .wce-rmod-grey-ulo { 
  margin: 5px 5px 10px 5px; 
  padding: 1px 10px 10px 10px; 
}

/* paragraph tags */

.wce-rmod-red-ul p, .wce-rmod-orange-ul p, .wce-rmod-orange2-ul p,
.wce-rmod-blue-ul p, .wce-rmod-green-ul p, .wce-rmod-grey-ul p,
.wce-rmod-red-ulo p, .wce-rmod-orange-ulo p, .wce-rmod-orange2-ulo p,
.wce-rmod-blue-ulo p, .wce-rmod-green-ulo p, .wce-rmod-grey-ulo p { 
  margin: 10px 5px 5px 5px; 
}

/* unordered list tags */

.wce-rmod-red-ul ul, .wce-rmod-orange-ul ul, .wce-rmod-orange2-ul ul,
.wce-rmod-blue-ul ul, .wce-rmod-green-ul ul, .wce-rmod-grey-ul ul,
.wce-rmod-red-ulo ul, .wce-rmod-orange-ulo ul, .wce-rmod-orange2-ulo ul,
.wce-rmod-blue-ulo ul, .wce-rmod-green-ulo ul, .wce-rmod-grey-ulo ul { 
  margin: 10px 0 5px 15px;
}

/* inner "div" (right side) of module -- default template style */

.wce-rmodR-red-ul, .wce-rmodR-orange-ul, .wce-rmodR-orange2-ul,
.wce-rmodR-blue-ul, .wce-rmodR-green-ul, .wce-rmodR-grey-ul,
.wce-rmodR-red-ulo, .wce-rmodR-orange-ulo, .wce-rmodR-orange2-ulo,
.wce-rmodR-blue-ulo, .wce-rmodR-green-ulo, .wce-rmodR-grey-ulo { 
}

/* outer header "div" (left side) */

.wce-rmodHL-red-ul, .wce-rmodHL-orange-ul, .wce-rmodHL-orange2-ul,
.wce-rmodHL-blue-ul, .wce-rmodHL-green-ul, .wce-rmodHL-grey-ul,
.wce-rmodHL-red-ulo, .wce-rmodHL-orange-ulo, .wce-rmodHL-orange2-ulo,
.wce-rmodHL-blue-ulo, .wce-rmodHL-green-ulo, .wce-rmodHL-grey-ulo { 
}

/* inner header "div" (right side) */

.wce-rmodHR-red-ul, .wce-rmodHR-orange-ul, .wce-rmodHR-orange2-ul,
.wce-rmodHR-blue-ul, .wce-rmodHR-green-ul, .wce-rmodHR-grey-ul,
.wce-rmodHR-red-ulo, .wce-rmodHR-orange-ulo, .wce-rmodHR-orange2-ulo,
.wce-rmodHR-blue-ulo, .wce-rmodHR-green-ulo, .wce-rmodHR-grey-ulo { 
}

/* header text */

.wce-rmodHR-orange-ul h3, .wce-rmodHR-green-ul h3, .wce-rmodHR-blue-ul h3, .wce-rmodHR-ured-ul h3, .wce-rmodHR-orange2 h3, .wce-rmodHR-grey-ul h3,
.wce-rmodHR-orange-ulo-o h3, .wce-rmodHR-green-ulo h3, .wce-rmodHR-blue-ulo h3, .wce-rmodHR-red-ulo h3, .wce-rmodHR-orange2o h3, .wce-rmodHR-grey-ulo h3 { 
  margin: 10px 5px 0 5px; 
  padding: 0;
}