*
{
	margin: 0;
	padding: 0;
}
html, body
{
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #000000;
	height: 100%;
	background-image: url(background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
A:link
{
	color: #ffffff;
	text-decoration: none;
}
A:visited
{
	color: #ffffff;
	text-decoration: none;
}
table.center
{
	margin-left: auto;
	margin-right: auto;
}
.TitleTransparency
{
	width: 1000px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
.TitleDiv
{
	background-position: top center;
	background-repeat: no-repeat;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	margin-right: auto;
	text-align: center;
	position: absolute;
	height: 100px;
	top: 0px;
}
.Cap
{
	width: 1000px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
}
.tl2
{
	width: 10px;
	height: 10px;
	background-image: url(media/corners2/tl.gif);
	float: left;
}
.capmid
{
	width: 980px;
	height: 10px;
	float: left;
	background-color: #658FAB;
}
.tr2
{
	width: 10px;
	height: 10px;
	background-image: url(media/corners2/tr.gif);
	float: left;
}
.bl2
{
	width: 10px;
	height: 10px;
	background-image: url(media/corners2/bl.gif);
	float: left;
}
.br2
{
	width: 10px;
	height: 10px;
	background-image: url(media/corners2/br.gif);
	float: left;
}
.ContentDivWrap
{
	background-color: #658FAB;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	overflow: auto;
}
.ContentDiv
{
	color: #546979;
	background-color: #DCE4E9;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	overflow: auto;
}
.MenuDiv
{
	width: 980px;
	height: 56px;
	background-image: url(media/backgrounds/menu.png);
	text-align: center;
}
.SubMenu
{
	top: 15px;
	width: 860px;
	height: 30px;
	position: relative;
	text-align: center;
	color: #ffffff;
	font-weight: bolder;
	font-family: Arial;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto
}
.TooltipDiv
{
	color: #ffffff;
	width: 400px;
	margin-left: 60px;
	margin-top: 20px;
	float: left;
	height: 125px;
	overflow: hidden;
}
.tl
{
	background-image: url(media/corners/tl.gif);
	height: 9px;
	width: 9px;
	float: left;
}
.top
{
	width: 382px;
	height: 9px;
	float: left;
	background-color: #000000;
}
.tr
{
	background-image: url(media/corners/tr.gif);
	height: 9px;
	width: 9px;
	float: left;
}
.left
{
	width: 9px;
	height: 107px;
	float: left;
	background-color: #000000;
}
.middle
{
	width: 382px;
	height: 107px;
	float: left;
	overflow: hidden;
	background-color: #000000;
	text-align: left;
}
.right
{
	width: 9px;
	height: 107px;
	float: left;
	background-color: #000000;
}
.bl
{
	background-image: url(media/corners/bl.gif);
	width: 9px;
	height: 9px;
	float: left;
}
.bottom
{
	width: 382px;
	height: 9px;
	float: left;
	background-color: #000000;
}
.br
{
	background-image: url(media/corners/br.gif);
	width: 9px;
	height: 9px;
	float: left;
}
.Icon
{
	width: 40px;
	height: 107px;
	float: left;
}
.SpellInfo
{
	width: 333px;
	height: 107px;
	margin-left: 9px;
	float: left;
	background-color: #000000;
	color: #ffffff;
}
.gap
{
	height: 10px;
	width: 1000px;
	background-color: #658FAB;
	margin-left: auto;
	margin-right: auto;
}
.gap2
{
	height: 20px;
	width: 980px;
	float: left;
}
.IntroDiv
{
	width: 944px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;
}
.dew
{
	width: 268px;
	height: 360px;
	float: left;
}
.intro
{
	width: 636px;
	height: 360px;
	margin-left: 20px;
	text-align: center;
	font-family: Arial;
	font-weight: bolder;
	font-size: 11px;
	float: left;
	color: #546979;
}
.dewtop
{
	width: 248px;
	height: 10px;
	float: left;
	background-color: #658FAB;
}
.dewleft
{
	width: 10px;
	height: 340px;
	float: left;
	background-color: #658FAB;
}
.dewmid
{
	width: 248px;
	height: 340px;
	float: left;
	background-image: url(dew.gif);
}
.dewright
{
	width: 10px;
	height: 340px;
	float: left;
	background-color: #658FAB;
}
.dewbottom
{
	width: 248px;
	height: 10px;
	float: left;
	background-color: #658FAB;
}