/*
*{
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	margin: 0px; 
	padding: 0px;
	border-collapse: collapse;}

body{
	margin: 0 auto;
	text-align: center;	
	background-image: url(/images/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	border-collapse: collapse;
	background-color: #000000;
	}
	
body,table,td,div,p {
	font-family: verdana, arial, sans-serif;
	margin: 0px; 
	padding: 0px;
	border-collapse: collapse;
	vertical-align: top;}	

#centered {
	width: 900px;
	margin: 0 auto;
	text-align: center;	
	background-image: url(/images/container-bg.jpg);
	background-repeat: repeat-y;}
*/		
#content-container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana;
	font-size:11px;
	color: #ffffff;
	}
	
a img {
	border:0px;}	

/* Banner Rotation & Logo 

#top-frame {
	position:relative;
	clear:both; }
	
#frame {
	background:#666666;
	margin-top:-70px;
	width:798px;
	height:295px;
	border:1px solid #a5a5a5;
	border-top:0px;}
	
#frame09 {
	margin-top:-65px;
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:300px;
	border:0px solid #a5a5a5;
	border-top:0px;}
	
#frame-feature {
	background:#666666;
	margin-top:-70px;
	width798px;
	height:150px;
	border:1px solid #a5a5a5;}	
*/


/* Navigation */

#menu {
	width:800px;
	margin-top:15px;
	height:41px;
	background-image:url(/images/menubar.gif);
	background-repeat:no-repeat;}	
	
.menu-items {
	padding-top:8px;
	padding-left:40px;
	font-weight:bold;
	text-align:center;}

.menu-items ul li {
	display:inline;
	list-style: none;
	padding-right:30px;
	}
	
.menu-items a {
	text-decoration:none;
	color:#ffffff;
	font-size:14px;}	
	
.menu-items a:hover {
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	background-image:url(/images/menu-hilite.jpg);
	background-position:center;
	background-repeat:no-repeat;}			




/* Updates and Promotions */
	
#updates {
	padding-top:8px;
	background-image:url(/images/updatetop.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:15px;
	width:800px;
	border:1px solid #a5a5a5;
	border-top:1px solid #acb5b6;
	border-bottom:0px;}	
	
#newsupdates {
	padding-top:8px;
	margin-top:15px;
	width:800px;
	border-bottom:0px;}	

#newsblock {
	padding-top:25px;
	padding-bottom:0px;
	background-image:url(/images/updatetop.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#000000;
	margin-top:0px;
	width:440px;
	border:1px solid #a5a5a5;
	border-top:1px solid #acb5b6;
	border-bottom:0px;}	
	
#newsblock-bottom {
	width:440px;
	margin-top:10px;
	margin-left:-1px;
	margin-right:-1px;
	background-image:url(/images/updatebottom-bg.gif); 
	background-repeat:repeat-x;
	background-position:bottom;
	height:8px;
	border:1px solid #a5a5a5;
	border-bottom:1px solid #acb5b6;
	border-top:0px;}

.update-left {
	float:left;
	padding:20px;
	width:380px;}

.update-right {
	float:right;
	margin-top:20px;    
	padding-right:10px;
	text-align:left;
	width:202px;}
	
.update-bg {
	z-index:2;
	background-image:url(/images/update-bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	width:796px;
	height:460px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}	

#update-bottom {
	width:800px;
	margin-top:-10px;
	background-image:url(/images/updatebottom-bg.gif); 
	background-repeat:repeat-x;
	background-position:bottom;
	height:8px;
	border:1px solid #a5a5a5;
	border-bottom:1px solid #acb5b6;
	border-top:0px;}

