/*
 * Style sheet for Helen's Web back-page elements
 *
 * (CSS3 level statements used.  Legacy browsers will ignore)
 *
 * $ Id: default.css,v 1.00 04/06/2006 19:03 M L Phillips $
 * <Title>Helen Hollick - Stylesheet</title>
 *
 *   Ver 2.0 		: 12/06/2012 11:58
 *					:   Update many areas. Renamed h3 to h3x, conflict with 
 *					:   internal CSS used by twidget code.
 *					:   
 *					:   Correct operation ascertained on a range of browsers
 *
 *   Ver 3.0 		: 16/04/2016 12:05
 *					:   Added support for YouTube sound support
 *					:   via iFrame embed
 *
 *	 Ver 4.0		: 08/11/2017 10:07
 *					:	Added code to format the translation sub-tabs
 *					:   Buttons on Gallery forms normalised
 *					:
 *	 Ver 5.0		: 05/07/2023 12:00
 *					:	Normalised contents to suit all H2U pages
 */

body{
    margin:0 auto;
    padding:0;
    font-family:Arial, Helvetica, "Times New Roman", sans-serif, Times, Serif, Georgia;
    font-size:16px;
    text-align:center;
    background:url('../Pictures/background.jpg') no-repeat center center fixed;
    background-size:cover;
}
.mobile	{  
	display	: none;  
	}
