body {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0;
	color: #ccc;
	background-color: #000;
}
.clear { clear: both; height: 15px; }

/* Hyperlinks */
a:link, a:active { color: #ffb019; font-weight: bold; } 
a:visited { color: #d38d01; font-weight: bold; }
a:hover { color: white; }
a.active:link { color: #ffb019; font-weight: bold; }
a.active:active	{ color: #ff0000; font-weight: bold; }
a.active:visited { color: #ffb019; font-weight: bold; }
a.active:hover { color: #fff; }
a.visited:link { color: #b1b1b1; font-weight: bold; }
a.visited:active { color: #ff0000; font-weight: bold; }
a.visited:visited { color: #b1b1b1; font-weight: bold; }
a.visited:hover	{ color: #fff; }
a.index:link, a.index:active, a.index:visited { color: #ccc; text-decoration: none; }
a.index:hover { color: white; }
a.current { font-size: 12px; color: white; text-decoration: none;}
a.nav:link, a.nav:visited, a.nav:active { font: normal 11px arial,verdana, sans-serif; color: #cba300; }
a.nav:hover { color: #fff; }	
a.subMenuLink, a.subMenuLink:link, a.subMenuLink:visited { color: white; font-weight:normal; text-decoration: none; font-family:arial,comic sans ms,technical; font-size: 11px; display:block;}
a.subMenuLink img {border-style:none;}

/* Header Styles */
.logo-container, .logo-right { width: 732px; height: 92px; }
.logo-container { margin: 0 auto; }
.logo-right { position: relative; z-index: 20; }
h1.wow-logo { position: absolute; top: 1px; left: 235px; margin: 0; padding: 0; width: 262px; height: 142px; }
a.ielink { display:block;z-index:99999;width:262px;height:142px;top:0; left: 235px;position:absolute; }
.gryph-container { position: relative; width: 100%; min-width: 775px; z-index: 4020; }
.gryph-z { position: relative; z-index: 5020; }
span.left-gryphon, span.right-gryphon { position: absolute; top: -92px; width: 115px; height: 92px; }
span.left-gryphon { left: 0px; }
span.right-gryphon { right: 0px;background-position:100% 0 !important }

/*\ Navigation \*/
.subnav-container { text-align: center; background: url('/images/back2.png'); }
.top-shadow { background: url('/images/bg-shadow-tile-top.png'); height: 8px; width: 100%; margin-top: -1px;margin-bottom: -8px; }
.drop-shadow { background: url('/images/bg-shadow-tile.png'); height: 8px; width: 100%; margin-bottom: -9px;}
.navigation { position: absolute; top:91px;	z-index:2; }
.button	{ color:#FFFFFF; font-size:9px;	letter-spacing:-1px; }		

/* Border Container */
.border, .border .im3, .border .im6, .border .im8, .border ul { text-align:left; width: 100%; margin: 0px; padding: 0; }
.border ul { list-style: none; }
.border { background: url('/images/back.png') repeat 0 0; }
.smallbox {position: relative;float:right;width:280px;}
.small-content {padding:30px 40px 45px 40px;text-align:left;}
.index-header{
	float: left;
	position: relative;
	width: 100%;
	color:white;
	padding-top: 30px;
	padding-right: 3px;
	padding-bottom: 30px;
	padding-left: 3px;
	height: auto;
}

/* Top Banner */
#shared_topnav { background: #072540 url('/images/bg.gif') 50% 0; border-bottom:1px solid black; }
.topnav { width:100%; text-align:center; position:absolute; z-index:12; font: bold 11px Tahoma;	background: url('images/topbg2.gif') no-repeat 50% 0; border-bottom: 1px solid #143352; padding: 6px 0; }
.tn_interior { width:916px; margin:0px auto; text-align:right; padding-right:40px; }
.topnav a:link, .topnav a:visited { color:#D0A803; text-decoration:none; padding:2px; margin:0 15px; }
.topnav a:hover { color: white; }
.tn_push { height:26px;}

/* Specific Style */
.tn_forums .tn_interior { width:auto; }

#header { background: url('/images/top-tile.gif') repeat-x top center; }
.left-gryphon { background: url('/images/gryphon-left.gif') no-repeat; }
.right-gryphon { background: url('/images/gryphon-right.gif') no-repeat; }
.border .im1{ background: url('/images/border-left.gif') repeat-y 0 0; }
.border .im2{ background: url('/images/border-right.gif') repeat-y 100% 0;}
.border .im3{ background: url('/images/border-top.gif') repeat-x 0 0; }
.border .im4{ background: url('/images/border-bot.gif') repeat-x 0 100%; }
.border .im5{ background: url('/images/border-top-left.gif') no-repeat 0 0; }
.border .im6{ background: url('/images/border-top-right.gif') no-repeat 100% 0; }
.border .im7{ background: url('/images/border-bot-left.gif') no-repeat 0 100%; }
.border .im8{ background: url('/images/border-bot-right.gif') no-repeat 100% 100%;position:relative;z-index:9 }
.border .im8 li{ padding: 9px 0 0 15px; background: url('/images/square.gif') no-repeat 0 8px; }

/* Layout*/

h1.wow-logo { background: url('/images/wowlogo.png') no-repeat 0 0; }
.logo-container { background: url('/images/decor-left.gif') no-repeat left top !important; }
.logo-right { background: url('/images/decor-right.gif') no-repeat right top !important; }
.indexbg { background: #000000; background-image:none !important; }
.indexbg-bg1 { background:transparent url('/images/index-bg1.jpg') no-repeat scroll 0 0; width:344px; height:368px; position:absolute; left:-344px; top:0px; }
.indexbg-bg2 { background:transparent url('/images/index-bg2.jpg') no-repeat scroll 0 0; width:385px; height:394px; position:absolute; left:775px; top:0px; }
.indexbg-extra1 { background: url('/images/extra1.gif') no-repeat scroll 0 0; width:216px; height:53px; position:absolute; left:-216px; top:-53px; z-index:6010; }
.indexbg-extra2 {
	background: url('/images/extra2.gif') no-repeat scroll 0 0;
	width:272px;
	height:87px;
	position:absolute;
	left:710px;
	top:-87px;
	z-index:9999999;
	visibility: visible;
}
.indexbg-extra3 { background: url('/images/extra3.png') no-repeat scroll 0 0; width:63px; height:176px; position:absolute; left:0px; top:0px; z-index:6010; }
.indexbg-extra4 { background: url('/images/extra4.png') no-repeat scroll 0 0; width:157px; height:101px; position:absolute; left:618px; top:0px; z-index:6010; }
.adbg {background:url('/images/forum-bg-tile-top.jpg') repeat-x 0 0}

/* Footer*/
.footer_container{ position:relative; left:auto; top:auto; width:100%; height:auto; z-index:2; background-color: #000000; margin-right: auto; margin-left: auto; right: auto; bottom: auto; }
.footer_text { position:relative; left:auto; top:0px; width:768px; height:auto; z-index:2; background-color: #000000; margin-right: auto; margin-left: auto; bottom: auto; color: #666; padding-bottom: 56px; }
.footer_bar {
	position:static;
	left:auto;
	width:100%;
	height:auto;
	z-index:2;
	background-color: #000000;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/bottom-bg.gif);
	margin-bottom: 1px;
	right: auto;
	bottom: auto;
}

/* Side Navigation Menu */
#menu {
	position:absolute;
	left:-156px;
	top:187px;
	width:90px;
	height:313px;
	z-index:1;
}

/* Layout */
#banner {
	position:relative;
	left:0px;
	top:15px;
	width:100%;
	height:205px;
	z-index:1;
	overflow: hidden;
}
#welcome {
	position:absolute;
	left:0px;
	top:265px;
	width:398px;
	height:158px;
	z-index:2;
}
#notice {
	position:absolute;
	left:0px;
	top:423px;
	width:398px;
	height:143px;
	z-index:3;
}
#information {
	position:absolute;
	left:0px;
	top:565px;
	width:100%;
	height:auto;
	z-index:4;
	background-color: #00FF00;
}
#worgen {
	position:relative;
	width:250px;
	height:225px;
	z-index:2;
	overflow: auto;
	left: 0px;
	bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}
#goblin {
	position:relative;
	top:5px;
	width:250px;
	height:225px;
	z-index:3;
	float: none;
	padding-bottom: 0px;
	overflow: auto;
}
#news {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	z-index:4;
}
#music_player {
	position:absolute;
	left:0px;
	top:335px;
	width:377px;
	height:169px;
	z-index:1;
}