/* Generic settings */
div {
	 /* border: red 1px solid; */
}
html {
	margin: 0px;
	padding: 0px;	
}
body {
	font-family : Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size : 10pt;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color : #FFF;
}
#container {
	margin: 0 auto;
	width: 770px;
	text-align: left;
	background-color : transparent;
}
img {
		border: none;
}
a {
	margin: 0;
	padding: 0;
	color: #102873;
	text-decoration: none;
}
a:hover, a:active {
	color: #579; 
	border-bottom: 1px dotted #579;
}
 ul {
	margin-left: 40px;
	list-style: none;
}
 ul li {
	background : url(../images/asterix.gif) no-repeat 0 3px;
	padding-left: 15px;
}
dl {
	margin-left: 33px;
}
dt {
	font-weight: bold;
	padding-top: 6px;
}
dd {
	margin-left: 15px;
	padding-top: 2px;
	padding-left: 22px;
	background-image : url(../images/dl-arrow.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
table{
	margin: 0px 0 0px 0px;
	border: #fff 2px solid;
	background-color : transparent;
}
th, td  {
	border-right: 1px solid #9ac;
	border-bottom: 1px solid #9ac;
	padding: 4px 10px ;
}
td.rightAlign {
	text-align: right;
}
h1 {
	text-indent: -5000px;
	margin: 0 0 0 40px;
	padding: 0;
	height: 90px;
	background-repeat : no-repeat;
	background-position : left bottom;
}
h2 {
	margin: 0 0 0 20px;
	padding : 10px 0 5px 0;
	font-size: 14pt;
	line-height: 1.6;
	text-indent: -5000px;
}   
h3 {
	font-size: 10pt;
	font-weight: bold;	
	padding: 0;
	margin : 10px 0 5px 0;
}   
img{
	margin-bottom: -2px;
}   
h4 {
	font-size: 10pt;
	font-weight: bold;	
}

#logo{
	float: right;
	padding-top:15px;
	padding-right:5px;
}
#logo a {
	text-decoration: none;
}
#logo a:hover,#logo a:active {
	border-bottom: none;
}
#footer {
	clear: both;
	background-color : #804040;
	color: #fff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 5px;
}   
#footer a {
	color: #fff;
}
#footer a:hover, #footer a:active {
	color: #99CCFF;
	border-bottom: 1px dotted #99CCFF;
}
.columnLeft {
	width: 48%;
	float: left;
}
.columnRight {
	width: 48%;
	float: right;
}
.ClearBoth
{
	clear: both; 
	line-height: .2;
}