#padding_edges{
    padding:10px 10px 10px 10px;
}
#centraliser{
    padding:0 30px 0 30px;
    text-align:justify;
}
#Gallery{
    FONT-FAMILY:"Times New Roman", Times, Serif, Georgia;
    font-size:36px;
    font-weight:bold;
    color:black;
    text-align:center;
}
A:link{
    color:blue;
}
A:visited{
    color:black;
}
A:hover{
    color:red;
}
div.centered{
    text-align:center;
}
div.oversize{
    font-size:120%;
}
div.normal{
    text-align:left;
}
div.small{
    font-size:80%;
}
EM.BlueText{
    color:blue;
    font-family:Arial, Helvetica, sans-serif;
}
h3x.normal{
    text-align:left;
}
.centered{
    text-align:center;
}
.home{
    text-align:right;
    color:blue;
    font-style:italic;
    font-weight:bold;
}
.small{
    text-align:right;
    font-style:italic;
    font-size:60%;
}
.linkleft{
    text-align:left;
    color:blue;
    font-style:italic;
    font-weight:bold;
}
.linkcenter{
    text-align:center;
    color:blue;
    font-style:italic;
    font-weight:bold;
}
.linkright{
    text-align:right;
    color:blue;
    font-style:italic;
    font-weight:bold;
}
span.larger{
    color:#33f;
    font-size:larger;
}
span.oversize{
    font-size:120%;
}
span.small{
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:smaller;
}
.strongblack{
    color:#7c6240;
    font-weight:bold;
    position:relative;
    top:-16px;
}
table.default{
    WIDTH:95%;
    HEIGHT:10px;
}
table.review{
    width:100%;
    border:0;
    height:10px;
}
#divider{
    BORDER-RIGHT:#eda 0 solid;
    BORDER-LEFT:#eda 0 solid;
    BORDER-TOP:#eda 2px solid;
    BORDER-BOTTOM:#eda 2px solid;
    PADDING-RIGHT:2em;
    PADDING-LEFT:2em;
    PADDING-BOTTOM:0.1em;
    PADDING-TOP:0.1em;
    color:#7c6240;
    font-weight:bold;
    TEXT-ALIGN:center;
    BACKGROUND:#f4ecd9;
    BACKGROUND:white;
    FLOAT:left;
    margin:0 0 1em;
    WIDTH:100%;
    LINE-HEIGHT:1;
    LIST-STYLE-TYPE:none;
}
#message{
    BORDER-RIGHT:#eda 0 solid;
    BORDER-LEFT:#eda 0 solid;
    BORDER-TOP:#eda 2px solid;
    BORDER-BOTTOM:#eda 2px solid;
    PADDING-RIGHT:2em;
    PADDING-LEFT:0em;
    PADDING-BOTTOM:0.5em;
    PADDING-TOP:0.5em;
    color:#7c6240;
    FONT-FAMILY:Arial,Helvetica,Serif;
    font-weight:bold;
    TEXT-ALIGN:center;
    BACKGROUND:transparent;
    margin:0 0;
    WIDTH:auto;
    LINE-HEIGHT:1;
    LIST-STYLE-TYPE:none;
    overflow:hidden;
}
.notify{
    BORDER-RIGHT:#eda 0 solid;
    BORDER-LEFT:#eda 0 solid;
    BORDER-TOP:#eda 2px solid;
    BORDER-BOTTOM:#eda 2px solid;
    PADDING-RIGHT:2em;
    PADDING-LEFT:0em;
    PADDING-BOTTOM:0.5em;
    PADDING-TOP:0.5em;
    color:#7c6240;
    FONT-FAMILY:Arial,Helvetica,Serif;
    font-weight:bold;
    TEXT-ALIGN:center;
    BACKGROUND:transparent;
    margin:0 0;
    WIDTH:auto;
    LINE-HEIGHT:1;
    LIST-STYLE-TYPE:none;
    overflow:hidden;
}
#nav{
    BORDER-RIGHT:#eda 0 solid;
    BORDER-LEFT:#eda 0 solid;
    BORDER-TOP:#eda 2px solid;
    BORDER-BOTTOM:#eda 2px solid;
    PADDING-RIGHT:0;
    PADDING-LEFT:0;
    PADDING-BOTTOM:0;
    PADDING-TOP:0;
    BACKGROUND:transparent;
    FLOAT:left;
    margin:0 0 1em;
    WIDTH:100%;
    LINE-HEIGHT:1;
    LIST-STYLE-TYPE:none;
    font-family:Arial,Helvetica,sans-serif;
    Font-size:14px;
    font-weight:bold;
}
#nav A{
    PADDING-TOP:0.25em;
    PADDING-BOTTOM:0.25em;
    PADDING-RIGHT:2em;
    PADDING-LEFT:1em;
    color:#7c6240;
    DISPLAY:block;
    font-weight:bold;
    TEXT-ALIGN:center;
    TEXT-DECORATION:none;
    line-height:1px;
}
#nav UL{
    BORDER-RIGHT:#eda 0 solid;
    PADDING-RIGHT:0;
    BORDER-TOP:#eda 1px solid;
    PADDING-LEFT:0;
    font-weight:bold;
    BACKGROUND:white;
    FLOAT:left;
    PADDING-BOTTOM:0;
    margin:0 0 1em;
    BORDER-LEFT:#eda 0 solid;
    WIDTH:36em;
    LINE-HEIGHT:1;
    PADDING-TOP:0;
    BORDER-BOTTOM:#eda 1px solid;
    LIST-STYLE-TYPE:none;
}
div.message_nav{
    BORDER-RIGHT:#eda 0 solid;
    BORDER-LEFT:#eda 0 solid;
    BORDER-TOP:#eda 2px solid;
    BORDER-BOTTOM:#eda 2px solid;
    padding:0 0 0 0;
    BACKGROUND:transparent;
    FLOAT:left;
    margin:0 0 1em;
    WIDTH:100%;
    LINE-HEIGHT:1;
    LIST-STYLE-TYPE:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
}
div.message_nav A{
    padding:0.25em 1em 0.25em 1em;
    color:#7c6240;
    display:block;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    line-height:1;
}
div.message_nav A:hover{
    BACKGROUND:#eda;
}
div.message_nav_L{
    float:left;
    padding:2px;
    margin:2px;
    padding-left:5px;
}
div.message_nav_M{
    float:left;
    padding:2px;
    margin:2px;
}
div.message_nav_R{
    float:right;
    padding:2px;
    margin-right:10px;
    margin-top:2px;
}
div.chosen {
	width:34px;
	border: 1px inset #7c6240;
	border-radius: 5px;
	color: #7c6240;
	text-decoration: none;
	text-align:center;
}
#backpage-content{
    text-align:justify;
    position:relative;
    background:url('../Pictures/Parchmnt.jpg') #fbfae6;
    width:100%;
    height:100%;
    min-height:400px;
    top:0;
}
#art-main{
    position:relative;
    width:100%;
    left:0;
    top:0;
    height:auto;
    padding-top:8px;
    margin-top:0;
}
#Reedbed_1{
    position:fixed;
    width:120px;
    height:130px;
    right:-32px;
    bottom:0;
    background-image:url('../Pictures/grass.png');
    z-index:100;
    cursor:pointer;
}
#extraDiv1{
    position:absolute;
    width:92px;
    height:410px;
    left:800px;
    top:-70px;
    z-index:400;
}
#extraDiv2{
    position:absolute;
    width:189px;
    height:205px;
    left:1px;
    top:0;
    z-index:2;
}
#extraDiv3{
    position:absolute;
    width:173px;
    height:112px;
    bottom:30px;
    right:-60px;
    z-index:4;
}
.cover_art_small{
    position:absolute;
    top:-1em;
    left:0;
    height:147px;
    width:99px;
    overflow:hidden;
    margin-top:1em;
    border-top-width:3px;
    border-right-width:3px;
    border-bottom-width:3px;
    border-left-width:3px;
    border-top-style:none;
    border-right-style:none;
    border-bottom-style:none;
    border-left-style:none;
    border-top-color:#630;
    border-right-color:#630;
    border-bottom-color:#630;
    border-left-color:#630;
}
.cover_art_tiny{
    top:1px;
    left:0;
    height:147px;
    width:99px;
}
.cleared,
.h2u_cleared {
    float:none;
    clear:both;
    margin:0;
    padding:0;
    border:none;
    font-size:1px;
}
.h2u_cleared {
	margin-bottom : 60px;
}
.clearedspace{
    float:none;
    clear:both;
    margin:0;
    padding:0;
    border:none;
    font-size:1px;
    height:20px;
}
#container{
    position:relative;
    margin:auto;
    text-align:left;
    background:#fbfae6 url('../Pictures/container_bg2.jpg') center top repeat-y;
    width:100%;
    z-index:100;
    height:100%;
    top:0;
    min-height:10px;
}
#preamble{
    BORDER-RIGHT:#8c9777 3px solid;
    BORDER-TOP:#8c9777 3px solid;
    BORDER-LEFT:#8c9777 3px solid;
    BORDER-BOTTOM:#8c9777 3px solid;
    PADDING-RIGHT:20px;
    PADDING-BOTTOM:10px;
    PADDING-LEFT:20px;
    PADDING-TOP:0;
    BACKGROUND:#fbfae6;
    margin:0 20px 0 200px;
}
#preamble h3x{
    BACKGROUND:url('../Pictures/h3_preamble.gif') no-repeat left top;
    margin-BOTTOM:10px;
    BORDER-BOTTOM:#7d8965 1px solid;
    HEIGHT:32px;
}
#preamble h3x SPAN{
    DISPLAY:none;
}
#sidebar{
    PADDING-RIGHT:20px;
    PADDING-BOTTOM:10px;
    PADDING-LEFT:20px;
    PADDING-TOP:0;
    margin:60px 30px 0 -190px;
    position:relative;
    width:110px;
    left:210px;
    top:-120px;
    z-index:2000;
    font-style:italic;
    color:black;
    font-size:9px;
    height:auto;
}
#quickSummary{
    PADDING-RIGHT:20px;
    PADDING-BOTTOM:10px;
    PADDING-LEFT:20px;
    PADDING-TOP:40px;
    BACKGROUND:#fbfae6;
    margin:0 20px 0 200px;
    text-align:center;
    height:auto;
}
#explanation{
    margin-LEFT:0;
    height:20em;
}
#explanation h3x{
    BACKGROUND:url('../Pictures/Blank_Header.gif') no-repeat left top;
    margin-BOTTOM:10px;
    BORDER-BOTTOM:#7d8965 1px solid;
    HEIGHT:32px;
}
#supportingText{
    margin-LEFT:200px;
    PADDING-RIGHT:0;
    PADDING-LEFT:0;
    PADDING-BOTTOM:35px;
    PADDING-TOP:0;
    margin-right:20px;
}
#supportingText h3x SPAN{
    DISPLAY:none;
}
form{
    padding:0!important;
    margin:0!important;
}
table.position{
    position:relative;
    width:100%;
    table-layout:fixed;
}
.art-Sheet{
    position:relative;
    z-index:0;
    margin:0 auto;
    width:900px;
    min-width:49px;
    min-height:49px;
}
.art-Sheet-body{
    position:relative;
    z-index:1;
    height:auto;
    padding:5px 5px 0;
    margin-top:15px;
}
.art-Sheet-tr,.art-Sheet-tl,.art-Sheet-br,.art-Sheet-bl,.art-Sheet-tc,.art-Sheet-bc,.art-Sheet-cr,.art-Sheet-cl{
    position:absolute;
    z-index:-1;
}
.art-Sheet-tr,.art-Sheet-tl,.art-Sheet-br,.art-Sheet-bl{
    width:64px;
    height:64px;
    background-image:url('../Pictures/Sheet-s.png');
}
.art-Sheet-tl{
    top:0;
    left:0;
    clip:rect(auto,32px,32px,auto);
}
.art-Sheet-tr{
    top:0;
    right:0;
    clip:rect(auto,auto,32px,32px);
}
.art-Sheet-bl{
    bottom:0;
    left:0;
    clip:rect(32px,32px,auto,auto);
}
.art-Sheet-br{
    bottom:0;
    right:0;
    clip:rect(32px,auto,auto,32px);
}
.art-Sheet-tc,.art-Sheet-bc{
    left:32px;
    right:32px;
    height:64px;
    background-image:url('../Pictures/Sheet-h.png');
}
.art-Sheet-tc{
    top:0;
    clip:rect(auto,auto,32px,auto);
}
.art-Sheet-bc{
    bottom:0;
    clip:rect(32px,auto,auto,auto);
}
.art-Sheet-cr,.art-Sheet-cl{
    top:32px;
    bottom:32px;
    width:64px;
    background-image:url('../Pictures/Sheet-v.png');
}
.art-Sheet-cr{
    right:0;
    clip:rect(auto,auto,auto,32px);
}
.art-Sheet-cl{
    left:0;
    clip:rect(auto,32px,auto,auto);
}
.art-Sheet-cc{
    position:absolute;
    z-index:-1;
    top:32px;
    left:32px;
    right:32px;
    bottom:32px;
    background-color:#2B424A;
}
.art-menu a,.art-menu a:link,.art-menu a:visited,.art-menu a:hover{
    text-align:left;
    text-decoration:none;
    outline:none;
    letter-spacing:normal;
    word-spacing:normal;
}
.art-menu,.art-menu ul{
    margin:0;
    padding:0;
    border:0;
    list-style-type:none;
    display:block;
}
.art-menu li{
    margin:0;
    padding:0;
    border:0;
    display:block;
    float:left;
    position:relative;
    z-index:5;
    background:none;
}
.art-menu li:hover{
    z-index:10000;
    white-space:normal;
}
.art-menu li li{
    float:none;
}
.art-menu ul{
    visibility:hidden;
    position:absolute;
    z-index:10;
    left:0;
    top:0;
    background:none;
}
.art-menu li:hover>ul{
    visibility:visible;
    top:100%;
}
.art-menu li li:hover>ul{
    top:0;
    left:100%;
}
.art-menu:after,.art-menu ul:after{
    content:".";
    height:0;
    display:block;
    visibility:hidden;
    overflow:hidden;
    clear:both;
}
.art-menu,.art-menu ul{
    min-height:0;
}
.art-menu ul{
    background-image:url('../Pictures/spacer.gif');
    padding:10px 30px 30px 30px;
    margin:-10px 0 0 -30px;
}
.art-menu ul ul{
    padding:30px 30px 30px 10px;
    margin:-30px 0 0 -10px;
}
.art-menu{
    padding:0 15px 0 15px;
}
.art-nav{
    position:relative;
    height:30px;
    z-index:100;
}
.art-nav .l,.art-nav .r{
    position:absolute;
    z-index:-1;
    top:0;
    height:30px;
    background-image:url('../Pictures/nav.png');
}
.art-nav .l{
    left:0;
    right:15px;
}
.art-nav .r{
    right:0;
    width:890px;
    clip:rect(auto,auto,auto,875px);
}
.art-menu ul li{
    clear:both;
}
.art-menu a{
    position:relative;
    display:block;
    overflow:hidden;
    height:30px;
    cursor:pointer;
    text-decoration:none;
    margin-right:0;
    margin-left:0;
}
.art-menu a .r,.art-menu a .l{
    position:absolute;
    display:block;
    top:0;
    z-index:-1;
    height:90px;
    background-image:url('../Pictures/MenuElement.png');
}
.art-menu a .l{
    left:0;
    right:0;
}
.art-menu a .r{
    width:50em;
    right:0;
    clip:rect(auto,auto,auto,400px);
    height:auto;
}
.art-menu a .t{
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    color:#C5D0D8;
    padding:0 17px;
    margin:0 0;
    line-height:30px;
    text-align:center;
}
.art-menu a:hover .l,.art-menu a:hover .r{
    top:-30px;
}
.art-menu li:hover>a .l,.art-menu li:hover>a .r{
    top:-30px;
}
.art-menu li:hover a .l,.art-menu li:hover a .r{
    top:-30px;
}
.art-menu a:hover .t{
    color:#ECF2F4;
}
.art-menu li:hover a .t{
    color:#ECF2F4;
}
.art-menu li:hover>a .t{
    color:#ECF2F4;
}
.art-menu a.active .l,.art-menu a.active .r{
    top:-60px;
}
.art-menu a.active .t{
    color:#CBE4EC;
}
.art-menu a.gateway{
    cursor:default;
}
.search::before{
    content:url('../Pictures/search_box_icon_s.png');
}
.art-nav .art-menu-separator{
    display:block;
    width:1px;
    height:30px;
    background-image:url('../Pictures/MenuSeparator.png');
}
.art-menu ul a{
    display:block;
    text-align:center;
    white-space:nowrap;
    height:32px;
    width:14em;
    overflow:hidden;
    line-height:32px;
    margin-right:auto;
    background-image:url('../Pictures/subitem-bg.png');
    background-position:left top;
    background-repeat:repeat-x;
    border-width:1px;
    border-style:solid;
    border-color:#6AB2C8;
}
.art-nav ul.art-menu ul span,.art-nav ul.art-menu ul span span{
    display:inline;
    float:none;
    margin:inherit;
    padding:inherit;
    background-image:none;
    text-align:inherit;
    text-decoration:inherit;
}
.art-menu ul a,.art-menu ul a:link,.art-menu ul a:visited,.art-menu ul a:hover,.art-menu ul a:active,.art-nav ul.art-menu ul span,.art-nav ul.art-menu ul span span{
    text-align:left;
    text-indent:12px;
    text-decoration:none;
    line-height:32px;
    color:#2D3A43;
    font-size:13px;
    font-style:normal;
    font-weight:normal;
}
.art-menu ul ul a{
    margin-left:auto;
}
.art-menu ul li a:hover{
    color:black;
    border-color:#439CB6;
    background-position:0 -32px;
}
.art-menu ul li:hover>a{
    color:black;
    border-color:#439CB6;
    background-position:0 -32px;
}
.art-nav .art-menu ul li a:hover span,.art-nav .art-menu ul li a:hover span span{
    color:black;
}
.art-nav .art-menu ul li:hover>a span,.art-nav .art-menu ul li:hover>a span span{
    color:black;
}
.art-Header{
    margin:0 auto;
    position:relative;
    z-index:0;
    width:890px;
    height:250px;
}
.art-Header-content{
    margin:0 auto;
    position:relative;
    z-index:0;
    width:890px;
    height:184px;
    overflow:hidden;
    background-color:#2B424A;
}
.art-Header-image{
    position:absolute;
    top:-2px;
    width:890px;
    height:180px;
    background-repeat:no-repeat;
    background-position:right center;
    overflow:hidden;
    background-color:#2B424A;
}
.art-Header-content-title{
    position:absolute;
    top:1px;
    left:0;
    z-index:inherit;
    font-size:56px;
    color:#88C1D3;
    width:871px;
    height:178px;
    vertical-align:middle;
    background-color:Transparent;
}
.art-Header-content-title-H2U{
    position:absolute;
    top:1px;
    left:0;
    z-index:inherit;
    font-size:56px;
    color:#88C1D3;
    width:871px;
    height:178px;
    vertical-align:middle;
    background-color:Transparent;
}
.art-Header-Archive{
    position:absolute;
    top:100px;
    left:280px;
    width:250px;
    height:100px;
    background-repeat:no-repeat;
}
#art-Header-buttons{
    position:absolute;
    bottom:9px;
    left:130px;
}
.art-Logo{
    display:block;
    position:absolute;
    left:10px;
    top:92px;
    width:870px;
}
h1.art-Logo-name{
    display:block;
    text-align:center;
}
h1.art-Logo-name,h1.art-Logo-name a,h1.art-Logo-name a:link,h1.art-Logo-name a:visited,h1.art-Logo-name a:hover{
    font-size:37px;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
    padding:0;
    margin:0;
    color:#132C34!important;
}
.art-Logo-text{
    display:block;
    text-align:center;
}
.art-Logo-text,.art-Logo-text a{
    font-size:21px;
    font-style:normal;
    font-weight:normal;
    padding:0;
    margin:0;
    color:#132C34!important;
}
.art-contentLayout{
    position:relative;
    margin-bottom:4px;
    width:890px;
}
.art-Block{
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:1px;
    min-height:1px;
}
.art-Block-body{
    position:relative;
    z-index:1;
    padding:0;
}
.art-Block{
    margin:7px;
}
.art-BlockHeader{
    position:relative;
    z-index:0;
    height:30px;
    padding:0 8px;
    margin-bottom:4px;
}
.art-BlockHeader .t{
    height:30px;
    color:black;
    font-size:13px;
    font-style:normal;
    font-weight:bold;
    white-space:nowrap;
    padding:0 6px;
    line-height:30px;
}
.art-BlockHeader .l,.art-BlockHeader .r{
    display:block;
    position:absolute;
    z-index:-1;
    height:30px;
    background-image:url('../Pictures/BlockHeader.png');
}
.art-BlockHeader .l{
    left:0;
    right:7px;
}
.art-BlockHeader .r{
    width:890px;
    right:0;
    clip:rect(auto,auto,auto,883px);
}
.art-header-tag-icon{
    display:inline-block;
    background-position:left top;
    background-image:url('../Pictures/BlockHeaderIcon.png');
    padding:0 0 0 15px;
    background-repeat:no-repeat;
    min-height:14px;
    margin:0 0 0 5px;
}
.art-BlockContent{
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:15px;
    min-height:15px;
}
.art-BlockContent-body{
    position:relative;
    z-index:1;
    padding:8px;
}
.art-BlockContent-tr,.art-BlockContent-tl,.art-BlockContent-br,.art-BlockContent-bl,.art-BlockContent-tc,.art-BlockContent-bc,.art-BlockContent-cr,.art-BlockContent-cl{
    position:absolute;
    z-index:-1;
}
.art-BlockContent-tr,.art-BlockContent-tl,.art-BlockContent-br,.art-BlockContent-bl{
    width:14px;
    height:14px;
    background-image:url('../Pictures/BlockContent-s.png');
}
.art-BlockContent-tl{
    top:0;
    left:0;
    clip:rect(auto,7px,7px,auto);
}
.art-BlockContent-tr{
    top:0;
    right:0;
    clip:rect(auto,auto,7px,7px);
}
.art-BlockContent-bl{
    bottom:0;
    left:0;
    clip:rect(7px,7px,auto,auto);
}
.art-BlockContent-br{
    bottom:0;
    right:0;
    clip:rect(7px,auto,auto,7px);
}
.art-BlockContent-tc,.art-BlockContent-bc{
    left:7px;
    right:7px;
    height:14px;
    background-image:url('../Pictures/BlockContent-h.png');
}
.art-BlockContent-tc{
    top:0;
    clip:rect(auto,auto,7px,auto);
}
.art-BlockContent-bc{
    bottom:0;
    clip:rect(7px,auto,auto,auto);
}
.art-BlockContent-cr,.art-BlockContent-cl{
    top:7px;
    bottom:7px;
    width:14px;
    background-image:url('../Pictures/BlockContent-v.png');
}
.art-BlockContent-cr{
    right:0;
    clip:rect(auto,auto,auto,7px);
}
.art-BlockContent-cl{
    left:0;
    clip:rect(auto,7px,auto,auto);
}
.art-BlockContent-cc{
    position:absolute;
    z-index:-1;
    top:7px;
    left:7px;
    right:7px;
    bottom:7px;
    background-color:#324E57;
}
.art-BlockContent-body{
    color:#A1BEC9;
    font-size:13px;
    font-style:normal;
    font-weight:normal;
}
.art-BlockContent-body a:link{
    color:#93C7D7;
    text-decoration:underline;
}
.art-BlockContent-body a:visited,.art-BlockContent-body a.visited{
    color:#E2EBEE;
    text-decoration:underline;
}
.art-BlockContent-body a:hover,.art-BlockContent-body a.hover{
    color:#B8DAE5;
    text-decoration:none;
}
.art-BlockContent-body ul{
    list-style-type:none;
    color:#A7B8C3;
    margin:0;
    padding:0;
}
.art-BlockContent-body li{
    font-size:13px;
    text-decoration:none;
}
.art-Post{
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:1px;
    min-height:1px;
}
.art-Post-body{
    position:relative;
    z-index:1;
    padding:15px;
}
.art-Post{
    margin:7px;
}
a img{
    border:0;
}
img{
    border:0;
}
img.b{
    display:block;
}
img.b46860{
    width:40em;
    height:37em;
    text-align:center;
    top:-4em;
    max-width:635px;
    max-height:594px;
}
.art-article img,img.art-article{
    margin:1em;
}
.art-metadata-icons img{
    border:none;
    vertical-align:middle;
    margin:2px;
}
.art-article table,table.art-article{
    border-collapse:collapse;
    margin:1px;
    width:auto;
}
.art-article table,table.art-article .art-article tr,.art-article th,.art-article td{
    background-color:Transparent;
}
.art-article th,.art-article td{
    padding:2px;
    border:solid 1px #416471;
    vertical-align:top;
    text-align:left;
}
.art-article th{
    text-align:center;
    vertical-align:middle;
    padding:7px;
}
.art-PostHeaderIcon-wrapper{
    text-decoration:none;
    margin:0.2em 0;
    padding:0;
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-size:24px;
    font-style:normal;
    font-weight:bold;
    text-align:left;
    color:#C0DEE8;
}
.art-PostHeaderIcon-wrapper,.art-PostHeaderIcon-wrapper a,.art-PostHeaderIcon-wrapper a:link,.art-PostHeaderIcon-wrapper a:visited,.art-PostHeaderIcon-wrapper a:hover{
    font-size:24px;
    font-style:normal;
    font-weight:bold;
    text-align:left;
    color:#C0DEE8;
}
.art-PostHeaderIcon-wrapper img{
    border:none;
    vertical-align:middle;
    margin:0;
}
.art-PostHeader a:link{
    text-decoration:none;
    text-align:left;
    color:#B1D7E2;
}
.art-PostHeader a:visited,.art-PostHeader a.visited{
    text-decoration:none;
    text-align:left;
    color:#E8EFF2;
}
.art-PostHeader a:hover,.art-PostHeader a.hovered{
    text-decoration:none;
    text-align:left;
    color:#D2E8EE;
}
.art-PostContent{
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    text-align:justify;
    color:#94B5C2;
}
a{
    text-decoration:underline;
    color:#33F;
}
a:link{
    text-decoration:underline;
    color:blue;
}
a:visited,a.visited{
    text-decoration:underline;
    color:#090;
}
a:hover,a.hover{
    text-decoration:none;
    color:red;
}
h1,h2,h4,h5,h6,h1 a,h2 a,h4 a,h5 a,h6 a h1 a:hover,h2 a:hover,h4 a:hover,h5 a:hover,h6 a:hover h1 a:visited,h2 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}
h1,h1 a,h1 a:link,h1 a:visited,h1 a:hover{
    font-size:40px;
    font-style:normal;
    font-weight:bold;
    text-align:left;
    color:#88C1D3;
    padding-left:40px;
}
h2,h2 a,h2 a:link,h2 a:visited,h2 a:hover{
    font-size:24px;
    font-style:normal;
    font-weight:bold;
    text-align:left;
    color:#ADD5E1;
}
h4,h4 a,h4 a:link,h4 a:visited,h4 a:hover{
    font-size:18px;
    font-style:normal;
    font-weight:bold;
    text-align:left;
    color:#B8CED6;
}
h5,h5 a,h5 a:link,h5 a:visited,h5 a:hover{
    font-size:15px;
    font-style:normal;
    font-weight:bold;
    text-align:left;
    color:#B8CED6;
}
h6,h6 a,h6 a:link,h6 a:visited,h6 a:hover{
    font-size:15px;
    font-style:normal;
    font-weight:bold;
    text-align:left;
    color:#B8CED6;
}
ol,ul{
    color:#333;
    margin:1em 0 1em 2em;
    padding:0;
    font-size:13px;
}
li ol,li ul{
    margin:0.5em 0 0.5em 2em;
    padding:0;
}
li{
    margin:0.2em 0;
    padding:0;
}
ul{
    list-style-type:none;
}
ol{
    list-style-position:inside;
}
.art-Post li{
    padding:0 0 0 16px;
    line-height:1.2em;
}
.art-Post ol li,.art-Post ul ol li{
    background:none;
    padding-left:0;
}
.art-Post ul li,.art-Post ol ul li{
    background-image:url('../Pictures/PostBullets.png');
    background-repeat:no-repeat;
    padding-left:16px;
}
blockquote p{
    color:#060D0F;
    font-style:italic;
    font-weight:normal;
    text-align:left;
}
blockquote{
    border:solid 1px #9BBAC5;
    margin:10px 10px 10px 50px;
    padding:5px 5px 5px 41px;
    background-color:#93C7D7;
    background-image:url('../Pictures/PostQuote.png');
    background-position:left top;
    background-repeat:no-repeat;
}
.art-button-wrapper .art-button{
    display:inline-block;
    width:auto;
    outline:none;
    border:none;
    background:none;
    line-height:33px;
    margin:0!important;
    padding:0!important;
    overflow:visible;
    cursor:default;
    text-decoration:none!important;
    z-index:0;
}
.art-button-wrapper{
    display:inline-block;
    position:relative;
    height:33px;
    overflow:hidden;
    white-space:nowrap;
    width:auto;
    z-index:0;
}
.art-button-wrapper .art-button{
    display:block;
    height:33px;
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    white-space:nowrap;
    text-align:left;
    padding:0 16px!important;
    line-height:33px;
    text-decoration:none !important;
    color:black !important;
}
input,select{
    font-size:13px;
    font-style:normal;
    font-weight:normal;
}
.art-button-wrapper.hover .art-button,.art-button:hover{
    color:#E9F3F7!important;
    text-decoration:none!important;
}
.art-button-wrapper.active .art-button{
    color:#EFF4F6!important;
}
.art-button-wrapper .l,.art-button-wrapper .r{
    display:block;
    position:absolute;
    z-index:-1;
    height:99px;
    background-image:url('../Pictures/Button.png');
}
.art-button-wrapper .l{
    left:0;
    right:17px;
}
.art-button-wrapper .r{
    width:423px;
    right:0;
    clip:rect(auto,auto,auto,406px);
}
.art-button-wrapper.hover .l,.art-button-wrapper.hover .r{
    top:-33px;
}
.art-button-wrapper.active .l,.art-button-wrapper.active .r{
    top:-66px;
}
.art-Lower{
    position:relative;
    z-index:0;
    overflow:hidden;
    width:890px;
    margin:0 auto 0 auto;
    background-image:url('../Pictures/Footer2.jpg');
    height:140px;
    left:0;
}
.art-Footer{
    position:relative;
    z-index:0;
    overflow:hidden;
    width:890px;
    margin:5px auto 0 auto;
    height:32px;
}
.art-Footer .art-Footer-inner{
    height:1%;
    position:relative;
    z-index:0;
    padding:15px;
    text-align:center;
}
.art-Footer .art-Footer-background{
    position:absolute;
    z-index:-1;
    background-repeat:no-repeat;
    background-image:url('../Pictures/Footer.png');
    width:890px;
    height:150px;
    bottom:0;
    left:0;
}
#dividing_line{
    position:relative;
    top:5px;
    width:100%;
    height:10px;
    z-index:10000;
    background-color:#2B424A;
    color:#2B424A;
}
.art-rss-tag-icon{
    position:relative;
    display:block;
    float:left;
    background-image:url('../Pictures/RSS_32.png');
    background-position:right center;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    height:32px;
    width:32px;
}
.art-amazon-us-tag-icon{
    position:relative;
    display:block;
    float:left;
    background-image:url('../Pictures/buy-from-tan-us.gif');
    background-position:right center;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    height:32px;
    width:100px;
}
.art-amazon-uk-tag-icon{
    position:relative;
    display:block;
    float:left;
    background-image:url('../Pictures/buy-from-tan-uk.gif');
    background-position:right center;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    height:32px;
    width:100px;
}
.art-amazon-tag-icon{
    position:relative;
    display:block;
    float:left;
    background-image:url('../Pictures/buy-from-tan.gif');
    background-position:right center;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    height:32px;
    width:100px;
}
.icon-bar-pad{
    position:relative;
    display:block;
    float:left;
    width:120px;
}
.art-twitter-tag-icon{
    position:relative;
    display:block;
    float:left;
    background-image:url('../Pictures/twitter_32.png');
    background-position:right center;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    height:32px;
    width:32px;
}
.art-blogger-tag-icon{
    position:relative;
    display:block;
    float:left;
    background-image:url('../Pictures/blogger_32.png');
    background-position:right center;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    height:32px;
    width:32px;
}
.art-facebook-tag-icon{
    position:relative;
    display:block;
    float:left;
    background-image:url('../Pictures/facebook_32.png');
    background-position:right center;
    background-repeat:no-repeat;
    margin:0 5px 0 0;
    height:32px;
    width:32px;
}
.art-vine-left{
    position:relative;
    float:left;
    top:-35px;
    width:69px;
    height:229px;
    background-image:url('../Pictures/vine_L.png');
}
.art-vine-right{
    position:relative;
    float:right;
    top:-35px;
    width:69px;
    height:229px;
    background-image:url('../Pictures/vine_R.png');
}
.vine_upper{
    position : absolute;
    left : -52px;
    top : 32px;
    height : 226px;
    width : 48px;
    overflow : hidden;
    z-index : -1;
}
.vine_lower{
    position : absolute;
    left : -52px;
    top : 248px;
    height : 229px;
    z-index : 1;
    background-image: url('../Pictures/vine_R_shadow.png');
    background-position:0px -20px;
}
.art-Footer .art-Footer-text p{
    margin:0;
}
.art-Footer .art-Footer-text{
    display:inline-block;
    color:#0E1315;
    font-size:12px;
}
.art-Footer .art-Footer-text a:link{
    text-decoration:none;
    color:#131D20;
    text-decoration:underline;
}
.art-Footer .art-Footer-text a:visited{
    text-decoration:none;
    color:#253941;
    text-decoration:underline;
}
.art-Footer .art-Footer-text a:hover{
    text-decoration:none;
    color:#0E2025;
    text-decoration:none;
}
.art-page-footer,.art-page-footer a,.art-page-footer a:link,.art-page-footer a:visited,.art-page-footer a:hover{
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    letter-spacing:normal;
    word-spacing:normal;
    font-style:normal;
    font-weight:normal;
    text-decoration:underline;
    color:#6AB2C8;
}
.art-page-footer{
    margin:1em;
    text-align:center;
    text-decoration:none;
    color:#445764;
}
.edit_hover_class{
    width:66px;
    height:22px;
}
.edit_hover_class a{
    opacity:0.2;
}
.edit_hover_class:hover a{
    opacity:1.0;
}
.iframe_art{
    border-style:double;
    padding:8px;
    width:340px;
    background-color:#DCDCED;
}
.iframe_plain{
    border:1px solid #4C3C1B;
    padding:5px;
    width:340px;
    background-color:#EFEECB;
    background-color:#7c6240;
}
.iframe_ridge{
    border-top-width:4px;
    border-bottom-width:4px;
    border-top-style:double;
    border-bottom-style:double;
    border-color:#E1A60A;
    padding:8px 0;
    width:340px;
}
.iframe_xsnazzy h1{
    margin:0;
    font-size:1.0em;
    padding:0 5px 5px 5px;
    border-bottom:2px solid #444;
}
.iframe_xsnazzy p{
    margin:0;
    padding:5px 10px;
    font-size:10px;
}
.iframe_xsnazzy{
    background:transparent;
    width:342px;
    float:left;
    margin:0 3px;
}
.xtop,.xbottom{
    display:block;
    background:transparent;
    font-size:1px;
}
.xb1,.xb2,.xb3,.xb4{
    display:block;
    overflow:hidden;
}
.xb1,.xb2,.xb3{
    height:1px;
}
.xb2,.xb3,.xb4{
    background:#7c6240;
    border-left:1px solid #444;
    border-right:1px solid #444;
}
.xb1{
    margin:0 5px;
    background:#444;
}
.xb2{
    margin:0 3px;
    border-width:0 2px;
}
.xb3{
    margin:0 2px;
}
.xb4{
    height:2px;
    margin:0 1px;
}
.xboxcontent{
    display:block;
    border:0 solid #444;
    border-width:0 1px;
    height:auto;
}
* html .xboxcontent{
    height:1px;
}
.color_a{
    background:#7c6240;
    color:white;
}
.art-contentLayout .art-content{
    position:relative;
    margin:0;
    padding:0;
    border:0;
    float:left;
    overflow:hidden;
    width:535px;
}
.art-contentLayout .art-content-sidebar1{
    position:relative;
    margin:0;
    padding:0;
    border:0;
    float:left;
    overflow:hidden;
    width:712px;
}
.art-contentLayout .art-content-sidebar2{
    position:relative;
    margin:0;
    padding:0;
    border:0;
    float:left;
    overflow:hidden;
    width:712px;
}
.art-contentLayout .art-content-wide{
    position:relative;
    margin:0;
    padding:0;
    border:0;
    float:left;
    overflow:hidden;
    width:889px;
}
.art-contentLayout .art-sidebar1{
    position:relative;
    margin:0;
    padding:0;
    border:0;
    float:left;
    overflow:hidden;
    width:177px;
}
.art-contentLayout .art-sidebar2{
    position:relative;
    margin:0;
    padding:0;
    border:0;
    float:left;
    overflow:hidden;
    width:177px;
}
.shadow_block,.content_block{
    position:relative;
    bottom:2px;
    right:2px;
}
.content_block{
    background-color:white;
    color:black;
    border:1px solid black;
    padding:0.5em 2ex;
}
.blur_block{
    background:transparent url('../Pictures/shadow1.png');
    color:inherit;
    margin-left:4px;
    margin-top:4px;
}
.shadow_block{
    background:transparent url('../Pictures/shadow2.png');
    color:inherit;
}
#preamble_books{
    BORDER-RIGHT:#8c9777 3px solid;
    BORDER-TOP:#8c9777 3px solid;
    BORDER-LEFT:#8c9777 3px solid;
    BORDER-BOTTOM:#8c9777 3px solid;
    Border-radius:15px;
    PADDING-RIGHT:20px;
    PADDING-BOTTOM:10px;
    PADDING-LEFT:20px;
    PADDING-TOP:0;
    background-color:Transparent;
    margin:20px 20px 40px 300px;
}
#preamble_books h3x{
    background:url('../Pictures/leaves.gif') no-repeat left top;
    height:32px;
    margin-bottom:15px;
    border-bottom:#7d8965 1px solid;
    padding-left:60px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:left;
    font-family:Arial,"Times New Roman",Times,serif;
}
#preamble_books h3x SPAN{
    DISPLAY:none;
}
.big_image{
    width:800px;
    height:450px;
    margin:0;
    padding:0;
    background-color:white;
    overflow:hidden;
}
.art-menu a .t1{
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    color:#C5D0D8;
    padding:0 3px;
    margin:0 0;
    line-height:30px;
    text-align:center;
}
#books_logo_align{
    position:absolute;
    top:-40px;
    height:87px;
    width:128px;
    background-image:url('../Pictures/books2.png');
    left:-1px;
    margin-left:4px;
}
#quill_logo_align{
    background-image:url('../Pictures/QuillScroll.png');
    height:148px;
    left:0;
    margin-left:26px;
    position:absolute;
    top:-107px;
    width:114px;
}
#compass_logo_align{
    position:absolute;
    top:-100px;
    height:172px;
    width:175px;
    background-image:url('../Pictures/compass2.png');
}
#telescope_logo_align{
    position:absolute;
    top:-108px;
    height:145px;
    width:157px;
    background-image:url('../Pictures/Telescope.png');
    left:18px;
}
#pirate_ship_align{
    position:relative;
    top:-40px;
    left:-10px;
    height:236px;
    width:150px;
    background-image:url('../Pictures/ship1.png');
}
#harold_sword_align{
    position:relative;
    top:-15px;
    left:24px;
    height:200px;
    width:48px;
    background-image:url('../Pictures/sword_image_s.gif');
}
#ship_logo_align{
    position:absolute;
    top:-80px;
    left:0;
    height:150px;
    width:150px;
    background-image:url('../Pictures/ship4.png');
}
#ship_logo_align_2012{
    position:absolute;
    top:-76px;
    left:2px;
    height:150px;
    width:150px;
    background-image:url('../Pictures/ship2.png');
}
#ship_logo_align_2013{
    position:absolute;
    top:-80px;
    left:0;
    height:150px;
    width:150px;
    background-image:url('../Pictures/ship7.png');
}
#crown_logo_align{
    position:absolute;
    top:-63px;
    left:0;
    height:126px;
    width:200px;
    background-repeat:no-repeat;
    background-image:url('../Pictures/crown_gold.png');
}
#leaves_separator_align{
    padding-top:20px;
    padding-bottom:20px;
    height:10px;
    width:200px;
    background-image:url('../Pictures/leaves.png');
}
#callout_align{
    height:430px;
    width:260px;
    float:left;
    clear:left;
    border:none;
    margin-top:20px;
    margin-left:20px;
    margin-bottom:20px;
    margin-right:20px;
}
#cover_align{
    height:400px;
    width:260px;
    background-image:url('../Pictures/Book_Callout.gif');
}
#cover_margins{
    position:absolute;
    margin-top:30px;
    margin-left:23px;
    height:322px;
    width:210px;
    border-style:outset;
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.art-menu li:hover ul ul,.art-menu li:hover ul ul ul{
    visibility:hidden;
}
.art-menu li:hover ul,.art-menu li li:hover ul,.art-menu li li li:hover ul{
    visibility:visible;
}
.art-menu li ul{
    position:absolute;
    width:10em;
    visibility:hidden;
}
.art-menu a,.art-menu a:link,.art-menu a:visited,.art-menu a:hover{
    text-align:left;
    text-decoration:none;
    outline:none;
    letter-spacing:normal;
    word-spacing:normal;
    display:block;
}
.art-menu li li:hover>ul{
    top:0;
    left:100%;
}
.art-menu li>ul{
    display:none;
}
.art-menu li:hover>ul{
    display:block;
    visibility:visible;
    top:100%;
}
.art-menu li ul ul{
    margin:-30px 0 0 44px;
}
td a.fullcell{
    display:block;
    margin-left:4px;
    padding:10px;
    width:auto;
    color:#7c6240;
    text-decoration:none;
}
td a.fullcell:hover{
    text-decoration:none;
    background:#eda;
}
td a.thincell{
    display:block;
    margin-left:0;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:2px;
    padding-right:2px;
    color:#7c6240;
    text-decoration:none;
}
td a.thincell:hover{
    text-decoration:none;
    background:#eda;
}
td a.menucell{
    display:block;
    margin-left:0;
    padding-bottom:0;
    padding-top:0;
    padding-left:4px;
    padding-right:24px;
    color:black;
    font-family:Arial,Helvetica,sans-serif;
    font-size:smaller;
    text-decoration:none;
}
td a.menucell:hover{
    text-decoration:none;
    background:#006;
    color:white;
}
.colc{
    color:#009;
    cursor:auto;
    padding-right:0;
}
hr{
    background:url('../Pictures/hr-helen.png') no-repeat top right;
    height:32px;
    border:0;
}
hr.swash{
    background:url('../Pictures/hr-helen-swash.png') no-repeat top right;
    height:32px;
    border:0;
}
.mininav{
    border-top:#eda 1px solid;
    border-bottom:#eda 1px solid;
    padding-right:0em;
    padding-left:0em;
    color:#7c6240;
    background:transparent;
    line-height:0;
    font-size:smaller;
}
.secondus{
    background:white;
    background-color:#F4F4F4;
}
.cover_image{
    float:right;
    width:140px;
    height:160px;
}
.cover_image img{
    background:none repeat scroll 0 0 white;
    border:1px solid #CCC;
    padding:4px;
}
.photo img{
    background:none repeat scroll 0 0 gray;
    border:1px solid #CCC;
    padding:4px;
}
.book_title_number{
    color:white;
    font-size:smaller;
}
.book_title{
    color:black;
    font-weight:bold;
}
.superscript{
    font-size:xx-small;
    font-style:italic;
    color:#7c6240;
    vertical-align:super;
}
.footnote{
    margin-top:-8px;
    color:#7C6240;
    font-size:smaller;
    font-style:italic;
    padding-left:18px;
    text-indent:-23px;
}
.early{
    padding-left:23px;
    text-indent:-18px;
}
.lastupdated{
    background-color:white;
    border-color:whitesmoke;
    border-style:outset;
    border-width:thin;
    color:#333;
    font-size:10px;
    font-weight:bold;
    margin-left:20px;
    opacity:0.2;
    padding:2px;
    position:absolute;
    top:6px;
    left:16px;
    width:150px;
    height:16px;
    line-height:16px;
    text-align:center;
}
.lastupdated:after{
    background-color:#B2CDE0;
    content:"Updated:";
    overflow:hidden;
    padding-left:4px;
    padding-top:2px;
    position:absolute;
    text-align:left;
    top:0;
    left:0;
    width:50px;
    height:18px;
}
.lastupdated:hover{
    opacity:1.0;
}
.button_shadow{
    width:35px;
    height:22px;
    border-radius:4px;
    box-shadow:2px 2px 5px black;
    float:left;
    margin-right:5px;
}
.button_shadow:hover{
    position:relative;
    top:2px;
    left:2px;
    box-shadow:none;
}
.button_shadow img,.amazon_shadow img{
    border:none;
}
.bs_left{
    background-image:url('../Pictures/Arrow_left.png');
}
.bs_right{
    background-image:url('../Pictures/Arrow_right.png');
}
.bs_up{
    background-image:url('../Pictures/Arrow_up.png');
}
.amazon_shadow{
    background:#2f2f2f;
    width:35px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow:1px 1px 6px black;
    -moz-box-shadow:1px 1px 6px black;
    -webkit-box-shadow:1px 1px 6px black;
}
.amazon_shadow:hover{
    position:relative;
    top:2px;
    left:2px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
table.sortable th{
    color:#7c6240;
    background-color:#eda;
    font-weight:bold;
    padding:0 0 0 1px;
    text-align:left;
    border:1px solid #D8D8D8;
    height:20px;
    vertical-align:bottom;
    font-size:1.0em;
    cursor:pointer;
}
table.sortable td{
    border-bottom:1px solid #D8D8D8;
    text-align:left;
    margin:0;
}
.art-nav .l,.art-nav .r{
    position:absolute;
    z-index:-1;
    top:0;
    height:30px;
    background-image:url('../Pictures/nav_2015.png');
}
.art-menu a .r,.art-menu a .l{
    position:absolute;
    display:block;
    top:0;
    z-index:-1;
    height:90px;
    background-image:url('../Pictures/MenuItem_2015.png');
}
.art-menu a .t{
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    color:#f6cf96;
    padding:0 17px;
    margin:0 0;
    line-height:30px;
    text-align:center;
}
.art-menu a:hover .t{
    color:#291204;
}
.art-menu li:hover a .t{
    color:#291204;
}
.art-menu li:hover>a .t{
    color:#291204;
}
.art-menu a.active .t{
    color:#291204;
}
.art-nav .art-menu-separator{
    display:block;
    width:1px;
    height:30px;
    background-image:url('../Pictures/MenuSeparator_2015.png');
}
.art-menu ul a{
    display:block;
    text-align:center;
    white-space:nowrap;
    height:32px;
    width:14em;
    overflow:hidden;
    line-height:32px;
    margin-right:auto;
    background-image:url('../Pictures/subitem_2015-bg.png');
    background-position:left top;
    background-repeat:repeat-x;
    border-width:1px;
    border-style:solid;
    border-color:#f6cf96;
}
.art-menu ul a,.art-menu ul a:link,.art-menu ul a:visited,.art-menu ul a:hover,.art-menu ul a:active,.art-nav ul.art-menu ul span,.art-nav ul.art-menu ul span span{
    text-align:left;
    text-indent:12px;
    text-decoration:none;
    line-height:32px;
    color:#f6cf96;
    font-size:13px;
    font-style:normal;
    font-weight:normal;
}
.art-menu ul li a:hover{
    color:black;
    border-color:#291204;
    background-position:0 -32px;
}
.art-menu ul li:hover>a{
    color:black;
    border-color:#291204;
    background-position:0 -32px;
}
.art-nav .art-menu ul li a:hover span,.art-nav .art-menu ul li a:hover span span{
    color:black;
}
.art-nav .art-menu ul li:hover>a span,.art-nav .art-menu ul li:hover>a span span{
    color:black;
}
#yt_container{
    overflow:hidden;
}
#yt_mask,#yt_controls{
    position:absolute;
    width:100%;
    height:100%;
    top:2px;
    left:0;
    font-size:14px;
    font-weight:bold;
    color:#7c6240;
}
#yt_mask:before{
    content:url('../Pictures/audio_icon.png');
    position:absolute;
    top:5px;
    left:20px;
}
#yt_mask:after{
    content:"Point here for audio controls";
    position:absolute;
    top:5px;
    left:50px;
}
#yt_frame{
    float:left;
}
#yt_mask{
    background-image:url('../Pictures/Parchmnt.jpg');
    width:300px;
    height:24px;
}
#yt_outer{
    position:relative;
    width:296px;
    height:22px;
    top:2px;
    overflow:hidden;
}
#yt_inner{
    position:absolute;
    top:-470px;
    left:-6px;
}
.yt_overlay{
    position:absolute;
    width:100%;
    height:100%;
    display:none;
}
ul.yt_embed{
    list-style:none;
    width:100%;
    margin:0;
    padding:0;
}
ul.yt_embed li{
    position:relative;
    display:inline-block;
    width:312px;
    height:20px;
    top:-4px;
    left:20px;
    margin:0;
    padding:0;
}
li:hover .yt_overlay{
    display:block;
}
.YouTube{
    position:relative;
    top:1em;
    left:0em;
    width:54px;
    height:27px;
    background-image:url('../Pictures/YouTube.gif');
    background-repeat:no-repeat;
    background-size:cover;
    float:right;
}
ul.tabs{
    padding:6px 0;
    font-size:0;
    margin:0;
    list-style-type:none;
    text-align:right;
}
ul.tabs li{
    display:inline;
    margin:0;
    margin-right:6px;
}
ul.tabs li a{
    font:normal 14px Arial;
    text-decoration:none;
    position:relative;
    padding:6px 14px;
    border:1px solid #B7B7B7;
    color:black;
    background:white;
    border-radius:3px 3px 0 0;
    outline:none;
}
ul.tabs li a:visited{
    color:black;
}
ul.tabs li a:hover{
    background:#eda;
}
ul.tabs li.selected a,ul.tabs li.selected a:hover{
    position:relative;
    top:0;
    background:#eda;
    border-bottom-color:#eda;
}
ul.tabs li.selected a:hover{
    text-decoration:none;
    background:#eda;
}
div.tabcontents{
    border-top:1px solid #B7B7B7;
    padding-top:30px;
}
.subtitle{
    Border-Right:#Eda 0 Solid;
    Border-Left:#Eda 0 Solid;
    Border-Top:#Eda 2px Solid;
    Border-Bottom:#Eda 2px Solid;
    Padding-Right:2em;
    Padding-Left:0em;
    Padding-Bottom:0.5em;
    Padding-Top:0.5em;
    Font-Family:Arial,Helvetica,Serif;
    Font-Weight:Bold;
    Text-Align:Left;
    Background:Transparent;
    margin:0 0 20px 0;
    Width:Auto;
    Line-Height:1;
    List-Style-Type:None;
    Overflow:Hidden;
    color:Black;
}
.saxon{
    Height:380px;
    Background-image:url('../Pictures/sword_image_s.gif');
    Background-repeat:no-repeat;
    Background-position:bottom left;
    Background-position:0 260px;
    Background-position:12px 220px;
}
.seawitch{
    Height:380px;
    Background-image:url('../Pictures/ship-2011-rev.gif');
    Background-repeat:no-repeat;
    Background-position:bottom left;
}
.banner{
    Height:380px;
    Background-image:url('../Pictures/Dragon_Small_2013_s.png');
    Background-repeat:no-repeat;
    Background-position:bottom left;
}
.flags{
    position:absolute;
    width:128px;
    height:24px;
    top:200px;
    text-align:center;
}
.flag_main{
    position:relative;
    left:122px;
    bottom:30px;
}
.flag_item{
    height:11px;
    width:16px;
    margin-right:2px;
    border:0;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
}
.AU{
    background-image:url('../Pictures/Flag_AU.gif');
}
.CA{
    background-image:url('../Pictures/Flag_CA.gif');
}
.IT{
    background-image:url('../Pictures/Flag_IT.gif');
}
.TR{
    background-image:url('../Pictures/Flag_TR.gif');
}
.UK{
    background-image:url('../Pictures/Flag_UK.gif');
}
.US{
    background-image:url('../Pictures/Flag_US.gif');
}
.small_cover{
    position:absolute;
    top:220px;
    left:700px;
}
.small_cover img{
    height:188px;
    width:120px;
}
.cover_ebook{
    position:absolute;
    left:650px;
    top:260px;
    height:176px;
    width:198px;
    background-size:cover;
}
a.fill-div{
    display:block;
    height:100%;
    width:100%;
    text-decoration:none;
}
a.fill-toc-y{
    display:inline-block;
    text-decoration:none;
    width:30px;
    height:16px;
}
a.fill-toc-m{
    display:inline-block;
    text-decoration:none;
    width:24px;
    height:16px;
}
a.fill-toc-d{
    display:inline-block;
    text-decoration:none;
    width:8px;
    height:16px;
}
a.fill-div,a.fill-toc-d,a.fill-toc-m,a.fill-toc-y,#p-m-select,#p-y-select,span.select_null{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.validator{
    height:24px;
    width:66px;
}
a.blind-link,a.blind-link:hover{
    text-decoration:none;
}
.h2u_subtitle{
    position:absolute;
    color:#42210D;
    font-family:Dominica,MatrixBold,Helvetica,Verdana,Arial,sans-serif;
    font-size:37px;
    height:50px;
    left:140px;
    text-shadow:0.04em 0.04em 0.07em grey;
    top:94px;
    vertical-align:middle;
    width:600px;
}
#makeitmove{
    position:absolute;
    height:84px;
    width:98px;
    top:16px;
    left:220px;
    z-index:29999;
    cursor:move;
}
#command,#bar{
    background-color:transparent;
}
#command{
    position:absolute;
    width:99px;
    height:92px;
    background-image:url('../Pictures/Open-Book.png');
    overflow:hidden;
    z-index:30000;
}
#command #reset{
    position:absolute;
    width:37px;
    height:54px;
    left:1px;
    top:1px;
    cursor:pointer;
}
#movemask{
    position:absolute;
    top:4px;
    left:7px;
    width:80px;
    height:58px;
    cursor:default;
}
#bar{
    position:absolute;
    cursor:default;
    height:40px;
    width:26px;
    top:13px;
    left:53px;
}
#bar .button{
    position:absolute;
    height:5px;
    width:5px;
    background:none repeat scroll 0 0 #222;
    cursor:pointer;
}
#bar .loaded{
    background:none repeat scroll 0 0 #666;
}
#bar .viewed{
    background:none repeat scroll 0 0 #7AA33F;
}
#bar .selected{
    background:none repeat scroll 0 0 red;
}
#urlInfo{
    position:absolute;
    background:url('../Pictures/r.gif') no-repeat scroll 0 4px transparent;
    cursor:pointer;
    padding-left:12px;
    visibility:hidden;
    z-index:30000;
}
.h2u_header_bar{
    height:20px;
    margin-bottom:5px;
    border-bottom:double;
    font-size:smaller;
    font-weight:bold;
    background-image:url('../Pictures/Banner-H2U-Zone.jpg');
    background-position:bottom left;
    color:white;
    text-shadow:black 0.05em 0.07em 0.05em;
}
.subtitle{
    Border-Right:#Eda 0 Solid;
    Border-Left:#Eda 0 Solid;
    Border-Top:#Eda 2px Solid;
    Border-Bottom:#Eda 2px Solid;
    Padding-Right:2em;
    Padding-Left:0em;
    Padding-Bottom:0.5em;
    Padding-Top:0.5em;
    Font-Family:Arial,Helvetica,Serif;
    Font-Weight:Bold;
    Text-Align:Left;
    Background:Transparent;
    margin:0 0 20px 0;
    Width:Auto;
    Line-Height:1;
    List-Style-Type:None;
    Overflow:Hidden;
    color:Black;
}
.bookrack{
    width:100%;
    height:200px;
    padding-top:30px;
}
.book{
    display:inline-block;
    box-shadow:5px 5px 20px #333;
    margin:10px;
}
.book img{
    vertical-align:middle;
    width:100px;
    height:165px;
}
.isolate img{
    vertical-align:middle;
    width:140px;
    height:165px;
}
.csstransforms3d .books{
    -moz-perspective:100px;
    -moz-transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
}
.csstransforms3d .book{
    position:relative;
    -moz-perspective:100px;
    -moz-transform:rotateY(-3deg);
    -webkit-transform:perspective(100) rotateY(-3deg);
    outline:1px solid transparent;
    box-shadow:none;
    margin:0;
}
.csstransforms3d .book img{
    position:relative;
    max-width:100%;
}
.csstransforms3d .book:before,.csstransforms3d .book:after{
    position:absolute;
    top:2%;
    height:96%;
    content:' ';
    z-index:-1;
}
.csstransforms3d .book:before{
    width:100%;
    left:7.5%;
    background-color:#5a2d18;
    box-shadow:5px 5px 20px #333;
}
.csstransforms3d .book:after{
    width:5%;
    left:100%;
    background-color:#EFEFEF;
    box-shadow:inset 0 0 5px #aaa;
    -moz-transform:rotateY(20deg);
    -webkit-transform:perspective(100) rotateY(20deg);
}
.separator{
    float:none;
    width:100%;
    height:50px;
}
.strongwhite{
    padding-bottom:50px;
    position:relative;
    left:30px;
    width:80%;
    border:1px solid #008080;
    padding:10px 50px;
    background:white;
    -moz-box-shadow:10px 10px 5px #888;
    -webkit-box-shadow:10px 10px 5px #888;
    box-shadow:10px 10px 5px #888;
}
.strongblue{
    padding-bottom:50px;
    position:relative;
    left:30px;
    width:80%;
    border:1px solid #008080;
    padding:20px 30px 20px 30px;
    background:#dbe5f1;
    -moz-box-shadow:10px 10px 5px #888;
    -webkit-box-shadow:10px 10px 5px #888;
    box-shadow:10px 10px 5px #888;
}
.notepad{
    font-family:'Handlee',cursive;
    padding:10px 40px;
    margin:30px auto;
    box-shadow:0 0 5px rgba(0,0,0,0.2),inset 0 0 50px rgba(0,0,0,0.1);
    background:#fcf59b;
    background:-webkit-gradient(linear,left top,left bottom,from(#81cbbc),color-stop(2%,#fcf59b));
    background:-moz-repeating-linear-gradient(0deg,#fcf59b,#fcf59b 38px,#81cbbc 40px);
    background:repeating-linear-gradient(0deg,#fcf59b,#fcf59b 38px,#81cbbc 40px);
    -webkit-background-size:100% 40px;
    -moz-box-shadow:10px 10px 5px #888;
    -webkit-box-shadow:10px 10px 5px #888;
    box-shadow:10px 10px 5px #888;
}
div.para{
    font-weight:bold;
    font-style:italic;
    padding-bottom:10px;
}
div.para:before{
    content:url('../Pictures/leaves_s.gif');
    content:"~ ";
    margin-right:5px;
}
div.para:after{
    content:url('../Pictures/leaves_s.gif');
    content:" ~";
}
div.heda{
    font-weight:bold;
    font-style:italic;
    padding-bottom:20px;
    text-align:justify;
}
div.heda:before{
    content:url('../Pictures/QuillScroll.png');
    margin-right:-20px;
    position:relative;
    top:14px;
}
div.heda:after{
    content:'';
    display:inline-block;
    width:100%;
    height:0;
    font-size:0;
    line-height:0;
}
div.heda span{
    display:inline-block;
    vertical-align:baseline;
}
.vignette{
    -webkit-box-shadow:inset 0 0 50px black,inset 0 0 50px black,inset 0 0 50px black;
    -moz-box-shadow:inset 0 0 50px black,inset 0 0 50px black,inset 0 0 50px black;
    box-shadow:inset 0 0 50px black,inset 0 0 50px black,inset 0 0 50px black;
    width:700px;
    height:190px;
    background-position:center;
    background-repeat:no-repeat;
    display:table-cell;
    vertical-align:bottom;
    font-style:italic;
    Border-radius:15px;
}
.vignette_base{
    position:absolute;
    margin:auto;
    top:-1px;
    left:-1px;
    width:652px;
    height:502px;
    -webkit-box-shadow:inset 0 0 50px #848065,inset 0 0 50px #848065,inset 0 0 30px #848065;
    -moz-box-shadow:inset 0 0 50px #848065,inset 0 0 50px #848065,inset 0 0 30px #848065;
    box-shadow:inset 0 0 50px #848065,inset 0 0 50px #848065,inset 0 0 30px #848065;
    border-radius:15px;
}
.pause{
    position:absolute;
    box-sizing:border-box;
    width:6px;
    height:8px;
    top:0;
    left:4px;
}
.stop{
    position:absolute;
    box-sizing:border-box;
    width:0;
    height:0;
    top:0;
    left:3px;
}
.iconbutton{
    position:relative;
    top:2px;
    left:-2px;
    width:16px;
    height:16px;
    border-radius:4px;
    float:right;
    font-size:smaller;
    text-indent:-1px;
}
.iconbutton:hover{
    text-shadow:none;
    top:3px;
    left:-1px;
    cursor:pointer;
}
#pause-button{
    display:none;
}
#sliderObj{
    position:absolute;
    top:0;
    left:0;
    width:80px;
    height:21px;
    background-image:url('../Pictures/Arrow_base_M.png');
    background-repeat:repeat-x;
}
#sliderLeft{
    position:relative;
    float:right;
    width:20px;
    height:21px;
    background-image:url('../Pictures/Arrow_base_L.png');
    cursor:default;
}
#sliderRight{
    position:relative;
    float:right;
    width:20px;
    height:21px;
    background-image:url('../Pictures/Arrow_base_R.png');
    cursor:default;
}
.slider{
    position:absolute;
    top:-32px;
    left:650px;
    width:120px;
    color:#e6e4bd;
    text-shadow:black 0.05em 0.07em 0.05em;
    margin-top:0;
    border-radius:4px;
    box-shadow:2px 2px 6px black;
}
.dhtmlxslider_dhx_skyblue{
    z-index:0;
}
.dhtmlxslider_dhx_skyblue .dhxsl_hidden{
    display:none;
}
.dhtmlxslider_dhx_skyblue .dhxsl_container{
    position:relative;
    float:left;
    clear:left;
    margin:0;
    padding:1px;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.dhtmlxslider_dhx_skyblue .dhxsl_container.dhxsl_cont_hr{
    margin-top:8px;
}
.dhtmlxslider_dhx_skyblue .dhxsl_runner{
    position:absolute;
    width:4px;
    height:11px;
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid #7A9C98;
    background-color:#e6e4bd;
    border-radius:2px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-touch-action:none;
    z-index:1;
    cursor:pointer;
}
.dhtmlxslider_dhx_skyblue .dhxsl_runner.dhxsl_runner_actv{
    background-color:#e2efff;
    background:linear-gradient(#e2efff,#d3e7ff);
    background:-webkit-linear-gradient(#e2efff,#d3e7ff);
    z-index:2;
}
.dhtmlxslider_dhx_skyblue .dhxsl_track{
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid #7A9C98;
    position:relative;
    border-radius:2px;
    background-color:#e6e4bd;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-touch-action:none;
}
.dhtmlxslider_dhx_skyblue .dhxsl_cont_hr .dhxsl_track{
    width:100%;
    height:1px;
}
.dhtmlxslider_dhx_skyblue .dhxsl_cont_hr .dhxsl_track div.dhxsl_track_bg{
    top:0;
    height:100%;
}
.buttonbar{
    display:inline-block;
}
.noselect,
.deny_select{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select: none;	
}
sect{
    display:inline-block;
    vertical-align:baseline;
}
.buttons li{
    float:left;
    list-style:none;
    text-align:center;
    background-color:transparent;
    margin-right:5px;
    width:auto;
    line-height:16px;
    font-style:normal;
    font-weight:normal;
}
.buttons li a{
    margin-bottom:-6px;
    text-decoration:none;
    display:block;
    color:#7c6240;
    padding:0 5px 0 5px;
}
.buttons li a:hover{
    text-decoration:none;
    background-color:#eda;
}
.buttonbar{
    display:inline-block;
}
.selected{
    background-color:#eda;
}
.inner{
    width:50%;
    margin:0 auto;
}
.btn{
    width:100px;
    height:25px;
    background:red;
    color:white;
    text-align:center;
    line-height:25px;
}
div.here{
    margin:10px auto;
    width:120px;
    border:1px solid #333;
    border:none;
    position:relative;
}
div.here:after{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:50%;
    border-left:2px dashed #7c6240;
}
ul#glist{
    list-style:none;
    width:10px;
    background-color:transparent;
    display:table-row;
}
ul#glist>li{
    font-family:Arial,Helvetica,sans-serif;
    font-size:small;
    width:30px;
    height:20px;
    border-bottom:2px solid #7c6240;
    margin-bottom:1000px;
    margin-left:64px;
    padding:0 4px 3px 0;
    color:#7c6240;
    text-align:right;
    line-height:24px;
    background-color:transparent;
}
#yt_separator{
    margin-top:200px;
    margin-bottom:200px;
}
.widthfill{
    width:100%;
    color:#7c6240;
}
#yt_contextualise{
    height:450px;
    width:900px;
    background-image:url('../Pictures/yt_landscape_min.jpg');
    background-image:url('../Pictures/yt_landscape.jpg');
    vertical-align:middle;
    margin-left:50%;
    margin-right:50%;
}
#yt_label{
    position			: relative;
    text-align			: center;
    top					: -30px;
    color				: #e6e4bd;
}
#yt_label::after {
content					: "\266b \00a0 YouTube embed \266b"  
}