.feed {
	width:400px;
	margin-top:10px;
	border-bottom:1px dotted #484848;}

.feed h1 a{
	font-size:12px;
	color:#ffa200;
	text-decoration:none;}
	
.feed h1 a:hover{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;}	
	
.feed h2{
	font-weight:normal;
	font-size:10px;
	color:#ffa200;}	
	
.feed p {
	padding-top:5px;
	text-align:justify;}	
	
.feed p a{
	font-size:10px;
	color:#ffa200;
	text-decoration:none;}

.feed p a:hover{
	font-size:10px;
	color:#ffffff;
	text-decoration:none;}


/* features */

#features-human {
	background-image:url(/images/human-bg.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:772px;
	height:532px;
	border-bottom:0px;}	

#features-elf {
	background-image:url(/images/elf-bg.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:772px;
	height:532px;
	border-bottom:0px;}
	
#features-helf {
	background-image:url(/images/helf-bg.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:772px;
	height:532px;
	border-bottom:0px;}	
	
#features-dhan {
	background-image:url(/images/dhan-bg.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:772px;
	height:532px;
	border-bottom:0px;}		
	
#features-delf {
	background-image:url(/images/delf-bg.png);
	background-repeat:no-repeat;
	width:772px;
	height:532px;
	border-bottom:0px;}		
	
#features-dekan {
	background-image:url(/images/dekan-bg.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:772px;
	height:532px;
	border-bottom:0px;}		
	
#features-giant {
	background-image:url(/images/giant-bg.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:772px;
	height:532px;
	border-bottom:0px;}	

#features-giant-more {
	margin-top:15px;
	width:772px;
	height:1440px;
	border-bottom:0px;}	

#features-history {
	background-image:url(/images/history-bg.jpg);
	background-repeat:no-repeat;
	padding:20px;
	text-align:justify;
}

#features-region {
	background-repeat:no-repeat;
	padding:10px;
	text-align:justify;}	
	
#features-town {
	border-bottom:1px solid #717173;
	width:800px;
	background-image:url(/images/town-bg.jpg);
	margin-top:15px;
	padding-bottom:15px;
	text-align:justify;}		

.features-left {
	float:left;}
		
.features-right {
	float:right;}	

.features-content {
	width:733px;}

.features-desc {
	margin-top:15px;
	width:315px;
	text-align:left;
	margin-top:20px;
	margin-right:20px;
	line-height: 16px;
	text-align:justify;}
	
.features-desc-more {
	width:760px;
	text-align:left;
	margin-top:20px;
	margin-right:20px;
	line-height: 16px;}

.features-desc-more a{
	color:#ffa200;
	text-decoration:none;}

.features-desc-more a:hover{
	color:#ffffff;
	text-decoration:none;}

.features-desc-more h1{
	margin-top:10px;
	font-size:16px;
	color:#ffa200;}

.features-desc a{
	color:#ffa200;
	text-decoration:none;}

.features-desc a:hover{
	color:#ffffff;
	text-decoration:none;}


.features-desc h1{
	margin-top:10px;
	font-size:16px;
	color:#ffa200;}

.intro  {
	font-size:13px;}

p.jobs {
	margin-top:15px;
	height:60px;}

p.jobs span{
	font-weight:bold;
	font-size:12px;
	color:#ffa200;}

	
#features-geninfo {
	float:left;
	background-image:url(/images/guide-bg.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	width:800px;
	border-bottom:0px;
	border:solid 1px #717173;
	padding:10px;}

.geninfo {
	float:left;
	width:315px;
	text-align:left;
	margin-top:0px;
	text-align:justify;}

.geninfo a {
	font-size:12px;
	color:#ffa200;
	text-decoration:none;}
	
.geninfo a:hover {
	color:#ffffff;
	text-decoration:none;}	
	
.geninfo-desc {
	margin-top:15px;
	width:315px;
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	text-align:justify;}

.geninfo-gallery-container {
	padding:30px 20px 10px 0px;}	

.geninfo ul li {
	list-style-type:none;}
	
.geninfo li a {
	font-size:10px;
	color:#ffa200;
	text-decoration:none;
	padding-left:5px;}	

.screenshots {
	margin-top:30px;}


.townhead {
	background-image:url(/images/guide-bg.jpg); 
	float:left; 
	clear:both;
	margin:15px 0px 0px 0px;
	position:relative;
	left:12px;
	width:772px;
	border:solid 2px #717173;
}

.town-info {
	padding-top:10px;
	width:772px;
	height:350px;
	border-top:1px dashed #717173;
	background-position:bottom;}
	
.town-gallery-container {
	padding:10px;}	
	
.town-gallery-container img {
	border:1px solid #717173;}	



/** guide **/
#features-guide-ph {
	background-image:url(/images/guide-bg.jpg);
	margin-top:15px;
	width:100%;
	max-width:754px;
	border-bottom:0px;
	border:solid 5px #aa0000;
	padding:20px;
	padding-top:50px;
	padding-bottom:150px;
	text-align:left;}

#features-guide {
	width:100%;
	max-width:772px;
	padding:10px;
	text-align:left;}

.guide-content {
	text-align:justify;
	width:580px;
	margin-top:20px;}

.guide-content  ul {
	text-align:left;}

.guide-content  li {
	padding-left:8px;
	padding-bottom:4px;
	text-align:left;
	list-style-type:none;
	background-image:url(/images/sm-bullet.gif);
	background-repeat:no-repeat;
	background-position:left 6px;}

.guide-content h1 {
	font-size:16px;
	padding-bottom:5px;}
	
.guide-content h2 {
	font-size:12px;
	padding-bottom:5px;}	

.guide-container {
	width:580px;
	text-align:left;
	text-align:justify;}
	
#features-guide a {
	color:#ffa200;
	text-decoration:none;}	
	
#features-guide-ph a:hover {
	color:#ffffff;
	text-decoration:none;}		
	
