/* header */
#id_top
{
	display: table;
	width: 100%;
	height: 255px;
	margin: 1em auto;
}

#id_title
{
	display: table-cell;
	width: 100%;
	height: 100%;

	vertical-align: middle;
	text-align: center;
	font-size: 250%;
	text-decoration: none;
	
	background-image: url(img/header.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
#id_menu
{
	display: table;	
	width: 70%;
	align: center;
	margin: 0 auto;
}
.class_menuItem:link, .class_menuItem:visited
{
	display: inline-block;
	width: 20%;	/* 1/(5 pages) */
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 70%;
	color: rgb(125, 125, 125);
}
.class_menuItem:hover, .class_menuItem:active
{
	color: rgb(180, 180, 180);
}
#id_noscriptmsg
{
	width: 100%;
	margin: auto;

	text-align: center;
	color: red;

	border-style: solid;
	border-width: medium;
}

/* page content */
#id_main
{
	width: 100%;
	margin: 1em auto;
	
	text-align: left;
	
	border-style: solid none;
	border-width: thin;
	border-color: rgb(200, 200, 200);
}
.class_subtitle
{
	margin: 1em 10%;
	text-align: left;
	color: rgb(150, 150, 150);
	font-style: italic;
}
.class_deck
{
	width: 80%;
	margin: 1em auto;
}

p
{
	margin: 1em;
	font-size: 85%;
	font-family: arial;
}

/* footer */
#id_bottom
{
	width: 100%;
	height: 100px;
	margin: 0 auto;
}
#id_menu_sub
{
	width: 70%;
	align: center;
	margin: 0 auto;
}
.class_menu_sub_link
{
	font-size: 70%;
	text-decoration: none;
}
#id_copyright
{
	width: 70%;
	text-align: right;
}