﻿/* Helen Hollick back-page style sheet /*
/* 10/07/2010 */

body
{
	margin: 0 auto;
	padding: 0;
    Background: url('../Pictures/background.jpg') #848065 fixed right bottom repeat-x;
	FONT-FAMILY: Arial, Helvetica, "Times New Roman", Times, Serif, Georgia, sans-serif;
	font-size: 16px;
	TEXT-ALIGN: center;
}


#backpage-content {
	text-align:justify;
	position: relative;
	background: url('../Pictures/Parchmnt.jpg') #fbfae6;
	width: 100%;
	height: 100%;
	min-height: 400px;
	top: 0px;
    }


#art-main {
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	height: auto;
    }


/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */

#bgShip_1 {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('../Pictures/ship.png') no-repeat fixed;
	z-index: 100;
	float: none;
    }


#bgBranch_1 {
	width: 213px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url('../Pictures/branch_top_left_1.gif') no-repeat fixed;
	z-index: 100;
	float: none;
}
#bgBranch_2 {
	width: 81px;
	height: 88px;
	position: absolute;
	top: 0px;
	left: 213px;
	z-index: 100;
	background-image: url('../Pictures/branch_top_left_2.gif');
}
#bgBranch_3 {
	width: 157px;
	height: 30px;
    position: absolute;
	top: 0px;
	left: 292px;
	background: url('../Pictures/branch_top_left_3.gif');
	z-index: 100;
}
#bgBranch_4 {
	width: 171px;
	height: 188px;
	position: absolute;
	left: 0px;
	top: 30px;
	background: url('../Pictures/branch_top_left_4.gif');
	z-index: 100;
}
#bgBranch_5 {
	width: 103px;
	height: 116px;
	position: absolute;
	left: 0px;
	top: 213px;
	background: url('../Pictures/branch_top_left_5.gif');
	z-index: 100;
}
#bgBranch_6 {
	width: 62px;
	height: 193px;
	position: absolute;
	left: 0px;
	top: 320px;
	background: url('../Pictures/branch_top_left_6.gif');
	z-index: 100;
}

#Reedbed_1 {
	width: 86px;
	height: 140px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image:url('../Pictures/grass.png');
	z-index: 100;
}

/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
body > div#bgShip_1,  
  body > div#bgBranch_1, 
  body > div#bgBranch_2, 
  body > div#bgBranch_3,
  body > div#bgBranch_4,
  body > div#bgBranch_5,
  body > div#bgBranch_6,
  body > div#Reedbed_1  {  position: fixed; }



#extraDiv1
{
	position: absolute;
	width: 92px;
	height: 410px;
	left: 800px;
	top: -70px;
	z-index: 400;
}


#extraDiv2
{
	position: absolute;
	width: 189px;
	height: 205px;
	left: 1px;
	top: 0px;
	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: 0px;
	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: #663300;
	border-right-color: #663300;
	border-bottom-color: #663300;
	border-left-color: #663300;
}


.cover_art_tiny
{
	top: 1px;
	left: 0px;
	height: 147px;
	width: 99px;
}



.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


#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: 0px;
	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: 0px;
	BACKGROUND: #fbfae6;
	/* MARGIN Top offset, minus gives start above container boundaty,
	          Right, 
			  Bottom,
			  Left 
			  */
	MARGIN: 0px 20px 0px 200px;
}

#preamble H3 {
	BACKGROUND: url('../Pictures/h3_preamble.gif') no-repeat left top;
	MARGIN-BOTTOM: 10px; 
	BORDER-BOTTOM: #7d8965 1px solid; 
	HEIGHT: 32px
}

#preamble H3 SPAN {
	DISPLAY: none
}


#sidebar {
	PADDING-RIGHT: 20px;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 20px;
	PADDING-TOP: 0px;
	MARGIN: 60px 30px 0px -190px;
	position: relative;
	width: 110px;
	left: 210px;
	top: -120px;
	z-index: 2000;
	font-style: italic;
	color: #000000;
	font-size: 9px;
	height: auto;
}

