/*
	version:		2007-10-08
*/

@charset "utf-8";


img gallery-serial
{
	width:				120px;
}

html
{
	margin:				0 auto;
	border:				0;
	padding:			0;
	width:				100%;
	height:				100%;
	overflow:			invisible;
}

body
{
	margin:				0 auto;			/* same border for absolute and relative positioning */
	border:				0;
	padding:			0;
	width:				100%;
	height:				100%;
	text-align:			center;			/* page center ie<=6 */
	font-size:			100.01%;
	overflow:			invisible;
}

/* ------------------------------------------------------------------- */

#wrapper,
#wrapper1
{
	position:			absolute;
	z-index:			10;
	margin:				0 auto;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	overflow:			invisible;
}
#keywords
{
	position:			absolute;
	z-index:			1;
}

.invisibleframe
{
	display:			none;
	z-index:			2;
	visibility:			hidden;
	border:				0px;
	width:				0;
	height:				0;
}

/* ------------------------------------------------------------------- */

.clear
{
	clear:				both;
}

.scrollable
{
	overflow:			auto;
}

.first-paragraph
{
	margin-top:			0em;
}

/* position floating ----------------------------------------------------------------- */

.float-left
{
	/* ie: no width for floating */
	display:			inline;
/*	margin:			1em 1em .5em 1em;	*/
	margin-right:			.7em;
	overflow:			hidden;
	float:				left;
/*	align:				center middle;	*/
/*	vertical-align:		middle;	*/
/*	text-align:			center;	*/
}

.float-right
{
	/* ie: no width for floating */
	display:			inline;
/*	margin:			1em 1em .5em 1em;	*/
	margin-left:			.7em;
	overflow:			hidden;
	float:				right;
/*	align:				center middle;	*/
/*	vertical-align:		middle;	*/
/*	text-align:			center;	*/
}

/* position centering ------------------------------------------------------------------- */

.wide
{
	width:				99%;
}

.high
{
	height:				99%;
}

p.left,
span.left
{
	text-align:			left;
}
p.center,
span.center,
div.center
{
	text-align:			center;
}
p.right,
span.right,
div.right
{
	text-align:			right;
}
p.justify,
span.justify,
div.justify
{
	text-align:			justify;
}
p.rotate90
{
	writing-mode:			tb-rl;			/* css3 */
	filter:				flipv fliph;		/* css3 */
}
.centered
{
	margin-left:			auto;
	margin-right:			auto;
}

table.center
{
	position:			absolute;		/* relative width: ff: absolute, static, relative (not fixed). ie: absolute (not relative, fixed, static) */
	xdisplay:			inline-table;
	margin-left:			0;			/* will set 1em or wider on each side */
	margin-right:			0;			/* will set 1em or wider on each side */
	xleft:				0;
	xright:				0;
	border-collapse:		collapse;
	width:				100%;
/*	border:				1px solid #00ff00;	*/
	table-layout:			fixed;
/*	overflow:			visible;	*/
}
table.center tr td
{
/*	margin:				0;	*/
	text-align:			center;
/*	overflow:			visible;	*/
}
table.center tr td div,
table.center tr td iframe
{
	position:			static;			/* for hole div for positioning instead just focus-point */
	display:			block;			/* for sizing */
	margin-left:			auto;
	margin-right:			auto;
}
/*table.center tr td *
{
	display:			inline;
	position:			static;
}*/

table.middle
{
/*	position:			absolute;	*/			/* relative width: ff: absolute, static, relative (not fixed). ie: absolute (not relative, fixed, static) */
	xdisplay:			inline-table;
	margin-top:			0;
	margin-bottom:			0;
	xtop:				0;
	xbottom:				0;
	border-collapse:		collapse;
	height:				100%;
/*	overflow:			visible;	*/
}
table.middle tr td
{
	margin:				0;
	vertical-align:			middle;
/*	overflow:			visible;	*/
}
table.middle tr td div,
table.middle tr td iframe
{
	position:			static;			/* for hole div for positioning instead just focus-point */
	display:			block;			/* for sizing */
}


/* ------------------------------------------------------------------- */

form {
	display:			inline;
}

/* images ------------------------------------------------------------------- */

img {
	margin:				0px;
	border:				0px;
	padding:			0px;
}

img.gallery
{
	height: 120px;
	width: 120px;
}

img.drag
{
	cursor:				move;
}

/* ------------------------------------------------------------------- */
/*
hr
{
		xdisplay:			inline;
		xmargin:			-7px 0;
		xborder:			1px solid #FF0000;
		xpadding:			0;
	width:				90%;
		xheight:			2px;
	font-size:			1em;
	//size:				2px;
}
*/

