*
{
	font-family: verdana;
	font-size: small;
	scrollbar-face-color: black;
	scrollbar-track-color: black;
	scrollbar-3dlight-color: white;
	scrollbar-arrow-color: white;
}

a
{
	color: white;
}

* html body
{
	overflow: hidden;
}

body
{
	background-color: black;
	color: white;
	margin: 0;
	padding: 10px;
}

#layoutTable
{
	width: 100%;
	height: 100%;
}

div.contentDiv
{
	width: 100%;
	height: 100%;
	overflow: auto;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-attachment: fixed;	
}

div#history
{
	background-image: url(images/batter.png);
	background-position: 50px center;
}

div#todo
{
	/*background-image: url(images/tetris.png);*/
	background-position: 50px center;
}

div#tutorials
{
	/*background-image: url(images/wizardsandwarriors.png);*/
}

div#downloads
{
	background-image: url(images/mm2dragon.png);
	background-position: 20px center;
}
	

#contentTable
{
	background-color: transparent;
	height: 100%;
	width: 100%;
}

#screenshotTable
{
	width: 100%;
	height: 100px;
}

#screenshotTable td
{
	text-align: center;
	padding: 10px;
}


#menuTable
{
	width: 100%;
}

#menuTable td
{
	text-align: center;
}

#menuTable a
{
	color: #909090;
	text-decoration: none;
}

#menuTable a:hover, #menuTable a.selected
{
	color: white;
}

td.leftPlaceholder
{
	width: 160px;

}

tr.menu
{
	height: 40px;
}

td.menu
{
	width: 100%;
	text-align: center;
}


tr.footer
{
	height: 20px;
}

td.footer
{
	width: 100%;
	text-align: center;
	vertical-align: top;
	font-size: xx-small;
	color: #505050;
}

td.footer a
{
	font-size:xx-small;
	color: #909090;
}

.centered
{
	text-align: center;
}

.title
{
	font-size: large;
}

.header
{
	font-variant: small-caps;
	font-weight: bolder;
}

.caption
{
	font-size: x-small;
	color: #909090;
}