/************************
* global stuff
************************/

html
{
	height:			100%;
}
	body
{
	height:			100%;
	color:			#FFFFFF;
	background-color:	#111;
}

a, a:link
{
	color:			Gray; /*#008800;*/
	text-decoration:	none;
}

a:active
{
	color:			Gray; /*#00AA00;*/
	text-decoration:	none;
}

a:visited
{
	color:			Gray; /*#006600;*/
	text-decoration:	none;
}

a:hover
{
	color:			Gray; /*#00CC00;*/
	text-decoration:	none;
}

/************************
* table main
************************/

table.main
{
	width:		100%;
	height:		100%;
	border-width:	0px;
	padding:	0px 0px 0px 0px;
}

tr.main
{
	vertical-align:		middle;
	text-align:		center;
	height: 50%
}

td.main
{
	vertical-align:		middle;
	text-align:		center;
	width: 50%;
}

/************************
* table navigation
************************/

table.navigation
{
	width:		100%;
	height:		100%;
	border-width:	0px;
	padding:	0px 0px 0px 0px;
}

tr.navigation
{
	vertical-align:		middle;
	text-align:		center;
}

td.navigation
{
	vertical-align:		middle;
	text-align:		center;
	background-color:	#000000;
}


/************************
* image title
************************/

img.title
{
	height:	80%;
	width:	80%;
}

/************************
* image navigation
************************/

img.navigation
{
	border:	0px;
}

/************************
* table contents
************************/

table.contents
{
	width:		50%;
	border-width:	0px;
	padding:	0px 0px 0px 0px;
}

th.contents
{
	vertical-align:	bottom;
}

tr.contents
{
	vertical-align:		middle;
	text-align:		left;
}

td.contents
{
	vertical-align:		middle;
	text-align:		left;
	background-color:	#000000;
}

thead.contents
{
	font-weight:	bold;
	height:		7ex;
}

tbody.contents
{
}

tfoot.contents
{
	font-weight:	bold;
}