/* Generic elements styles */

input
{
	border-width: 0px;
}

.noDisc
{
	list-style-type: none;
}

div#mainContainer
{
	margin-bottom: 2em;
}

h2
{
	margin-bottom: 0.75em;
}

fieldset
{
	margin-top: 1ex;
	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.centered
{
	text-align: center;
}

p.headerLink, div.headerLink
{
	margin-top: 1.5em;
}

p.centeredText
{
	text-align: center;
}

p.wouldYouLikeToDonate
{
	margin-top: 2em;
}

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

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

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

p.welcometo
{
	font-size: 150%;
}

/* The "return to index" link */

p.top
{
	margin-top: 2em;
}

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

.updateDate
{
	font-weight: bold;
}

/* The image that shows email address */

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

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

div.webring
{
	margin-top: 2em;
	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;
}

li.innerList2
{
	margin-left: 6ex;
	list-style-type: circle;
}

li.innerList3
{
	margin-left: 9ex;
	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;
}

.donate
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 10em; 
}

.centered
{
    margin-top: 2em;
    text-align: center;
    vertical-align: central;
    margin-bottom: 2em;
}

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

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