/* Intro Page */
#introBody {
	margin: 0px;
	padding: 0px;
	background-image : url(../images/hexgrid2.gif);
	background-repeat : repeat;
	background-position : left top;
}
#introBody #container{
	background-color : #FFF;
}
#introHeading {
	width: 465px;
	height: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image : url(../images/questors_sign3.jpg);
	background-repeat : no-repeat;
	background-position : 0 0;
}
#introBody #logo {
	background-image : url(../images/pentacleSigns_r1_c1.jpg);
	background-repeat : no-repeat;
	background-position : right top;
	width: 305px;
	height: 100px;
	padding: 0px;
	margin: 0px;
} 
#introBody #contents {
	margin: 0px;
	padding: 0px;
	width: 305px;
	float: right;
	background-color : #FFF;
}
#intro {
	float: left;
	width: 465px;
}
#intro p {
	font: 9pt/14pt georgia; 
	padding: 0px 45px 10px 45px;
	margin: 0;
}
#introText {
	width: 465px;
	height: 380px;
	float: left;
	padding-top: 70px; 
	background-image : url(../images/questionsBG.gif);
	background-repeat : no-repeat;
	background-position : left top;
	text-align: center;
}
#introConclusion {
	width: 465px;
	height: 45px;
	float: left;
	padding-top: 30px; 
	background-image : url(../images/conclusionBG_paper.jpg);
	background-repeat : no-repeat;
	background-position : left top;
	text-align: center;
}
#chapterList {
	margin: 0px 0 0 0 ;
	float: right;
	width: 305px;
	height: 490px;
	padding: 10px 0 0 0 ;
	background-image : url(../images/chapterlistBG.jpg);
	background-repeat : no-repeat;
	background-position : left top;
}
#puzzle {
	width: 300px;
	height: 110px;
	padding-top:15px;
	float: right;
	background-image : url(../images/puzzle_paper.gif);
	background-repeat : no-repeat;
	background-position : right top;
}
#chapterList H2 {
	margin: 0px 0 0 60px;
	padding: 20px 0 0 0;
	background-image : url(../images/questchronicle.gif);
	background-repeat : no-repeat;
	background-position : 0 75%;
	line-height: 0.8;
}
#chapterList ul {
	margin: 0 0 0 60px;
	padding: 0;
}   
#chapterList ul li {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../images/scroll_bullet.gif) no-repeat 0 3px;
	font-family: cursive;
	font-size: 9pt;
}   
#flourish {
	margin: 6px 0 3px 0 ;
	padding: 0 0 0 60px;
}
/* Record */
#chapterNavigation {
	width: 220px;
	float: right;
	margin-top: -20px;
	text-align: right;
}
#earlier{
	margin-right: 9.5em;
}
#later {
	margin-right: 1.5em;
}
.whiteOut{
	color: white;
}
#title {
	background-image : url(../images/4kingdoms_title.gif);
	padding:  0;
	margin:  0 0 0 40px;
	height: 60px;
}
#questlore {
	background-image : url(../images/questlore.gif);
}   
#poems {
	background-image : url(../images/poems.gif);
}   
#legends {
	background-image : url(../images/legends.gif);
}   
#bryn {
	background-image : url(../images/bryn.gif);
}   
#zarlkruger {
	background-image : url(../images/zarlkruger.gif);
}   
#guthron {
	background-image : url(../images/guthron.gif);
}   
#martek {
	background-image : url(../images/martek.gif);
}   
#rulessum {
	background-image : url(../images/rulessum.gif);
}   
#chronology {
	background-image : url(../images/chronology.gif);
}   
#pottedhistory {
	background-image : url(../images/pottedhistory.gif);
}   
#chapter1 {
	background-image : url(../images/chapter1.gif);
}   
#chapter2 {
	background-image : url(../images/chapter2.gif);
}   
#chapter3 {
	background-image : url(../images/chapter3.gif);
}   
#chapter4 {
	background-image : url(../images/chapter4.gif);
}   
#chapter5 {
	background-image : url(../images/chapter5.gif);
}   
#chapter6 {
	background-image : url(../images/chapter6.gif);
}   
#chapter7 {
	background-image : url(../images/chapter7.gif);
}   
#chapter8 {
	background-image : url(../images/chapter8.gif);
}   
#chapter9 {
	background-image : url(../images/chapter9.gif);
}   
#chapter10 {
	background-image : url(../images/chapter10.gif);
}   
#chapter11 {
	background-image : url(../images/chapter11.gif);
}   
#chapter12 {
	background-image : url(../images/chapter12.gif);
}   
#chapter13 {
	background-image : url(../images/chapter13.gif);
}   
#chapter14 {
	background-image : url(../images/chapter14.gif);
}   
#chapter15 {
	background-image : url(../images/chapter15.gif);
}   
#chapter16 {
	background-image : url(../images/chapter16.gif);
}   
#chapter17 {
	background-image : url(../images/chapter17.gif);
}   
#chapter18 {
	background-image : url(../images/chapter18.gif);
}   

/* Record - Chronicle */
#chronicleContainer {
	margin: 0px; 
	text-align: left;
	background-color : #FFF;
}
#heading {
	min-width: 770px;
	height: 150px;
	margin: 0;
	padding: 0;
	background-image : url(../images/parchment_r1.gif);
	background-repeat : no-repeat;
	background-position : left top;
} 
.chronicle, #questloreContents, #questlorePoems, #questloreChronology, #questloreLegends, #questloreZarlKruger, #questloreGuthron, #questloreMartek, #rules, #backgroundHistory {
	min-width: 565px;
	padding:  0 0 0 5px;
	background-image : url(../images/parchment_r2.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
.chronicle H2 {
	background-image : url(../images/chronicle.gif);
	background-repeat : no-repeat;
	background-position : left top;
}   
.chronicle h3, #poemstext h3{
	font-size: 12pt;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin : 10px 0 5px 0;
	border-top : thin dashed #E4E4E4;
}
.chronicle h4, #poemstext h4{
	margin-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
