/*
default.css
(c) 2003-2004, Genso IT




*/

BODY {
	padding:		0 0 0 0;
	margin:			0 0 0 0;
	font-family:		arial, helvetica, sans-serif;
	color:			#000000;
	background-color:	#ffffff;
}

.leftnav,
.leftnav TABLE {
	color:			#ffffff;
}


TABLE.imageframeright A,
TABLE.imageframeleft  A,
TABLE.imageframeright A:visited,
TABLE.imageframeleft  A:visited,
TABLE.imageframeright A:hover,
TABLE.imageframeleft  A:hover,
TABLE.imageframeright TR TD,
TABLE.imageframeleft  TR TD {
	color:			#ffffff;
}

A IMG.flag {
	border: 		#ffffff solid 1px
}
IMG.flag {
	float:			right;
	text-align:		right;
	border: 		#000000 solid 1px;
	margin:			0 2px;
}

ADDRESS {
	display: 		block;
	vertical-align:		bottom;
	font-size:		small;
}

ADDRESS .name {
	float:			left;
	vertical-align:		bottom;
}
ADDRESS .uri {
	float:			right;
	text-align:		right;
	vertical-align:		bottom;
}

H4 A,
H5 A,
H6 A {
	color:			#000000;
}

.leftnav H4 A,
.leftnav H5 A,
.leftnav H6 A {
	color:			#ffffff;
}

.pageselect {
	float:			right;
	font-size:		small;
}
.pageselect .navpath {
	color:			#6666ff;/*#eeaa66;*/
}
A.noudln,
A:visited.noudln,
A:hover.noudln {
	text-decoration:	none;
}


TABLE.topnav A {
	color:			#ffffff;
}
TABLE.topnav A:visited {
	color:			#e0e0e0;
}
TABLE.topnav A:hover {
	color:			#eeee33;
}


EM .translation {
	color:			#000099;/*#d09050;*/
	text-decoration:	underline;
}
.translation {
	color:			#000099;
}


/* Headings ............................................ */
H2 {
	text-align:		center;
	color:			#0000cc;/*#eedece;*/
}
H3 {
	padding-bottom:		0;
	margin-bottom:		0;
	text-align:		center;
	color:			#000099;/*#eeaa66;*/
}
.nav H4 {
	font-size:		medium;
	padding:		0 0 0 0;
	margin:			0 0 0 0;
}
.nav H5 {
	font-size:		small;
	padding:		0 0 0 1.5em;
	margin:			0 0 0 0;
}
.nav H6.navpath {
	display:		block;
	padding:		0 0 0 0;
	margin:			0 0 0 3em;
}
.nav H6 {
	display:		none; /* hide sub dirs of navigation */
	padding:		0 0 0 0;
	margin:			0 0 0 3em;
}


/* Anchor .............................................. */
.leftnav A {
	color: 			#ffffff;
}
.leftnav A:visited {
	color: 			#ccccff;
}
.leftnav A:hover {
	color: 			#000066;
}

A {
	color: 			#000000;
}
A:visited {
	color: 			#000066;
}
A:hover {
	color: 			#6666ff;
}


/* link list: DIV UL LI A */
.leftnav .linklist {
	text-align:	center;
}


.leftnav .linklist UL {
	text-align:		left;
	list-style-type:	none;
	margin-top:		0;
	margin-left:		0;
	padding-left:		0;
}
.leftnav .linklist UL LI {
	text-align:		left;
}


/* Inline Markup: EM ................................... */
EM {
	color: 			#000066; /*#eeaa66;*/
}


TD.leftnav IMG {
	border-width:		1px;
	margin:			0 0 0 0;
	padding:		0 0 0 0;
}

/*
IMG.right {
	margin-left:		0.5em;
	margin-top:		0.5em;
	margin-bottom:		0.5em;
}
*/
IMG {
	border:			#6666ff solid 1px;
}

.abstract {
	font-size:		smaller;
}
.author {
	text-align:		center; 
	font-size:		smaller;
	color:			#6666ff;
}
.author A {
	color:			#6666ff;
}
.author A:hover {
	color:			#000099;
}

P.abstract {
	margin:			0 10% 0 10%;
	color:			#6666ff;/*#eedece;*/
	font-style:		italic;
}
P {
	text-align:		justify;
}

/* .......... */

TABLE.imageframeright {
	margin:			0.5em 0 0.5em 0.5em;
	padding:		0 0 0 0;
	background-color:	#000099;/*#eeaa66;*/
	float: right;
}
TABLE.imageframeleft {
	margin:			0.5em 0.5em 0.5em 0;
	padding:		0 0 0 0;
	background-color:	#000099;/*#eeaa66;*/
	float: left;
}
TABLE.imageframeright TD,
TABLE.imageframeleft TD {
	padding:		0 0 0 0;
	color: 			black;
	font-size:		x-small;
	text-align:		center;
}
TABLE.compact TD {
	padding:		0 0 0 0;
	margin:			0 0 0 0;
	font-size:		smaller;
}
TABLE {
	padding:		0 0 0 0;
	margin:			0 0 0 0;
	border-width:		0;
/*
	border-top:		red solid 1px;
	border-left:		red solid 1px;
*/
}
TABLE.topnav TD,
TD.leftnav {
	padding:		0.25em 0.25em 0.25em 0.25em;
	background-color:	#666666; /* frame background */
	font-size:		10pt;
}
TD {
	vertical-align:		top;
	padding:		0.5em 0.5em 0.5em 0.5em;
/*
	border-right:		red solid 1px;
	border-bottom:		red solid 1px;
*/
}

