/*     Stylesheet - Macintosh and PC */

h1 { font: italic 12px/16px Georgia, "Calisto MT", "Times New Roman", Times, serif;  color: #333; }

h2 { font:  30px/40px "Hoefler Text", "News Gothic MT", Tahoma, sans-serif; text-shadow: 6px 6px 10px white;  color: #333;}

h3 { font:  20px/30px "Hoefler Text", "News Gothic MT", Tahoma, sans-serif;  color: #333;}

.body_with_edge { margin:0; padding:0; background:#cfcfbf url(http://woodblock.com/shiki/images/edge_shadow_long.png); }
      
.body_no_edge { margin:0; padding:0; background:#cfcfbf url(http://woodblock.com/shiki/images/tatami.gif); }
      
.body_enlargement { margin:0; padding:0; background:#cfcfbf url(http://woodblock.com/shiki/images/edge_double_long.png);  }

.Programme_box { margin: 0, 0, 0, 0 ; padding: 0px 0px 0px 0px; 
 background: url(http://woodblock.com/shiki/images/programme.jpg) ;
}

      
div#pageHeader {position: relative; top: 0px ; left: 0px ; margin: 0 0 0 0; padding: 5px 0 5px 0; text-align: center; }

div#main_page { position: relative; top: 0px; left: 0px; margin: 20px 80px 0 80px; padding: 0 0 0 0; }

div#offset_page { position: relative; top: 0px; left: 30px; margin: 0 0px 0 0; padding: 0 0 0 0; }

div#quiz_page { position: relative; top: 0px; left: 30px; margin: 0 0px 0 0; padding: 0 0 0 0; }

div#print_pic {position: relative; top: 0px ;  left: 0px ; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%;  }

div#offset_pic { position: relative; top: 0px ; left: 177px ; margin: 0 0 0 0; padding: 0 0 20px 0; width: 1400px ;  }

div#offset_text { position: relative; top: 0px ; left: 0px ; margin: 0 0 0 177px; padding: 0 0 35px 0;  }

div#pageFooter { position: relative; top: 0px ; left: 0px ; margin: 5px 0 20px 0; padding: 0px 0 0px 0;}

div#pageFooter p {  font: italic 12px/20px Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #333;  text-align: center;  }

/* next two not used ... */
div#edge_strip { position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; padding: 0 0 0 0;   width: 85px; height: 100% ; z-index:1 ; }

div#double_edge_strip { position: absolute; top: 0px; left: 0px; margin: 0 0 0 0; padding: 0 0 0 0;   width: 170px; height: 100% ; z-index:1 ; }


.bodytext { margin: 10px 20px 40px 15px; padding: 0 0 0 15px; font: 14px/20px Georgia, "Calisto MT", "Times New Roman", serif; color: #000;  list-style-image: url(http://woodblock.com/shiki/images/bubble.png);}

.byline { font: italic 12px/16px Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #333; }

img.hyakunin_card {float: left; clear: left; margin: 25px 1.33em 0 0; }

input, select, textarea { font: 12px/16px Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #333; }



/* Story headline */
.storyhed { font:  20px Verdana, "News Gothic MT", Tahoma, sans-serif; }
.seriesname { font:  16px Verdana, "News Gothic MT", Tahoma, sans-serif; }

/* Story dateline */
.dateline { font: 12px/16px Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #333; }

/* Lead paragraph of story */
.deck { font: 16px/21px Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #000; }

/* Intro page lines */
.intro { font: 16px/25px Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #000; }

/* Body text of story */
.storybody { font: 13px/16px Verdana, "News Gothic MT", Tahoma, sans-serif;
		margin-left: 60px; margin-right: 60px }

/* Body text of story */
.storybodysans { font: 12px/15px Verdana, "News Gothic MT", Tahoma, sans-serif; }

/* Body text (indented and justified) */
.indentbody { font: 14px/18px Georgia, "Calisto MT", "Times New Roman", serif; 
              text-indent: 2em; text-align: justify; margin-right: 15px}
              
/* quote block ... */
.quoted { text-align: justify; font: italic 12px/16px; margin-left: 30px; margin-right: 30px  }

/* Text for related item boxes */
.inline, SMALL { font: 11px/15px Verdana, "News Gothic MT", Tahoma, sans-serif; }

/* Text under photos describing image */
.cutline { font: 10px/13px Verdana, "News Gothic MT", Tahoma, sans-serif; color: #666; }

/* text in boxes */
.boxed { border-style: solid; border-top-width: 2px; border-bottom-width: 2px; border-left-width: 1px; border-right-width: 1px ; padding: 5px; text-align: justify; background-color: grey:  }


/* Sample colour changes ... unused */
/* A:link { color: #039; } */
/* A:visited { color: #369; } */
/* A:active { color: #982219;} */
/* A:hover { text-decoration: underline; } */
 A:hover { color: red; } 

/* a:hover {background-color:#ccc;} */


B { font-weight: bold; }
IMG { border-color: #000; }



.global {
	list-style-image: url(http://woodblock.com/shiki/images/bubble.png);
}

/* BLOCKQUOTE */
.block
 {
 	text-align: justify;
 	font-family: Helvetica,Arial,sans-serif;
 	font-size: 70%;
 	color: #333333; 
 	background-color:	rgb(255,255,179);
 	border-bottom: 2px solid #555555;
 	border-right: 2px solid #555555;
 	border-top: 1px solid #DDDDDD;
 	border-left: 1px solid #DDDDDD;
 	padding: 3px;
 	margin-left: 25px;
 	margin-right: 25px;
 }

.list {
	padding-bottom: 10px;
	}

.list table {
	font-size: 12px;
	padding: 0px;
/*	border-collapse: collapse;*/
	width: 100%;
	border: 1px solid #555;
	}

.list table th {
	background-color: #8FAEBE;
	color: #FFF;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #000;
	}

.list table th.remove {
	border-right: 1px solid #FFF;
	}

.list table tr.odd {
	background-color: #EAF2FF;
	}

.list table tr.even {
	background-color: #DDD;
	}

.list table td {
	padding: 2px 2px 2px 5px;
	vertical-align: top;
	}

.list table td.gray {
	background-color: #EEE;
	}

.list table td.paid {
	color: #888;
	}

.list table td.unpaid {
	color: #000;
	}

.list table td input {
	margin: 0px;
	}