#lumina_label {
  position				: relative; 
  top					: -32px; 
  height				: 20px; 
  color					: #e6e4bd;
}

#lumina_label::after {
content					: "\266b \00a0 Lumina audio embed \266b"  
}

.toc_360{
    width:40px;
}
.H2U_Feature,.Slide_Frame{
    width:650px;
    height:500px;
}
.H2U_Feature{
    position:relative;
    top:15px;
    margin:0 auto;
    border:2px solid #404040;
    border-radius:16px;
    overflow:hidden;
    background-color:white;
}
.H2U_Feature .Slide_Frame{
    position:absolute;
}
#backplane{
    position:relative;
    top:0px;
    left:16px;
    height:356px;
    width:838px;
    -webkit-box-shadow:inset 0 0 50px #848065, inset 0 0 30px #848065;
    -moz-box-shadow:inset 0 0 50px #848065 ,inset 0 0 30px #848065;
    box-shadow:inset 0 0 50px #848065, inset 0 0 30px #848065;
    border-radius:15px;
}
#sightline{
    position:relative;
    margin:10px 10px 10px 10px;
    top: 10px;
    width:818px;
    height:336px;
    border-radius:10px;
    background-color:black;
    overflow:hidden;
}
#far_icon_base{
    position:absolute;
    width:40px;
    height:24px;
    top:20px;
    left:30px;
    border:#8c9777 1px solid;
    border-radius:4px;
    background-color:white;
    z-index:4;
}
#far_icon{
    position:absolute;
    width:23px;
    height:18px;
    top:3px;
    left:8px;
    background:url('../Pictures/IconSet.png') -132px -6px;
}
#H2U_updates{
    position:absolute;
    width:380px;
    height:36px;
    top:94px;
    left:54px;
    line-height:36px;
    text-align:center;
    border:#8c9777 1px solid;
    border-radius:8px;
    background-color:white;
    z-index:4;
}
#H2U_Subscriber{
    position:absolute;
    top:190px;
    left:90px;
    height:70px;
    width:700px;
    margin:0 auto;
    padding:16px 0 8px 0;
    text-align:center;
    border:#8c9777 3px inset;
    border-style:solid;
    border-radius:15px;
    background-color:white;
    z-index:4;
}
#pirates{
    padding :40px 10px 0 10px;
}
#pirates div[id^="view"]{
    display :none;
}
#pirates .tabcontents{
    padding-left :50px;
    padding-right :50px;
}
#pirates #galleon{
    position :absolute;
    top :200px;
    left :5px;
    width :64px;
    height :100px;
    background-image :url('../Pictures/ship-2011-rev.gif');
    background-size :64px 100px;
}
#pirates #elevator{
    margin-top :-20px;
}
#pirates .tr-caption-container{
    padding :2px;
    background :rgba(0, 0, 0, 0);
    background-color :white;
    border :1px solid #3a6e08;
    box-shadow :1px 1px 5px rgba(0, 0, 0, .1);
    padding :5px;
    color :#000000;
}
#pirates .tr-caption-container img{
    padding :0;
    background :transparent;
    border :none;
    box-shadow :0 0 0 rgba(0, 0, 0, .1);
}
#pirates ul.tabs{
    text-align :left;
}
#pirates ul.tabs li a{
    padding :6px 10px;
}
#pirates .outdent{
    margin-left :-40px;
}
#pirates .header_position{
    position :relative;
    left :-60px;
    top :-0px;
    height :100px;
}
#pirates .subtitle_position{
    position :relative;
    top :40px;
    left :60px;
}
#pirates .text_left{
    text-align :left;
    display :inline-block;
    float :left;
    width :220px;
}
#pirates .text_right{
    text-align :left;
    display :inline-block;
    float :left;
    width :450px;
}
#pirates .blog_image{
    margin :0 auto;
    font-size :small;
    text-align :center;
}
ul.tabs{
    text-align :left;
}
ul.tabs li a{
    padding :6px 10px;
}
.OutOfPrint {
    position : absolute;
    top : 260px;
    left : 440px;
    width : 25%;
    background-color : #FF9900;
    border : 1px solid;
    box-shadow : 4px 4px 4px rgba(0, 0, 0, 0.6);
    padding : 4px 6px 6px 6px;
    text-align : center;
    z-index : 2000;
}
.OutOfPrint::before {
    font-weight 	: bold;
    content : "~ Temporarily out of print ~\a";
}
.OutOfPrint::after {
    font-weight 	: normal;
    content : "The series is being republished by Penmore Press, and will be available again soon";
}
.H2U_MainTitle {
    position 		: absolute;
    top 			: 0;
    left 			: 40px;
    width 			: 720px;
    height 			: 80px;
}
.H2U_SubTitle {
    position 		: absolute;
    top 			: 98px;
    left 			: 130px;
    width 			: 600px;
    height 			: 80px;
	font-family		: Georgia, Arial, Helvetica, Serif; 
	font-weight		: bold; 
	font-size		: 30px; 
	text-shadow		: 1px 1px 3px #404040;	
	text-align		: left;
	color			: #42210D; 
	user-select		: none;	
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
.story {
	margin				: 0;
	text-align			: justify;
	font-family			: Calibri, Arial, Helvetica, sans-serif;
	font-size			: large;
	line-height			: 1.3;
	}

.story > p {
	text-indent			: 0.75em;
	margin-top			: 0.25em;
	margin-bottom		: 0.5em;
	padding-bottom		: 0;
	}

.story > p.section {
	margin-top			: 2.5em;
	text-indent			: 0 
	}

.story > p.noindent {
	text-indent			: 0 
	}
.story > .illustrate {
	width				: 90%;
	max-width			: 354px;
	margin				: 50px auto 60px auto;
	background-color	: white;
	border				: 1px solid #3a6e08;
	box-shadow			: 4px 4px 4px rgba(0, 0, 0, 0.5);
	padding				: 5px;
	}
	
.story > .illustrate > img {
	object-fit			: cover;
	width				: 100%;
	max-height			: 100%;
	}
	
.story > .illustrate > span {
	display				: inline-block;
	width				: 100%;
	margin				: 6px 0;
	text-align			: center;
	font-size			: small;	
	}

/* For Avalon Graphics showcase */	
	#screen {
	position			: relative;
	background			: none repeat scroll 0 0 #000000;
	border				: medium inset;
	width				: 710px;
	height				: 620px;
	margin				: 15px 15px 0;
	overflow			: hidden;
}