DIV.left {
	float:			left;
}
DIV.right {
	float:			right;
}


/* info data weblet */
TABLE.infodata {
	padding:		0 0 0 0;
	margin:			0 0 0 0;
	background-repeat:	no-repeat;
	background-position:	center center;
}
TABLE.infodata TD {
	padding:		0 0 0 0;
	margin:			0 0 0 0;
	font-size:		small;
	vertical-align:		middle;
}
.infodata DL {
	display:		block;
}
.infodata DT {
	display:		inline;
	text-align:		left;
	float:			left;
	clear:			both;
	margin:			0 0 0 0;
	color:			#ccccff;
}
.infodata DD {
	display:		block;
	text-align:		right;
	/*float:			both;*/
	vertical-align:		top;
	clear: right;
	margin:			0 0 0 0;
}
.infodata DD,
.infodata DD A,
.infodata DD A:visited {
	color:			#ffffff;
}


/* ... slides ... */
.midslide {
	padding:		1px 2px 1px 2px; 
	width:			504px;
	text-align:		left;
	background-color:	#000099;
	margin-left:		auto;
	margin-right:		auto;
	color:			#ffffff;
}

.midslide A:link,
.midslide A:visited,
.midslide A:active {
	color:			#6666ff;
	text-decoration: 	none;
}

.midslide A:hover {
	color:			#ffffff;
}
.midslide IMG {
	padding:		0;
	margin:			0;
}
.midslide .navpath {
	color:			#ffffff;
	font-weight:		bold;
}
.midslide .caption {
	text-align:		justify;
}


DIV.center {
	text-align:center; 
}


TABLE TR.head {
	color:			#ffffff;
	background-color:	#000099;
	font-weight:		bold;
}
TABLE TR.highlighted {
	background-color: #efefef;
}


/* ... link back to story/content ... */
.backtocont {
	font-size:		small;
}


div.capimg
{
	background-color: 	#000099;
	font-size:		x-small;
	text-align:		center;
	color:			#ffffff;
}
.thumbnails {
	margin:			0 auto;
	padding:		0;
	text-align:		center;
}
.thumbnails-right {
	margin:			0 0 0 auto;
	padding:		0;
	text-align:		right;
}
.thumbnails-right div {
	margin:			5px 0 5px 10px;
	padding:		2px;
	float:			right;
}
.thumbnails div {
	margin:			5px;
	padding:		2px;
	float:			left;
}
.thumbnails {
	width:			571px; /* = (5+2+1+171+1+2+5)*3 = (margin+padding+border+img...); 715px;  Actual value for conformant browsers */
}
.thumbnails-right {
	width:			374px; /* = (5+2+1+171+1+2+5)*3 = (margin+padding+border+img...); 715px;  Actual value for conformant browsers */
}
.thumbnails-right div,
.thumbnails div {
	display:		block;
	width:			173px;  /* False value for IE4-5.x/Win */	
	voice-family:		"\"}\""; 
	voice-family:		inherit;
	width:			173px;	 /* Actual value for conformant browsers */
}
html>.thumbnails-right div,
html>.thumbnails div {
	width:			173px; /* Be nice to Opera */
}

.thumbnails-right div.thumb,
.thumbnails div.thumb {
	width:			171px;
	margin:			0;
	padding:		0;
	border:			0;
	float:			none;
	font-size:		x-small;
}


/* ... floating image w/ caption on right ... */
.capimgright {
	float: 			right;
	margin:			0 0 10px 10px;
	background-color: 	#000099;
	padding:		2px;
	color:			#ffffff;
	text-align:		center;
	font-size:		x-small;
}

.capimgleft {
	float: 			left;
	margin:			0 10px 10px 0;
	background-color: 	#000099;
	padding:		2px;
	color:			#ffffff;
	text-align:		center;
	font-size:		x-small;
}

.capimg A,
.capimgleft A, 
.capimgright A {
	color: #ffffff;
}
.capimg A:hover,
.capimgleft A:hover, 
.capimgright A:hover {
	color: #6666ff;
}




.valid {
	display:		table;
	margin:			0 auto auto auto;
}

P,
H1,
H2,
H3,
H4,
H5,
H6 { 
	margin-top:		0;
}

H4,
H5,
H6 {
	margin-bottom:		0;
}

.sig {
	float:			right;
	font-style:		italic;
}

.clear {
	clear: both;
}

.more {
	font-size: smaller;
}




/* test */
.minithumbcap {
	width:			171px;
	height:			100%;
	padding:		2px;
	font-size:		x-small;
	text-align:		left; /*justify;*/
	vertical-align:		top;
	background-color: 	#000099;
	color:			#ffffff;
}
.minithumbcap A:visited,
.minithumbcap A {
 	text-decoration:	none;
	color:			#ffffff;
}
.minithumbcap A:hover {
	color:			#6666ff;
}
.minithumbcap img.left {
	float:			left;
	margin-right:		2px;
	margin-bottom:		2px;
}
.minithumbcap img.right {
	float:			right;
	margin-left:		2px;
	margin-bottom:		2px;
}

.minithumbcap H4,
.minithumbcap H4 A, 
.minithumbcap H4 A:visited, 
.minithumbcap A H4,
.minithumbcap A:visited H4 {
	color:			#ffffff;
	font-size:		medium;
	text-align:		center;
}
.minithumbcap H4 A:hover,
.minithumbcap A:hover H4 {
	color:			#6666ff;
}

.clearboth { clear: both; }



.dropcap {
	float:		left;
	/*width:		.7em;*/
	font-size:	4em;
	line-height:	83%;
	padding-right:	.1em
}