#sidebar H3 {
	BACKGROUND: url('../Pictures/h3_sidebar.gif') no-repeat left top;
	MARGIN-BOTTOM: 10px; 
	BORDER-BOTTOM: #7d8965 1px solid; 
	HEIGHT: 32px
}
#sidebar H3 SPAN {
	DISPLAY: none
}


#quickSummary {
	PADDING-RIGHT: 20px;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 20px;
	PADDING-TOP: 40px;
	BACKGROUND: #fbfae6;
	MARGIN: 0px 20px 0px 200px;
	text-align: center;
	height: auto;
}



#explanation {
	MARGIN-LEFT: 0px;
	height: 20em;
}

#explanation H3 {
	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: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 35px;
	PADDING-TOP: 0px;
	margin-right: 20px;
}

#supportingText H3 SPAN {
	DISPLAY: none
}


form
{
	padding:0 !important;
	margin:0 !important;
}



table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.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;
	padding: 5px;
}

.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-Sheet
{
	margin-top: 75px !important;
}

/* end Box, Sheet */

/* begin Menu */
/* menu structure */

.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;
}





/* menu structure */

.art-menu
{
	padding: 0px 15px 0px 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);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}

.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 30px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}


.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 90px;
	background-image: url('../Pictures/MenuItem.png');
}

.art-menu a .l
{
	left:0;
	right:0px;
}

.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 0px;
	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;
}


/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
	display: block;
	width: 1px;
	height: 30px;
	background-image: url('../Pictures/MenuSeparator.png');
}

/* end MenuSeparator */

/* begin MenuSubItem */
.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: #000000;
	border-color: #439CB6;
	background-position: 0 -32px;
}

.art-menu ul li:hover>a
{
	color: #000000;
	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: #000000;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #000000;
}


/* end MenuSubItem */



/* begin Header */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 890px;
	height: 250px;
}


div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 890px;
	height: 250px;
	background-image: url('../Pictures/header_banner.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}


div.art-Header-content
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 890px;
	height: 184px;
	overflow:hidden;
	background-color: #2B424A;
}

div.art-Header-content-jpeg
{
	position: absolute;
	top: 0px;
	right: -20px;
	width: 890px;
	height: 180px;
	background-image:url(../Pictures/horses_mix.png);
	background-repeat: no-repeat;
	background-position: right center;
	overflow: hidden;
	background-color: #2B424A;
}

div.art-Header-content-title
{
	position: absolute;
	top: 1px;
	left: 0px;
	z-index:inherit;
	font-size:56px;
	color:#88C1D3;
	width: 871px;
	height: 178px;
	vertical-align: middle;
	background-color: Transparent;
}
/* end Header */



/* begin Logo */
.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;
}
/* end Logo */

/* begin ContentLayout */
.art-contentLayout
{
	position: relative;
	margin-bottom: 4px;
	width: 890px;
}
/* end ContentLayout */

/* begin Box, Block */
.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: 0px;
}



.art-Block
{
	margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 8px;
	margin-bottom: 4px;
}

.art-BlockHeader .t
{
	height: 30px;
	color: #000000;
	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;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.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;
}


/* end Box, BlockContent */

/* begin Box, Post */
.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;
}

/* Start images */
a img
{
	border: 0;
}

img {/* border style for all images */
  border: 0;
  }
  
img.b {/* replacement for <br /> after images */
  display: block; /* forces line break for content after */
  }

img.b46860 {
	width: 40em; /* replaces 635px width */
	height: 37em; /* replaces 594px height */
	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;
}
/* Finish images */

/* Start tables */

.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;
}

/* Finish tables */
/* end Box, Post */

/* begin PostHeaderIcon */
.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;
}
/* end PostHeaderIcon */

/* begin PostHeader */
.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;
}
/* end PostHeader */




/* begin PostContent */

/* Content Text Font & Color (Default) */

.art-PostContent
{
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: justify;
  color: #94B5C2;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
	text-decoration: underline;
	color: #3333FF;
}