.chronicle p {
	margin-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
.ts {
	/* Thread Summary */
	font-weight : bold;
	padding-bottom: 4px;
	border-bottom : thin dotted #ccc;
}
em {
	/* Thread ID */
	float: left;
	font-size: 150%;
	line-height: 1em;
	width: 0.9em;
	margin: 2px 5px 0px 0;
	padding: 2px 4px;
	border: 2px solid #89b;
	background: #cde;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-style : normal;
}
.ts em {
	/* Thread Summary Thread ID*/
	border: 2px solid #000033;
	background: #9ac;
	color: #000;
	font-weight : normal;
}
.da {
	/* DateAnnotation */
	font-size: 10pt;
	margin-top: -18px;
	margin-right: 5px;
	float : right;
	font-style : normal;
	color : #800600;
}
.chronicle ol  li {
	margin-left: 25px;
	list-style-type : decimal;
}
.inlineList li{
	list-style-type : square;
	width: 25%;
	float: left;
}
blockquote.poem {
	padding: 20px 0px;
	text-align : center;
	font-family : cursive;
	font-size : 120%;
	margin: 0 0 0 10px;
}
.oq {
	background-image : url(../images/openq.gif);
	background-repeat : no-repeat;
	background-position : 0% 0%;
	position: absolute;
	top:  -10px;
	left:  -20px;
	width: 70px;
	height: 60px;
	z-index: -100;
}
blockquote.poem  p {
	margin: 0;
	z-index: 10;
	position: relative;
}
blockquote.reported
{
	margin-left: 40px;
	font-style : italic;
}
blockquote.reported p 
{
	margin-bottom : -10px;
}
.aside {
	font-size : small;
	color : #78A;
}
.GPNaside {
	font-size : small;
	color : #669900;
}
.chronicle table {
	margin-left: 40px;
	border-left: 1px solid #9ac;;
	border-top: 1px solid #9ac;;
}
.chronicle th, .chronicle td {
	border-right: 1px solid #9ac;;
	border-bottom: 1px solid #9ac;;
	padding: 4px 10px ;
}
.chronicle img {
	margin-left: 40px;
}
.chronicle h3 img {
	margin-left: 0px;
}
/* Record - Journal */
.journal {
	float: right;
	width: 220px;
	padding: 0px 0px;
	margin: 0px 2px 0 0;
}
.contents {
	padding: 0px 0px;
	margin: 0px;
	background-image : url(../images/cream01c_torn.jpg);
	background-repeat : repeat-y;
	background-position : left top;
}
.contents  ul {
	list-style-position : outside;
	padding: 0;
	margin: 5px 10px 5px 15px;
	list-style : none;
}
.contents  li{
	font-size: 8pt;
	padding : 0 0 0 15px;
	margin : 0;
	background : url(../images/asterix.gif) no-repeat 0 3px;
}
.journal  H2 {
	font-size: 12pt;
	margin: 5px 0px 0 0px;
	padding : 10px 0 0px 0;
	line-height: 2;
	height: 70px;
	background-image : url(../images/journal.jpg);
	background-repeat : no-repeat;
	background-position : left top;
	text-indent: -5000px;
}
.contents  H3 {
	font-size: 10pt;
	font-weight: bold;	
	margin: 0 10px 0 14px;
	padding: 0;
} 
.contents  H4 {
	font-size: 8pt;
	font-weight: bold;	
	margin: 0 0 0 12px;
	padding: 0;
}
#parchmentRoll {
	padding: 0px 0px;
	margin: 0px;
	height: 52px;
	background-image : url(../images/cream01c_roll.jpg);
	background-repeat : no-repeat;
	background-position : left top;
}