#screen img, 
#screen canvas {
	position			: absolute;
	cursor				: pointer;
	left				: -9999px;
}

#screen .href {
	border				: 1px dotted #FFFFFF;
}
#screen .fog {
	position			: absolute;
	background			: none repeat scroll 0 0 #FFFFFF;
	opacity				: 0.1;
}
/* Javascript advisory */

@keyframes animate{
     0%{ opacity: 0;  }
    50%{ opacity: 0.7;}
   100%{ opacity: 0;  }
 }
#js_needed {
	position			: absolute;
	top					: 200px;
	left				: 600px;
	width				: 456px;
	height				: 25px;
	z-index				: 9999;
	background-color	: #CCCCCC;
	box-shadow			: 5px 5px 5px #222;
}
#js_icon {
	background			: url('../Pictures/js_sm.png') 2px center no-repeat;
	width				: 60px;
	height				: 25px;
}
#js_message {
	position			: absolute;
	bottom				: 3px;
	left				: 50px; 
	width				: 400px;
	font-weight			: bold;
	color				: black;
}
#js_message::before {
  content				: "- - Consult your browser's documentation - -";
  font-weight			: normal;
  padding				: 2px;
  position				: relative;
  top					: -20px;
  right					: -30px;
  width					: 350px;
  text-align			: center;
  background-color		: #fef4c5;
  border				: 1px solid #d4b943;
  box-shadow			: 4px 4px 4px rgba(0, 0, 0, 0.5);
  border-radius			: 2px;
  -moz-border-radius	: 2px;
  -webkit-border-radius	: 2px;
  -ms-border-radius		: 2px;
  display				: none;
}
#js_message:hover::before {
  display				: block;
}
#js_message:after {
	content				: "Please enable Javascript for full page functionality.";
    animation			: animate 2.0s ease infinite;
}
.gilded_controls a.toc, 
.gilded_controls a.prev, 
.gilded_controls a.next{
     padding: 0 12px;
}
.position_controls{
	position			: relative; 
	left				: 134px; 
	top					: 20px; 
	height				: 40px; 
	display				: none; 
	padding				: 10px 0 10px 0; 
}

#bg_audio{
	position			: relative;  
	border-radius		: 8px; 
	width				: 400px; 
	top					: 50px; 
	height				: 36px;
}

#yt_custom_label{
	position			: absolute;
	bottom				: 40px; 
	width				: 100%; 
	height				: 120px;
}