/* Adds special style to an unvisited link. */
a:link
{
  text-decoration: underline;
  color: blue;

}

/* Adds special style to a visited link. */
a:visited, a.visited
{
	text-decoration: underline;
	color: #009900; 
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
	text-decoration: none;
	color: #FF0000;
}

/* Finish Content link style */




/* Reset some headings default style & links default style for links in headings*/
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;
}


/* Start Content headings Fonts & Colors  */
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;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #333333;
	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:0px 0 0px 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;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
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;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.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: #000000 !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;
}


/* end Button */

/* begin Footer */

.art-Lower
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 890px;
	margin: 0px auto 0px auto;
	background-image: url('../Pictures/Footer2.jpg');
	height: 140px;
	left: 0px;
}

.art-Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 890px;
	margin: 5px auto 0px auto;
}

.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;
}

.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;
	background-image: url('../Pictures/vine_L.png');
	top: -35px;
	height: 260px;
	width: 118px;
}

.art-vine-right
{
    position:relative;
	float:right;
	background-image: url('../Pictures/vine_R.png');
	top: -35px;
	height: 260px;
	width: 118px;
}



.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;
}
/* end Footer */

/* begin PageFooter */
.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;
}
/* end PageFooter */

/* begin LayoutCell */
.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;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 177px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 177px;
}
/* end LayoutCell */


/* Shadow coding */

.shadow_block, .content_block{
	position: relative;
	bottom: 2px;
	right: 2px;
}


.content_block{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
	size:auto;
}



.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;
}


/* end Shadow coding */

/* Back-page specific additional elements */

#preamble_books {
	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: 0px;
	background-color: Transparent;
	MARGIN: 20px 20px 40px 300px;
}

#preamble_books H3 {
	BACKGROUND: url('../Pictures/h3_explanation.gif') no-repeat left top;
	MARGIN-BOTTOM: 10px; 
	BORDER-BOTTOM: #7d8965 1px solid; 
	HEIGHT: 32px;
	background-color: Transparent;
	padding-left:45px;
	text-align:left;
	font:"Times New Roman", Times, serif;
}

#preamble_books H3 SPAN {
	DISPLAY: none
}


.art-menu a .t1 
{
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #C5D0D8;
	padding: 0 3px;
	margin: 0 0px;
	line-height: 30px;
	text-align: center;
}


#callout_align {
    height: 430px; 
    width: 260px; 
    float:left; 
    clear:left; 
    border: none; 
    margin-top: 20px; 
    margin-left:20px; 
    margin-bottom:20px; 
    margin-right:20px;
    }

#books_logo_align {
    position: absolute;
    top: -40px;
	height: 87px;
	width: 128px;
	background-image:url('../Pictures/books2.png');
    }

#compass_logo_align{
    position: absolute;
    top: -100px;
	height: 172px;
	width: 175px;
	background-image:url('../Pictures/compass2.png');
    }
	
	
#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: 40px;
	height: 200px;
	width: 48px;	
	background-image:url('../Pictures/sword_image_s.gif');
    }
	
#ship_logo_align {
	position: absolute;
	top: -80px;
	left: 0px;
	height: 150px;
	width: 150px;
	background-image:url('../Pictures/ship2.png');
    }		

#leaves_separator_align {
    padding-top:20px;
	padding-bottom:20px;
	height: 10px;
	width: 200px;
	background-image:url('../Pictures/leaves.png') repeat-x;
    }	

#cover_align {
    height: 400px; 
    width: 260px; 
    background-image:url('../Pictures/Book_Callout.gif');
    }

#cover_margins {
    position: absolute; 
    margin-top:40px; 
    margin-left:32px;
    }

#padding_edges {
    padding-left: 10px; 
    padding-right:10px; 
    padding-top:10px; 
    padding-bottom: 10px;
    }
  
#centraliser {
    style="padding-left:30px;
	padding-right:30px;
	padding-top:0px;
	text-align: justify;
    }

