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

body {
	background: #111;
	margin-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #d9d9d9;}

#container {
	margin: auto;
	width: 902px;
	z-index:-1;
	overflow:auto;
	padding-bottom: 1px;
}
	
#header {
	width: 900px;
	height: 300px;
	margin: auto;
	background-image: url(images/ic_title.jpg);
	background-repeat:no-repeat;
	border: 1px dotted #333;
}

.spacer { 
clear: both; 
height: 5px;  
} 

.smallspacer { 
clear: both; 
height: 4px;  
} 	
	
#main_area {	
	width: 685px;
	float: right;
	background: #000;
	border: 1px dotted #333;
	padding: 5px;
	}

#main_area_forums {	
	width: 900px;
	background: #000;
	border: 1px dotted #333;
	padding: 5px;
	overflow: hidden;
	}

#forums_embed {
	width: 900px;
	height: 100%;
	overflow: auto;
}
	
#nav_container {
	width: 200px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px dotted #333;
	}
	
	
#navigate {
	width: 200px;
	float: left;
	background: #000;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dotted #333;
	}
	
#navigate_forums {
	width: 900px;
	background: #000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dotted #333;		
	overflow: hidden;
	}
	
#navigate_title {
	font-size: 13px;
	padding-left: 5px;
	color: #FFFFFF;}

div#navigate hr {
	color: #CCC;
	width: 190px;}
	
a.navigate_item {
	padding-left: 5px;}
	
#boss_kills {
	width: 200px;
	float: left;
	background: #000;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dotted #333;
	}		
	
#boss_kills_title {
	font-size: 13px;
	padding-left: 5px;
	color: #FFFFFF;}
	
div#boss_kills hr {
	color: #CCC;
	width: 190px;}
	
div#boss_kills img {
	width: 190px;
	padding-left: 5px;
	}	
	
.news_title {
	font-size: 19px;
	font-weight: bold;
	color: #FFFFFF;
}

.news_poster {
	font-size: 9px;
	color: #CCC;
}

a.navigate_item {
	padding-left: 5px;}
	
.policy_title {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

.policy_subtitle {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.policy_emphasize {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.apply_emphasize {
	font-size: 11px;
	font-weight: bold;
	color: #800000;
}

table.apply {
padding: 6px;
border-collapse: collapse;
}

table.apply  td{
vertical-align: top;
width: 200px;
}

table.apply  tr{
vertical-align: top;
text-align: left;
}

#alignright{
text-align:right;
}	


div#main_area p {
	color: #CCC;
}

/*********** ROSTER ************/
#main_area_roster {	
	width: 655px;
	float: right;
	background: #000;
	border: 1px dotted #333;
	padding: 20px;
	text-align: center;
	}


div.left_roster{
	background: #111;
	color: #CCC;
	width:295px; 
	border: 1px dotted #333;	
	padding: 10px;
	float: left;
}
div.right_roster {
	background: #111;
	color: #CCC;
	float:right;
	width:295px; 
	border: 1px dotted #333;
	padding: 10px;
}


div.bottom_roster {
	background: #000;
	color: #CCC;
	float:right;
	width:100%; 
	height: 7px; 
}

div.left_roster_spacer { 
	height: 7px; 
	width:295px; 
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
} 

div.right_roster_spacer { 
	height: 7px;   
	width:295px; 
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}

.roster_name{ 
	float:left;
	width:33%;
	text-align: left;
}
.roster_race{ 
	float:left;
	width:98px;
	text-align: right;
}
.roster_rank { 
	float:left;
	width:33%;
	text-align: right;
}


.DeathKnight { color: #8a082d; }
	a.DeathKnight:hover { color: #8a082d; }
	a.DeathKnight { text-decoration:none; }

.Druid { color: #DF7401; }
	a.Druid:hover { color: #DF7401; }
	a.Druid { text-decoration:none; }

.Hunter { color: #417f3a; }
	a.Hunter:hover { color: #417f3a; }
	a.Hunter { text-decoration:none; }

.Mage { color: #01AABD;}
	a.Mage:hover { color: #01AABD; }
	a.Mage { text-decoration:none; }

.Paladin { color: #F781BE; }
	a.Paladin:hover { color: #F781BE; }
	a.Paladin { text-decoration:none; }

.Priest { color: #FFF; }
	a.Priest:hover { color: #FFF; }
	a.Priest { text-decoration:none; }

.Rogue { color: #DBBE04;}
	a.Rogue:hover { color: #DBBE04; }
	a.Rogue { text-decoration:none; }

.Shaman { color: #2359ff; }
	a.Shaman:hover { color: #2359ff; }
	a.Shaman { text-decoration:none; }
	
.Warlock { color: #5e4c96; }
	a.Warlock:hover { color: #5e4c96; }
	a.Warlock { text-decoration:none; }
	
.Warrior { color: #8b5a37; }
	a.Warrior:hover { color: #8b5a37; }
	a.Warrior { text-decoration:none; }
	
ol{
	margin-top: 0px;
}

/*************links*******************/
a:link {color: #CCC;}
a:visited {color: #CCC;}
a:focus {color: #CCC;}
a:hover {color: #900;}
a:active {color: #CCC;}


/**** img ****/
a img {
border: none;
}
.preloadIMG{display:none;}