/* Generic elements styles */

body
{
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2em;
	font-family: Sans-Serif;
}

h1, h2
{
	text-align: center;
}

fieldset
{
	padding: 0.5ex 2ex 1ex 2ex;
}

legend
{
	font-style: italic;
	padding-left: 1ex;
	padding-right: 1ex;
}

ul li
{
	margin-bottom: 0.5ex;
	list-style-type: disc;
}

p
{
	text-align: justify;
}

hr
{
	margin-top: 2em;
}

img
{
	border: none;
	vertical-align: middle;
}

/* Style for the links placed immediately after the page title */

p.headerLink
{
	text-align: center;
}

p.headerLink:before
{
	content: ">>> ";
}

p.headerLink:after
{
	content: " <<<";
}

/* The "pesimized for any broser" joke and the "welcome to" title */

p.pesimized
{
	text-align: center;
	font-style: italic;
	margin-top: 2em;
}

p.hostedby
{
	text-align: center;
	font-weight: bold;
	margin-top: 2em;
	font-size: 110%;
}

p.welcometo
{
	text-align: center;
	font-weight: bold;
	font-size: 150%;
}

/* The "return to index" link */

p.top
{
	text-align: center;
}

p.top:before
{
	content: "[ ";
}

p.top:after
{
	content: " ]";
}

/* The update dates in the "What's new" section" */

.updateDate
{
	font-weight: bold;
}

.updateDate:before
{
	content: "[ ";
}

.updateDate:after
{
	content: " ]";
}

/* The image that shows email address */

img.email
{
	width: 175px;
	height: 12px;
}

/* Box showing the MSX web ring image and links */

div.webring
{
	text-align: center;
	border: gray 1px solid;
	margin-top: 2em;
	margin-left: 25%;
	margin-right: 25%;
	vertical-align: middle;
}

/* Strong and emphasized spans */

.strong
{
	font-weight: bold;
}

.emphasize
{
	font-style: italic;
}

/* The first word of a list item */

.listTitle
{
	font-weight: bold;
}

/* Extra margin for nested list, needed because <ul> elements can't be nested */

li.innerList
{
	margin-left: 3ex;
	list-style-type: circle;
}

/* Paragraphs inside list items */

li p
{
	margin-top: 0px;
}

/* The last line of the page, containing banners and "last update" info
   Note: banners are 81px x 31px */

div.lastUpdateAndW3Banners
{
	height: 31px;
}

div.validXHTML
{
	float: left;
	width: 100px;
	text-align: left;
	height: inherit;
}

div.validCSS
{
	float: left;
	width: 100px;
	text-align: left;
	height: inherit;
}

div.mrc
{
	float: right;
	width: 100px;
	text-align: right;
	height: inherit;
}

div.lastUpdate
{
	font-weight: bold;
	text-align: center;
	margin-right: 200px;
	height: inherit;
}

div.lastUpdate:before
{
	content: "[ ";
}

div.lastUpdate:after
{
	content: " ]";
}