#features-guide-ph a {
	color:#ffa200;
	text-decoration:none;}	
	
#features-guide a:hover {
	color:#ffffff;
	text-decoration:none;}	

.guide-sc {
	float:left;
	padding:10px 10px 10px 0px ;}

.kb ul li{
	clear:left;
	padding-bottom:10px;
	list-style-type:none;
	font-size:12px;}

.key {
	text-align:center;
	float:left;
	font-size:11px;
	padding:2px;
	font-weight:bold;
	color:#000000;
	border:1px #ffffff solid;}


.sysreq-container {
	margin-top:20px;
	width:560px;
	padding:10px;
	background-color:#000000;
	border:solid 1px #717173;}
	
.sysreq-container td {
	height:20px;
	padding:5px;}	

/* Footer & Copyright */
	
#footer {
	margin-top:10px;
	padding-bottom:40px;
	width:800px;
	background-image:url(/images/footer-bg.gif); 
	background-repeat:no-repeat;}	

#copyright-container {
	width:800px;
	margin-top:15px;}

.tos a {
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	}
	
.tos a:hover {
	color:#ffa200;
	text-decoration:none;
	}	

#copyright-container table {
	margin-left:auto;
	margin-right:auto;
	width:800px;}
	
.copyright {
	margin-top:10px;
	width:450px;
	font-size:10px;
	color:#b8b8b8;
	text-align:center;}	


/**** guilds  ****/
.guild-searchbox {
	border:1px solid #717173;
	margin-top:20px;
	background-color:#242424; 
	padding:10px;
	width:560px; }
	
