@media screen and (max-width: 800px) {

 table.l{
	margin:			auto;
	width:			90%;
	border-collapse:	collapse;
	font-size:		90%;
 }

 table.a{
	margin:			auto;
	width:			90%;
	border-collapse:	collapse;
	font-size:		90%;
 }

}

@media print, screen and (min-width: 800px) {

 table.l{
	border-collapse:	collapse;
	width:			50%;
	font-size:		90%;
 }

 table.a{
	margin:			auto;
	border-collapse:	collapse;
	width:			90%;
	font-size:		90%;
 }

}

div.story {
	border-width:		1px;
	border-style:		solid;
	padding:		1em;
	margin-left:		2em;
	margin-right:		2em;
}

	
th.box_title{
	border-top-width:	1px;
	border-bottom-width:	1px;
	border-left-width:	1px;
	border-right-width:	1px;
	height:			1.5em;
	border-style:		solid;
	border-color:		#aaaaaa;
	background-color: 	#ffffee;
	text-align:		center;
}

td.box{
	padding-left:		10px;
	border-top-width:	1px;
	border-bottom-width:	1px;
	border-left-width:	1px;
	border-right-width:	1px;
	height:			1.5em;
	border-style:		solid;
	border-color:		#aaaaaa;
	background-color: 	#ffffff;
	text-align:		left;
}

td.box_nounder{
	padding-left:		10px;
	border-top-width:	1px;
	border-bottom-width:	0px;
	border-left-width:	1px;
	border-right-width:	1px;
	height:			1.5em;
	border-style:		solid;
	border-color:		#aaaaaa;
	background-color: 	#ffffff;
	text-align:		left;
}

td.box_notop{
	padding-left:		10px;
	border-top-width:	0px;
	border-bottom-width:	1px;
	border-left-width:	1px;
	border-right-width:	1px;
	height:			1.5em;
	border-style:		solid;
	border-color:		#aaaaaa;
	background-color: 	#ffffff;
	text-align:		left;
}

td.box_w{
	padding-left:		10px;
	border-top-width:	1px;
	border-bottom-width:	1px;
	border-left-width:	1px;
	border-right-width:	1px;
	height:			2em;
	border-style:		solid;
	border-color:		#aaaaaa;
	background-color: 	#ffffff;
	text-align:		left;
}