/* Glossary */
#glossary
{
	font-size: small;
}
#glossary .twrapper
{
	position: relative;
	z-index: 50;
}
/*
#glossary .itable
{
	position: relative;
	top: 50px;
}
*/
#glossary .tcorner
{
	position: absolute;
	top: -51px;
	left: -70px;
	height: 333px;
	width: 326px;
	z-index: -100;
	background-image : url(../images/tcorner.gif);
	background-repeat : no-repeat;
	background-position : 0% 0%;
}
#glossary h1{
	margin: 0 0 0 40px;	
	padding: 0;
	width: 240px;
	height: 182px;
	float: left;
}
#glossary h2{
	height: 50px;
	margin:  70px 0 0 0;
	padding: 0;
	background-position : 0% 0%;
}
#glossary th, #glossary td  {
	border-right: none;
}
#glossary .name, #glossary .dates, #glossary .plural {
	width: 20%;
	min-width : 20%;
}
#glossary .dates {
	white-space: nowrap;
}
#glossary .player, #glossary .location {
	width: 10%;
}
#glossary.notes {
	width: 50%;
}
#glossary.notes60 {
	width: 60%;
}
#glossary.notes80 {
	width: 80%;
}
#groupPhoto {
	background-image : url(../images/groupphoto_sharper.jpg);
	background-repeat : no-repeat;
	background-position : 0% 0%;
	margin: 0 0 20px 0;
	width: 425px;
	height: 235px;
	float: left;
}
#map {
	background-image : url(../images/map.jpg);
	background-repeat : no-repeat;
	background-position : 0% 0%;
	margin: 0 0 20px 0;
	width: 425px;
	height: 235px;
	float: left;
}
#glossaryHeading {
	height:300px;
	margin: 0;
	padding: 0;
}
#charactersHead {
	background-image : url(../images/charactersHeading.gif);
	background-repeat : no-repeat;
	background-position : 0% 100%;
}
#glossaryHead {
	background-image : url(../images/glossaryHeading.gif);
	background-repeat : no-repeat;
	background-position : 0% 100%;
}
#glossarySections {
	clear: left;
	padding: 0;
	margin: 0px 0 0 20px;
}
#glossarySections  li {
	margin: 0;
	display: inline;
	background-image: none;
}
#glossarySections  li  a{
	float: left;
	width: 180px;
	height: 20px;
	margin-left: 1px;
	padding:1px 0 0 6px;
	background-image : url(../images/menuback.gif);
	background-repeat : repeat-x;
	background-position : top left;
	color: #000;
}
#glossarySections a:active, #glossarySections a:hover {
	color: #9ac;
	text-decoration: none;
	border-bottom: none;
}
#players {
	background-image : url(../images/players.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#liveCharacters {
	background-image : url(../images/liveCharacters.jpg);
	background-repeat : no-repeat;
	background-position : top center;
}   
#deadCharacters {
	background-image : url(../images/deadCharacters.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#livePeople {
	background-image : url(../images/livePeople.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#deadPeople {
	background-image : url(../images/deadPeople.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#legendaryPeople {
	background-image : url(../images/legendaryPeople.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#places {
	background-image : url(../images/places.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#races {
	background-image : url(../images/races.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#inns {
	background-image : url(../images/inns.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#misc {
	background-image : url(../images/miscellaneous.gif);
	background-repeat : no-repeat;
	background-position : top center;
}   
#characterIndex {
	border-top: 1px solid #EA0;
	margin: 0 18% 0 18%;
	padding: 0 0 20px 10px;
}
#characterIndex li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#characterIndex a {
	float: left;
	line-height: 14px;
	font-weight: bold;
	padding: 15px 5px 0 5px;
	text-decoration: none;
	color: #102873;
}
#characterIndex a:active, #characterIndex a:hover {
	color: #9ac;
	text-decoration: none;
	border-bottom: none;
	background: url(../images/staricon.gif) no-repeat top center;
}

.tabstart {
	float: left;
	width: 5px;
	height: 20px;
	background-image : url(../images/alphatabstart.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
.cIx {
	padding: 20px 0 50px 80px;
	margin: 0;
	position: absolute;
}
.cIx li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
.cIx a {
	float: left;
	height: 20px;
	width: 23px;
	font-weight: bold;
	text-decoration: none;
	color: #CA0000;
	background-image : url(../images/alphatab.gif);
	background-repeat : no-repeat;
	background-position : top left;
	padding-top: 3px;
	text-indent : 4px;
}
.cIx a:active, .cIx a:hover {
	color: #FF8080;
	text-decoration: none;
	border-bottom: none;
	background-image : url(../images/alphatabh.gif);
}

/* Rules */
#rules p {
	margin-top: 20px;
	margin-left: 30px;
	padding-left: 5px;
	padding-right: 5px;
}
#rules h2 {
	font-size: 14pt;
	line-height: 2.4;
	float: none;
	clear: both;
}   
#rules #attributes {
	background-image : url(../images/attributes.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
#rules #skills {
	background-image : url(../images/skills.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
#rules #combat {
	background-image : url(../images/combat.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
#rules #magic {
	background-image : url(../images/magic.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
#rules #fatigue {
	background-image : url(../images/fatigue.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
#rules table {
	margin-left: 20px;
}
#rules h3,  #rules h4 {
	margin-left: 20px;
}
#rules p {
}
#attributeBonusTable, #sizeTable {
	width: 48%;
	float: left;
	margin-bottom: 20px;
}


/* Quest Lore */ 
#loreContainer {
	margin: 0px; 
	text-align: left;
	background-color : #FFF;
	width: 760px;
}
#loreContainer dt {
	font-weight: bold;
	padding-top: 6px;
	background : url(../images/triangle_bullet.gif) no-repeat left 50%;
	padding-left: 25px;
	margin-bottom: 10px;
	margin-top: 5px;
}
#loreContainer dl {
	margin-left: 33px;
}
#loreContainer dd {
	margin-left: 65px;
	padding-top: 2px;
	padding-left: 40px;
	background-image : url(../images/dl_blade.gif);
	background-repeat : no-repeat;
	background-position : left 0.3em;

}
#questloreLegends p #questloreMartek p{
	background-image : url(../images/corner.gif);
	background-repeat : no-repeat;
	background-position : left top;
}
#questloreGuthron p {
	background-image : url(../images/diamond.gif);
	background-repeat : repeat-y;
	background-position : left top;
}
#questloreZarlKruger p {
	background-image : url(../images/rod.gif);
	background-repeat : repeat-y;
	background-position : left top;
}
#questloreZarlKruger blockquote p, #questloreGuthron blockquote p  {
	background-image : none;
	font-style : italic;
}
.loreText p, .loreText dt, .loreText dd, .loreText li  {
	padding-left: 1em;
	margin: 0 3em 1em 3em;
	font-family: "Georgia", serif;
	padding-top: 0.5em;
	font-size : 150%;
	line-height : 1.3;
}
.loreText  h3 {
	font-size : 150%;
	font-family: "New York", serif;
	margin: 0 5em 1em 3em;
	padding: .2em 0 .2em 0;
	border-top: #666 8px double;
	border-bottom: #666 8px double;
}
.loreText  blockquote  {
	background-image : url(../images/openq.gif);
	background-repeat : no-repeat;
	background-position : 30px 0;
}
.loreText  blockquote  p{
	font-style : italic;
}
#poemstext blockquote {
	float: left;
	width: 440px;
	background-color : #E4E8D9;
	margin-bottom: 15px;
}
#poemstext .interpretation {
	background-image : url(../images/saywhat.gif);
	background-repeat : no-repeat;
	background-position : left top;
	overflow : visible;
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 250px;
}
#poemstext p  {
	margin: 0;
	padding: 0;
}
#poemstext .interpretation p  {
	font-weight : bold;
	margin: 0;
	padding: 0;
}
#poemstext h2, #poemstext h3, #poemstexth4 {
	clear: both;
}
#questloreChronology dt {
	background : url(../images/blow_bullet.gif) no-repeat 0 -3px;
	padding-left: 55px;
}
#questloreChronology dd {
	margin-left: 55px;
}
#questlorePoems H2 {
	background-image : url(../images/whenandwhere.gif);
	background-repeat : no-repeat;
	background-position : left top;
}   
#backgroundHistory table {
	border-collapse: collapse;	
}
#backgroundHistory td {
	padding: 10px 8px 8px 4px;
	vertical-align: top;
	border: none;
}
#backgroundHistory td.characters{
	background-image : url(../images/historyCorner_ch.gif);
	background-repeat : no-repeat;
	background-position : bottom left;
}
#backgroundHistory td.story{
	background-image : url(../images/historyCorner.gif);
	background-repeat : no-repeat;
	background-position : bottom right;
}
#backgroundHistory #characters {
	width: 200px;	
}
#backgroundHistory ul {
	margin: 0px;
	padding: 0px;
}
#backgroundHistory ul li {
	padding: 0 0 8px 0px;
	margin: 0 15px 0px 0px;
	list-style-type : none;
	background: none;
	display: inline;
}
#backgroundHistory ul li a {
	white-space: nowrap;
}
#backgroundHistory ul li img {
	margin-left: 5px;
}
#symbolKey {
	float: right;
	margin-right: 5px;
	text-align: left;
	border-top: groove;
	border-bottom: groove;
}
#symbolKey li {
	margin-bottom: 1px;
	display: inline;
}
#symbolKey img {
	margin-right: 10px;
}

/* Specific bits */ 
ul.signlist {
	margin-left: 40px;
}
ul.signlist li {
	margin: 0;
	padding: 10px 0 10px 45px;
}
ul li.sign1 {
	background : url(../images/sign_ring.gif) no-repeat 0 3px;
}   
ul li.sign2 {
	background : url(../images/sign_rod.gif) no-repeat 0 3px;
}   
ul li.sign3 {
	background : url(../images/sign_pin.gif) no-repeat 0 3px;
}   
ul li.sign4 {
	background : url(../images/sign_diamond.gif) no-repeat 0 3px;
}   
ul li.sign5 {
	background : url(../images/sign_pentagon.gif) no-repeat 0 3px;
}   

#partyListChap7
{
	text-align: center;
}
#partyListChap7 td
{
	width: 150px;
}
#partyListChap7 th
{
	font-weight : bold;
	text-decoration : underline;
}
.ClearBoth
{
	clear: both; 
	line-height: .2;
	z-index: -500;
}