.guild-list {
	width:580px;
	border-bottom:1px solid #717173;}	

.guild-list td {
	padding:10px;}	
	
.guild-detail table td {
	height:20px;}	
	
	
/**** township battle ****/	

.serverselect {
	margin-top:3px;
	background-image:url(/images/server-bg.jpg);
	background-repeat:no-repeat;
	width:575px;
	height:68px;}

.server-title {
	padding:5px;
	background-repeat:no-repeat;
	background-image:url(/images/serv-title-bg.gif);
	width:567px;
	height:37px;}

.guide-content-tw {
	text-align:justify;
	width:580px;
	margin-top:10px;}
	
.server-title h1{
	font-size:16px;}	
	
.server-title h1 span{
	font-size:11px;
	font-wight:normal;}	

.region-box {
	background-image:url(/images/region-box.gif);
	width:174px;
	height:92px;
	position:relative;
	top:-130px;
	left:50px;
	margin-bottom:-92px;}	
	
.region-box h1 {
	font-size:14px;
	color:#f8c263;}	
	
.region-box span {
	font-size:10px;}		

.region-box strong {
	font-size:12px;}	
	
.twchart-container {
	width:504px;
	padding-left:35px;
	padding-top:35px;}	
	
#twbox {
	width:510px;
	height:224px;
	background-image:url(/images/land_box.gif);}	
	
.box-head td{
	padding-top:5px;
	width:170px;
	text-align:center;}	

.box-body {
	margin-top:6px;}

.box-body td{
	padding-top:5px;
	padding-left:5px;	
	width:170px;
	text-align:left;}	

.footnote {
	margin-top:35px;
	background-color:#504334;
	border-top:2px solid #717173;
	border-bottom:2px solid #717173;}	

.footnote td {
	padding:5px}	
	
.footnote strong {
	color:#ffa200;}
	

.guild-list-tw {
	width:580px;
	border-bottom:1px solid #717173;}	

.guild-list-tw td {
	padding:5px;
	text-align:center;
	vertical-align:middle;}
	
.tw-days {
	/**margin-top:15px;
	margin-bottom:15px;**/
	width:575px;
	height:42px;
	background-image:url(/images/tw-daysbg.gif);}		


.tw-days a {
	font-size:12px;
	color:#ffffff;}

.tw-days a:hover {
	font-size:12px;
	color:#ffa200;}	
	
	
/* Login */

.login {
	position:relative;
	background-image:url(/images/login.gif);
	height:29px;
	width:232px;
	margin-top:-29px;
	top:29px;
	z-index:100;
	margin-left:625px;}

.login div{
	font-size:10px;
	padding-top:7px;
	padding-left:20px;}
	
.login a{
	color:#ffffff;
	text-decoration:none;
	font-size:10px;}	

.login a:hover{
	color:#ffa200;
	text-decoration:none;
	font-size:10px;}
	
.loginbox {
	text-align:left;
	display:none;
	z-index:10;
	position:relative;
	margin-bottom:-154px;
	margin-left:500px;}	

.loginform {
	margin-top:20px;
	width:160px;
	height:132px;
	background-color:#000000;
	border:solid 1px #666666;}	

.loginform div {
	font-size:10px;}
	
.loginform div input {
	border:0px;
	height:15px;
	width:140px;
	padding:2px;
	margin:0px;}	
	
.loginbutton {
	width:55px;
	height:21px;}			


/** account info **/

.register-body {
	padding:10px 30px 30px 0px;}

.form-container table {
	width:560px;
	margin-top:25px;
	border-bottom:1px solid #666666;}

.form-container td {
	padding-bottom:25px;}

td.cat{
	font-weight:bold;
	font-size:12px;
	width:150px;
	height:18px;
	vertical-align:middle;}
	
td.fill {
	width:280px;
	vertical-align:middle;}

.form-container2 table{width:750px;}

.login_banner {width:330px; height:250px;}

td.cat_login { padding-right:10px;
	font-weight:bold;
	text-align:right;
	font-size:12px;
	width:80px;
	height:18px;
	vertical-align:middle;}
	
td.fill_login {
	width:250px;
	height:40px;
	vertical-align:middle;}

	
td.fill_full {
	vertical-align:middle;}
	

.form-container td input {
	font-size:12px;
	width:250px;
	height:18px;
	border:0px;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:1px;
	color:#000000;
	background-color:#ffffff;}	

td .checkbox{
	background-color: #272a2f;
	width:10px;
	vertical-align:left;}
	
td .input_small {
	font-size:12px;
	width:100px;
	height:18px;
	border:0px;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:1px;
	color:#000000;
	background-color:#ffffff;}	

td.limit {
	font-size:11px;
	vertical-align:top;
	line-height:11px;}		
	
td.limit span {
	color:#ffa200;
	font-size:10px;}	
			
td.fill .limit{
	color:#ffa200;
	font-size:11px;}		

.form-container td a {
	color:#ffa200;
	font-size:10px;	}

/*** item info page ***/
.main-menu a{
	font-size:14px;
	font-weight:bold;}
	
.main-menu {
	font-size:14px;
	font-weight:bold;}	

#item-submenu {
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #77736e;
	border-bottom:2px solid #77736e;}

#item-submenu a{
	color:#ffffff;
	font-size:10px;}
	
#item-submenu a:hover {
	color:#ffa200;}	

.item-table td{
	vertical-align:middle;
    padding-top:5px;
    padding-bottom:5px;}

.item-table span{
	font-weight:bold;
	color:#e9e9e9;}


/* wallpapers */

.wp-box {
	background-color:#000000;
	width:160px;
	border:#717173 solid 1px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;}

.wp-box img {
	border:1px solid #717173;}


	
/* png transperancy IE6 fix */
img {
	behavior:url(/Common/Js/pngbehavior.htc); 
	}	

	
.engrus {
    color:#666666;
	text-align: center;
	vertical-align:middle;
	text-decoration:none;
	}

.engrusbox{
	width:800px;
	z-index: 200;
	margin-left:50px;
	text-align: left;}

.engrus a{
	color:#666666;
	text-decoration:none;
	font-size:10px;}	
	
.engrus a:hover{
	color:#ffa200;
	text-decoration:none;
	font-size:10px;}
	


div.xmas {padding-bottom:25px;}
.xmas_img {margin-left:20px;}

dl.guild_introduction {width:440px; padding-top:3px;}
dl.guild_introduction dt.text	{float:left; width:350px;list-style:none; padding-bottom:8px;}
dl.guild_introduction dd.btn	{float:right; width:90px; text-align:right;list-style:none; padding-bottom:8px;}


/*Client Download - hero*/
div.HeroDown	{width:528px; float:left; padding-top:72px; margin:15px 0 15px 0; background:url('/images/download/hero_client_top.gif') no-repeat left top;}
div.HeroDown dl.heros	{font-size:11px; width:528px; padding-bottom:10px; background:url('/images/download/hero_client_btm.gif') no-repeat left bottom;}
div.HeroDown dl.heros dt{display:none;}
div.HeroDown dl.heros dd{width:508px; background:url('/images/download/hero_client_bg.gif') repeat-y; padding:5px 10px 5px 18px; margin-left:0px;}
div.HeroDown dl.heros dd p.area	{padding-bottom:3px; font-weight:bold;}

/* ROHAN | townshoip / STATE CSS */
/* author: Brian Clark - Sept 1, 2011 */

ol,ul,dl{list-style:none;}
div.map1-content { width: 576px; height:607px; background: url('/images/Township/township-bg1.jpg') no-repeat 0 0;  }
div.map2-content { width: 576px; height:607px; background: url('/images/Township/township-bg2.jpg') no-repeat 0 0;  }
.mapNav { margin: 0 0 0 45px; list-style: none; width: 104px; float: left; }
.mapNav2 { margin: 0 0 0 45px; list-style: none; width: 104px; float: left; }
.nav1 { padding: 90px 0 0 0; cursor: pointer;}
.nav1b { margin: 90px 0 0 0; cursor: pointer;}
.nav2 { cursor: pointer; }
.stats { background: url('/images/Township/stats-bg.jpg') no-repeat 0 0; width: 181px; height: 96px; list-style: none; margin: -85px 0 0 50px; padding: 8px 0 0 12px; float: left;}
.stats2 { background: url('/images/Township/stats-bg.jpg') no-repeat 0 0; width: 181px; height: 96px; list-style: none; margin: 132px 0 0 50px; padding: 8px 0 0 12px; float: left; clear: both; }
.guildTitle1 { font-weight: bold; font-style: italic; font-size: 11px;  }
.guildTitle2 { font-weight: normal; font-style: normal; font-size: 14px; color: #ffe073; font: arial, san-serif; }
.buy { font-weight: bold; color: #fc8e00; font-size: 14px; margin-top: 5px;}
.sell { font-weight: bold; color: #feb400; font-size: 14px; }
.guildIcon { border: 2px solid #555733; position: relative; top: 4px; }
.hotspot { width: 286px; height: 492px; float: left; margin: 83px 0 0 100px; }


/* IE CSS */
*html .mapNav { margin: 0 0 0 25px;}
*html .nav1b { margin: 90px 0 0 0px; }
*html .stats {margin: -85px 0 0 25px; }
*html .stats2 { background: url('/images/Township/stats-bg.jpg') no-repeat 0 0; width: 181px; height: 96px; list-style: none; margin: 218px 0 0 26px; padding: 8px 0 0 12px; float: left; clear: both; }

