@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	font-size:12pt;
	text-align:center;
	margin:0;
	padding:0;
	background-color: #ECECEC;
}

h1{color:#10b3f8; font-size:24px; text-align:left; padding: 10px 0 0 0; margin:0;}
h2{color:#FF6600; font-size:20px; text-align:left; padding: 10px 0 0 0; margin:0;}
h3{margin:0; padding:0 0 5px 0; font-size:16px; color:#666666}

a:link {color: #0033FF;}
a:visited {color: #0033FF;}
a:hover {color: #FF9900;}
a:active {color: #FF9900;}

#topbar{
background-image:url("../images/topbarbg.jpg");
background-repeat:repeat-x;
height:29px;
margin:0;
padding:0;
}

#topbarcontent{
width:789px;
margin:0 auto;
}

#msbanner{
background-image:url("../images/bannerbg.jpg");
background-repeat:repeat-x;
height:196px;
margin:0;
padding:0;
}

#wrapper{
width:800px;
margin:0 auto;
padding:0;
text-align:left;
}

#nav{
width:800px;
height:57px;
padding:10px 0 0 0;
margin:0;
}

#content{
background-image:url(../images/contentshadow.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
width:800px;
padding:5px 0 29px 0;
margin:0;
}

#info{
padding:0 10px 0 10px;
margin:0;
}

#btminfo{
width:800px;
height:68px;
text-align:center;
margin:0;
padding:0 0 15px 0;
}

#btmnav{
padding:10px 0 15px 0;
margin:0;
font-size:12px;
text-align:center;
}

.topnav{
float:right;
font-size:10pt;
font-weight:bold;
margin:0;
padding:6px 0 0 0;
}

.topnav a:link { color: #333; text-decoration: none; }
.topnav a:visited { color: #333; text-decoration: none; } 
.topnav a:hover { color: #FF9900; }
.topnav a:active { color: #FF9900; }

.lowernav{
width:inherit;
text-align:center;
padding:0 0 5px 0;
font-size:10pt;
}

.zero{
padding:0;
margin:0;
}

.center{ text-align:center; }
.right{ float:right; }
.left{ float:left; }
.both{ clear:both; }

.order{
font-size:24px;
text-align:center;
}

.tophat{
float:left;
padding:0;
margin:0;
}

.warriorimage{float:right; margin:0; padding:0; width:250px; text-align:center;}
.warriortext{float:left; margin:0;	padding:0; width:auto;}
.mageimage{float:left; margin:0; padding:0; width:250px; text-align:center;}
.magetext{float:right; margin:0; padding:0; width:auto;}
.bowmanimage{float:right; margin:0; padding:0; width:250px; text-align:center;}
.bowmantext{float:left; margin:0; padding:0; width:auto;}
.thiefimage{float:left; margin:0; padding:0; width:250px; text-align:center;}
.thieftext{float:right; margin:0; padding:0; width:auto;}

.classgroup{height:224px; width:780px}
.classreflect{text-align:center; padding:0 15px 0 5px; margin:0;}
.classreflectthief{text-align:center; padding:0 0 0 5px; margin:0;}
.classinfo{width:160px; padding:0; margin:0; font-size:10pt; color:#666666; list-style:inside;}

.screenshot{padding:10px 0 0 0; margin:0;}

.highlight{
border: #ffcc33 solid 1px;
background-color:#ffffcc;
}

.highlight2{
border: #58a40d solid 1px;
background-color:#dbf7c0;
}

.memberhighlight{
border: #333333 solid 3px;
background-color: #F0F0F0;
}

.gamecard{
float:right;
padding:0;
}