body
{
	font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
	margin: 0 auto;
}	


.topbar {
width: 100%;
height: 270px;
background: url('../images/community/blueheader.gif');
}

.topbarshade {
width: 100%;
height: 21px;
background: url('../images/community/maincomshade.png');
}

/* The main DIV Container on the page. Set to 1000x overflow doesn't work properly 
 Tooltip.png (code at bottom) Properly expands up to 1800pxish or so
 PLZ TO HELP ME have minimum width of 1000px but when an image overlaps it expands (One issue being forum by default has a 
 100% width so it seems to be either % based or stuck that 1000px
*/
.mainpagecom {
min-width: 1000px;
width: 80%;
max-width: 1780px;
height: 500px;
margin: 0 auto;
position: relative;
top: -173px; 
text-align: center;


}

.mainpagecom2{
text-align: left;
}

.topbarinfo {
width: 100%;
height: 30px;

}

.topbarinfo1{
float: left;
padding-left: 10px;
padding-top: 5px;
color: #fcc70e;
}

.topbarinfo a:link, .topbarinfo a:visited
{
color: #fff;
text-decoration: none;
font-size: 10px;
}

.topbarinfo a:hover
{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 11px;
}

.topbarinfo2{
float: right;
padding-right: 12px;
padding-top: 5px;
}

.topbargame{
width: 100%;
height: 243px;
}

.type
{
background: url(../images/community/wow.png);
}

.trlogo1
{
width: 198px;
height: 160px;
background: url(../images/community/tr.png);
position: absolute;
top: -85px;
left: -80px;
}


.trdialog {
  margin:0px auto;
 min-width:8em;
 max-width:1788px; /* max size of the tooltip.png used */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.trdialog .trcontent,
.trdialog .t,
.trdialog .b,
.trdialog .b div {
 background:transparent url(../images/community/tooltip.png) repeat-y top right;
 _background-image:url(../images/community/tooltip.png);
}

.trdialog .trcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.trdialog .t {
  position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.trdialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.trdialog .b,
.trdialog .b div {
 height:30px;
 font-size:1px;
}

.trdialog .b {
 background-position:bottom right;
}

.trdialog .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

.trdialog .hd,
.trdialog .bd,
.trdialog .ft {
 position:relative;
}

.trdialog .wrapper {
 position:static;
 max-height:6000px;
 overflow:auto; 
}

.trdialog h1,
.trdialog p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}

.trdialog h1 {
 padding-bottom:0px;
}


.trreg {
width: 670px;
min-height: 402px;
background: url(../images/community/soldierrecruit.png);
overflow: hidden;
}

.trregc 
{
top: 50px;
left: 315px;
padding-left: 6px;
padding-top: 6px;
position: absolute;
width: 320px;
min-height: 206px;
position: absolute;
color: #fff;
font-size: 10px;
}

.trregc a:link, .trregc a:hover, .trregc a:visited
{
color: #fef120;
font-size: 11px;
text-decoratioN: none;
font-weight: bold;
}