/* CSS Document */

* {
	padding:0; 
	margin:0;
}
img {
	border:0;
}
.clearer {
 	clear:both;
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
	}

body {
	width:950px;
	background-color: #346ba3;
	font-family: "Times New Roman", Times, serif;
	margin-right:auto;
	margin-left:auto;
	font-size: 12px;
	}

#header {
	width: 100%;
	height: 220px;
	background-image:url(../images/headerbg.jpg);
	}
	#header-logo {
		width: 205px;
		height: 100px;
		padding: 30px 0px 0px 2px;
		float:left;
	}
	#header-ad{
		width: 728px;
		height: 90px;
		border:1px solid #FBC230;
		background-color:#FFFFFF;
		margin: 35px 2px 0px 9px;	
		float:left;
	}
#container {
	background-color:#FFFFFF;
	background-image: url(../images/container.jpg);
	background-repeat:repeat-y;
	}
	
	#left {
		width:161px;
		float: left;
		background-color:#000000;
		color: #FBC230;
		}
		
		.leftnav {
		list-style: none;
		font-size: 18px;
		text-transform: capitalize;
		display:block;
		}

		.leftnav li {
			background-image: url(../images/leftnavheadbg.gif);
			background-repeat:no-repeat;
			width: 157px;
			height: 26px;
			padding-left:3px;		
			display:block;
			}
			.subnav{
				list-style: none;
				font-size: 12px;
				text-transform: capitalize;
				margin-top:-1px;
			}
			.subnav li{
				margin-left:10px;
				background-image: url(../images/submenu.jpg);
				background-color:#171717;
				background-repeat:no-repeat;
				width: 133px;
				height: 20px;
				padding:6px 0 0 17px;			
			}
		#left a,#left a:visited,#left a:active{
			color:#FBC230;
			text-decoration:none;
		}
		#left a:hover{
			color:#FFFFFF;
			text-decoration:none;
		}
		
	#mid {
		background-color:#FFFFFF;
		width: 630px;
		font-family: "Verdana", "Times New Roman", Times, serif;
		font-size:14px;
		float: left;
		}
		.sitenews{
			width:315px;
			float:left;
		}
		.sitenews p{
			padding:3px;
		}
		.mainad{
			width:315px;
			float:left;	
		}		
		#wownews{
			width:630px;
		}
		.postedby{
			width:70px;
			float:left;
			padding:10px 18px 0 17px;
		}
		h2{
			float:left;
			color:#000000;
			border-bottom:1px solid black;
			width:500px;
			padding:5px;		
			margin-top:15px;
			font-size:14px;
		}
		h5{
			float:left;
			color:#555555;
			width:500px;
			padding:5px;		
			margin:0;
			font-size:10px;
		}
		.post{
			padding:3px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:14px;
		}
		
		.subtitle{
			background-image:url(../images/title-gradient.jpg);
			color:#FBC230;
			text-align:center;
			width:630px;
			height:15px;
			font-weight:bold;
			font-size:12px;
			padding-bottom:2px;
		}
	
		#mid a,#mid a:visited,#mid a:active{
			color:#00ADF9;
			font-weight:bold;
			text-decoration:underline
		}
		#mid a:hover{
			color:#FBC230;
			font-weight:bold;
			text-decoration:underline
		}
	#right {
		width:159px;
		float: left;
		color: #FBC230;
		overflow:hidden;
		background-color:#000000;
		}
		#right img{
				padding:4px;
			}

#footer {
	width: 100%;
	height: 85px;
	background-image:url(../images/lowerbg.jpg);
	font-size:8px;
	text-align:center;
	color:#FFFFFF;
	}
	#footer p{
	padding-top:20px;
	} 
		

/* IMAGE ADS ***************************************************************************/

#undead-ad{
	background-image:url(../images/ad-undead.jpg);
	width:630px;
	height:244px;
}
.undead-ad{
	padding:35px 0 0 384px;
} 

#dwarf-ad{
	background-image:url(../images/ad-dwarf.jpg);
	width:630px;
	height:244px;
}
.dwarf-ad{
	padding:35px 0 0 384px;
} 

#tauren-ad{
	background-image:url(../images/ad-tauren.jpg);
	width:630px;
	height:244px;
}
.tauren-ad{
	padding:35px 0 0 384px;
} 
#human-ad{
	background-image:url(../images/ad-human.jpg);
	width:630px;
	height:244px;
}
.human-ad{
	padding:35px 0 0 384px;
} 
#orc-ad{
	background-image:url(../images/ad-orc.jpg);
	width:630px;
	height:244px;
}
.orc-ad{
	padding:35px 0 0 384px;
} 
#elf-ad{
	background-image:url(../images/ad-elf.jpg);
	width:630px;
	height:244px;
}
.elf-ad{
	padding:35px 0 0 384px;
} 
/* NAVIGATION ***************************************************************************/

#dropmenudiv{
position:absolute;
background-color: #000000;
border:1px solid black;
border-bottom-width: 0;
line-height:20px;
width: 100px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 8px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #171717;
color: #FCB230;
}