/* M A I N */
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-shadow: 0 1px 1px #000; }
body { margin: 10px; height: 100%; }
a { color: #A4FF8C; text-decoration: none; outline: none; }
a:hover { color: #fff; }
a:active { position: relative; top: 1px; text-shadow: none; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
a img { border: none; }
h1 { font-size: 16px; position: relative; }

#wrapper { width: 1000px; margin: 0 auto; }

#header { width: auto; height: 80px; margin: 0 auto; margin-bottom: 10px; background: url(/css/images/white_bg.png) repeat; position: relative; z-index: 2; }
#header #logo { top: -20px; position: absolute }
#header #banner { height: 115px; top: -15px; right: 0; position: absolute; z-index: 3; }

#body { width: auto; margin: 0 auto; background: url(/css/images/white_bg.png) repeat; padding-top: 10px; position: relative; float: left; padding-bottom: 10px; }

#navigation { width: 1000px; height: 25px; background: url(/css/images/black_bg.png) repeat; }
#navigation ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0 10px; }
#navigation li { float: left; margin-top: 5px; }
#navigation li a { padding: 5px 10px; }

#content { width: auto; float: left; z-index: 1; }
#content #colleft { width: 80%; float: left; }
#content #colright { width: 20%; float: right; }

#content #colleft #news { padding: 10px 10px 0 10px; }
#content #colleft #news * { padding: 5px 10px; }
#content #colleft #news a { padding: 0; }
#content #colleft #news h1 { background: url(/css/images/black_bg.png) repeat; margin: 0 0 1px 0; position: relative; }
#content #colleft #news h1 a { color: #fff; }
#content #colleft #news h1 .sub { font-size: 10px; margin-right: -10px; position: absolute; top: 3px; right: 10px; }
#content #colleft #news p { font-size: 13px; position: relative; background: url(/css/images/black_bg.png) repeat; margin: 0; margin-bottom: 10px; padding-bottom: 22px; }
#content #colleft #news p span { position: absolute; bottom: 0; right: 0; width: auto; text-align: right; font-size: 10px; }
#content #colleft #news img { padding: 0; position: relative; margin-right: 7px; }

#content #colright #recruitment { padding: 10px 10px 10px 0; width: 186px;}
#content #colright #recruitment a { padding: 0; color: #fff;}
#content #colright #recruitment h1 { background: url(/css/images/black_bg.png) repeat; margin: 0 0 1px 0; text-align: center;}
#content #colright #recruitment h1 a { color: #fff; display: block; padding: 5px 0;}
#content #colright #recruitment p { color: #666; background: url(/css/images/black_bg.png) repeat; margin: 0 0 10px 0; font-size: 11px; padding: 5px 10px;}
#content #colright #recruitment #wowhead { padding: 0; text-align: center; background: url(/css/images/black_bg.png) repeat; width: 186px; margin: 0 0 10px 0;}
#content #colright #recruitment #wowhead img { float: none; }
#content #colright #recruitment #wowhead input { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #fff; background: url(/css/images/black_bg.png) repeat; border: 1px solid #333; padding: 3px; margin: 0 0 10px 0; }
#content #colright #recruitment #panel { padding: 0; text-align: center; width: 186px; height: 290px; background: url(/css/images/black_bg.png); margin: 0 0 10px 0;}
#content #colright #recruitment #panel img { float: none; padding-left: 8px; padding-right: 8px; padding-bottom: 4px; padding-top: 4px;}
#content #colright #recruitment form { margin: 0; padding: 0; }

.super { font-size: 10px; vertical-align: top; }
.sub a { color: #A4FF8C !important; }

#links { width: 100%; float: left; }
#links * p { padding: 10px; margin: 0; }
#links #left {margin: 0 10px; float: left; background: url(/css/images/black_bg.png) repeat; }
#links #left .half { width: 245px; float: left; padding: 0; margin: 0; }
#links #right { width: 480px; margin-right: 10px; float: left; background: url(/css/images/black_bg.png) repeat; }

#footer { width: 980px; font-size: 10px; float: left; }
#footer p { float: left; padding:5px; margin: 0; }

#noscript { margin: 10px 10px 0 10px; padding: 5px 10px; background: url(images/noscript_bg.png); color: #FFCCCC; }

.deathknight { color: #C41F3B; padding: 0; }
.druid { color: #FF7D0A; padding: 0; }
.hunter { color: #ABD473; padding: 0; }
.mage { color: #69CCF0; padding: 0; }
.paladin { color: #F58CBA; padding: 0; }
.priest { color: #FFFFFF; padding: 0; }
.rogue { color: #FFF569; padding: 0; }
.shaman { color: #2459FF; padding: 0; }
.warlock { color: #9482C9; padding: 0; }
.warrior { color: #C79C6E; padding: 0; }

.open { color: #88FF88; }
.medium { color: #F4A759; }
.closed { color: #B00000; }
.notdone { color: #6C6C6C; }

.downarrow {

	position: absolute;
	right: 0;
	top: 5px;
}