/* ------------------------------------------------------------------- */

a
{
/*	color:				inherit;			ie: not working	*/
	text-decoration:		underline;
}

a:hover
{
	cursor:				pointer;
}
a img.atsign {
	margin:				0 .1em 0 .1em;
	border:				0px;
	height:				1em;
	vertical-align:			-.2em;
/*	vertical-align:			-25%;	*/
}
a .text
{
	margin:				0 .2em -.15em .2em;
	height:				1em;
		xwidth:				.8em;
}

/* ------------------------------------------------------------------- */

note,
.note
{
	background-color:		#FFFF00;
	color:				#FF0000;
	line-height:			1.3em;
	font-family:			Arial, Verdana, Helvetica, sans-serif;
	font-size:			130%;
	font-weight:			bold;
	font-style:			italic;
}

.dropcaps
{
	padding-top:			.07em;
	font-size:			2.75em;
	line-height:			.8em;
	float:				left;
}

/* ------------------------------------------------------------------- */

table.sortable th
{
	text-decoration:		underline;
	cursor:				pointer;
}

table.grid
{
	display:			inline-table;		/* for enable cented, but avoid early linebreaks */
	margin:				0em 0 0 0em;
	border:				0px;
	padding-left:			0em;
}
table.grid tr th
{
	xmargin:				0 .3em .3em 0;
	border:				0px;
	padding:			.1em .1em .1em .1em;
	line-height:			1.2;			/* IE6 peekaboo bug hack */
}
table.grid tr td
{
	xmargin:				0 .3em .3em 0;
	border:				0px;
	padding:			.1em .1em .1em .1em;
	vertical-align:			top;
	text-align:			left;
	line-height:			1.2;			/* IE6 peekaboo bug hack */
}



/* lists ------------------------------------------------------------------- */

ul.disc
{
	xdisplay:			block;
	xmargin:				0 0 .7em 0em;
	list-style-type:		disc;
	line-height:			0;			/* IE6 peekaboo bug hack */
}
ul.disc li
{
	line-height:			1.2;			/* IE6 peekaboo bug hack */
}


/* menu ------------------------------------------------------------------- */

.menu-h ul.l1,
.menu-v ul.l1
{	/* menu-container-box */
/*	position:			absolute;	*/	/* ie */
	margin:				0 auto;
	padding:			0;
	list-style-type:		disc;
}

.menu-h li.l1,
.menu-v li.l1
{	/* menu items */
	position:			relative;	/* static moves ul2 to left, absolute overlaps li1 */
}
.menu-h li.l1
{
	display:			inline;
	xpadding-left:			1em;
	list-style-type:		disc;
/*	xfloat:				left;	*/
}
.menu-v li.l1
{
	display:			block;
	width:				100%;
}
.menu-v li.l1 h1,
.menu-v li.l1 h2,
.menu-v li.l1 h3
{
	width:				100%;
}
.menu-v li.l1 a,
{
	display:			block;	/* full width click-able */
	width:				100%;
}

.menu-h ul.l2,
.menu-v ul.l2
{	/* menu item sub-container-box */
	xz-index:			1;
	display:			none;	/* if no hover not displayed */
/*	xvisibility:			hidden;	*/
	margin:				0;
	padding:			0;
}
.menu-h ul.l2
{
	position:			absolute;
}

.menu-h li.l2
{
	display:			inline;		/* inline horizontal, block vertical*/
}
.menu-v li.l2 h1,
.menu-v li.l2 h2,
.menu-v li.l2 h3,
.menu-v li.l3 h1,
.menu-v li.l3 h2,
.menu-v li.l3 h3
{
	width:				100%;
}
.menu-h li.l2 a,
.menu-h li.l3 a,
.menu-v li.l2 a,
.menu-v li.l3 a
{
	xdisplay:			block;	/* full width click-able */
	width:				100%;
}
.menu-h li.l1:hover ul.l2,
.menu-h li.l2:hover ul.l3,
.menu-h li.l3:hover ul.l4,
.menu-v li.l1:hover ul.l2,
.menu-v li.l2:hover ul.l3,
.menu-v li.l3:hover ul.l4
{
/*	xvisibility:			visible;	*/
	xposition:			absolute;
	xmargin:				0;
	padding:			0;
}
.menu-v li.l1:hover ul.l2,
.menu-v li.l2:hover ul.l3,
.menu-v li.l3:hover ul.l4
{
	display:			inline;
}
.menu-h li.l1:hover ul.l2,
.menu-h li.l2:hover ul.l3,
.menu-h li.l3:hover ul.l4
{
	display:			block;
}

/* ------------------------------------------------------------------- */