body {
	background: #000000 url('../images/background.jpg') repeat-y top center;
	margin: 0px;
}

a {
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
}

img {border: none;}

div {
border: none;
margin: 0px;
padding: 0px;
}

.rightFloat
{
	float: right;
}

.leftFloat
{
	float: left
}

.centerClear {
	clear: both;
	text-align: center;
	margin: 0px auto;
	position: relative;
}

		.centerClear .rowbuffer {
			clear: both;
			height: 10px;
		}
		.centerClear .image2 {
			width: 50%;
			_width: 48%;
			float: left;
			margin-bottom: 10px;
		}
		.centerClear .image3 {
			width: 33%;
			_width: 31%;
			float: left;
			margin-bottom: 10px;
		}
		.centerClear .image4 {
			width: 24%;
			float: left;
			margin-bottom: 10px;
		}
		.centerClear .image5 {
			width: 20%;
			_width: 19%;
			float: left;
			margin-bottom: 10px;
		}

.header1 {
	border: none;
	position: relative;
	height: 146px;
}
  .header1 #herald_mastheadTitle {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	z-index: 10;
  }
  .header1 #mythicLogo {
  	position: absolute;
  	top: 8px;
  	right: 10px;
  	z-index: 5;
  }
  .header1 .menubar_top {
  	width: 100%;
  	height: 25px;
  	position: absolute;
  	top: 103px;
  	background: url('../images/menubar-top.gif') repeat-x top left;
  }
  .header1 #store_norm {
  	position: absolute;
  	/*top: 103px;*/
  	right: 0px;
  	z-index: 5;
  }
  .header1 .menubar_bottom {
  	width: 100%;
  	height: 18px;
  	position: absolute;
  	bottom: 0px;
  	background: url('../images/menubar-bottom.gif') repeat-x top left;
  	text-align: center;
  	overflow: hidden;
  }
  .header1 .menubar {
  	position: relative;
  	width: 750px;
  	height: 18px;
  	vertical-align: top;
	}

    .header1 .menubar a {
    	text-decoration: none;
    	padding: 0px;
    	display: block;
     	position: absolute;
      top: 0px;
    }
      .header1 .menubar a img {height: 18px;}

      .header1 .menubar a.about {
      	background: url('../images/menu-about.gif') top left;
      	left: 0px;
      }
        .header1 .menubar a.about img {width: 44px;}
        .header1 .menubar a.about:hover {background-position: 0px 18px;}

			/* add 28px to each position to pad buttons */
      .header1 .menubar a.screenshots {
      	background: url('../images/menu-sshots.gif') top left;
      	left: 72px;
      }
        .header1 .menubar a.screenshots img {width: 87px;}
        .header1 .menubar a.screenshots:hover {background-position: 0px 18px;}

      .header1 .menubar a.herald {
      	background: url('../images/menu-herald.gif') top left;
      	left: 187px;
      }
        .header1 .menubar a.herald img {width: 48px;}
        .header1 .menubar a.herald:hover {background-position: 0px 18px;}

      .header1 .menubar a.support {
      	background: url('../images/menu-support.gif') top left;
      	left: 263px;
      }
        .header1 .menubar a.support img {width: 57px;}
        .header1 .menubar a.support:hover {background-position: 0px 18px;}

      .header1 .menubar a.international {
      	background: url('../images/menu-international.gif') top left;
      	left: 348px;
      }
        .header1 .menubar a.international img {width: 96px;}
        .header1 .menubar a.international:hover {background-position: 0px 18px;}

      .header1 .menubar a.expansions {
      	background: url('../images/menu-expansion.gif') top left;
      	left: 472px;
      }
        .header1 .menubar a.expansions img {width: 76px;}
        .header1 .menubar a.expansions:hover {background-position: 0px 18px;}

      .header1 .menubar a.news {
      	background: url('../images/menu-news.gif') top left;
      	left: 576px;
      }
        .header1 .menubar a.news img {width: 97px;}
        .header1 .menubar a.news:hover {background-position: 0px 18px;}

      .header1 .menubar a.downloads {
      	background: url('../images/menu-dloads.gif') top left;
      	left: 701px;
      }
        .header1 .menubar a.downloads img {width: 74px;}
        .header1 .menubar a.downloads:hover {background-position: 0px 18px;}

.header2 {
	border: none;
	margin: 12px 0px 5px;
	width: 100%;
	height: auto;
	position:relative;
}
	.header2 .search {
	  position:absolute;
	  top:0px;
	  left:10px;
		width: 147px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color:#D3BA78;
		font-size: 9pt;
		font-weight: bold;
		white-space: nowrap;
	}
		.header2 .search form {margin-bottom: 10px;}
		.header2 .search .textField {
			font-size: 10pt;
			font-family: arial,helvetica,sans-serif;
			border-width:1px;
			border-color:#333333;
			background-color:#CCCCCC;
			width: 105px;
			margin-right: 5px;
		}
	.header2 .links {
		margin-left:157px;
	}
		.header2 .links td {
			width: 25%;
			text-align: center;
		}

.main_container {
	width:100%;
	position: relative;
	padding: 0px;
	margin: 0px;
}

	.main_container td {
		vertical-align: top;
	}

.left_sidebar {
  position: absolute;
	width: 150px;
	top: 0px;
	left: 0px;
}

	.left_sidebar .menubox {
		margin-top: 1.5em;
	}

  	.left_sidebar .menubox .category {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			color:#D3BA78;
			font-size: 9pt;
  		font-weight: bold;
  	}

  	.left_sidebar .menubox .menuItems, .left_sidebar .menubox .menuItems a {
  		display:block;
  		font-family: Tahoma, Arial, Helvetica, sans-serif;
  		color:#FFFFFB;
  		font-size:small;
  		margin-left: 1.5ex;
  		text-indent: -.5ex;
  	}

.right_sidebar {
  position: absolute;
  top: 0px;
  right: 5px;
	width: 150px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFB;
	font-size: x-small;
}

	.right_sidebar a {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #FFFFFB;
		font-size: x-small;
	}

	.right_sidebar .menubox {
		margin-top: 1.5em;
	}

  	.right_sidebar .menubox .category {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			color:#D3BA78;
			font-size: 9pt;
  		font-weight: bold;
  		margin-left: 1ex;
   	}

  	.right_sidebar .menubox .menuItems, .right_sidebar .menubox .menuItems a {
  		font-family: Tahoma, Arial, Helvetica, sans-serif;
  		color:#FFFFFB;
  		font-size: x-small;
   	}

   		.right_sidebar .menubox .menuItems li {
   			margin-left: 2ex; /* see ie_hacks.css */
   			line-height: 1.4;
   		}

  	.right_sidebar .menubox .serverMessage {
  		font-size:x-small;
  		font-family: Tahoma, Arial, Helvetica, sans-serif;
  		color: #CCCCCC;
  	}

  	.right_sidebar .menubox .realmbox {
  		color: #fffffb;
  		font-size: x-small;
  		font-family: Tahoma, Arial, Helvetica, sans-serif;
  		line-height: 1.4;
  	}

  		.right_sidebar .menubox .realmbox .boxHeader {
  			background: #000033;
  			margin: 3px 0px;
  			height: 1.5em;
  		}
  			.right_sidebar .menubox .realmbox .cluster {
  				font-weight: bold;
  				width: 70%;
  				float: left;
  			}

  			.right_sidebar .menubox .realmbox .server {
  				width: 70%;
  				float: left;
  			}
	  		.right_sidebar .menubox .realmbox .clusterTotal {
  				width: 30%;
  				float: right;
  			}

  		.right_sidebar .menubox .realmbox .countryTotals {
  			font-family: Tahoma, Arial, Helvetica, sans-serif;
  			font-size: x-small;
  			color: #999999;
  		}

  			.right_sidebar .menubox .realmbox .countryTotals a {
  				font-family: Tahoma, Arial, Helvetica, sans-serif;
  				font-size: x-small;
  				color: #999999;
  			}

	  		.right_sidebar .menubox .realmbox .countryTotals .title {
	  			font-weight: bold;
	  			color: #CCCCCC;
	  		}

	  		.right_sidebar .menubox .realmbox .timestamp {
	  			color: #CCCCCC;
	  		}

	  		.right_sidebar .textField {
	  			font-size: 10pt;
					font-family: arial,helvetica,sans-serif;
					border-width:1px;
					border-color:#333333;
					background-color:#CCCCCC;
					width: 143px;
	  		}

	  		.right_sidebar .selectField {
	  			font-size: 9pt;
	  			font-family: arial,helvetica,sans-serif;border-width:1;
	  			border-color:#333333;
	  			background-color:#CCCCCC;
	  		}

			.right_sidebar input.rightFloat {
				font-size: 10pt;
				font-family: arial,helvetica,sans-serif;
				border-width:1;
				border-color:#333333;
				background-color:#CCCCCC;
				margin: 15px 3px 3px;
			}

	.main_footer {
		clear: both;
		position: relative;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}

		.main_footer .inner_footer {
			width: 700px;
			color: #999990;
			font-family:tahoma;
			font-size: x-small;
		}

			.main_footer .inner_footer a {
				color: #EC921F;
				font-weight: bold;
			}

	.center_container {
	  position:relative;
	  margin-left: 160px;
	  margin-right: 160px;

		}

  .center_container .flash {
  	text-align: center;
  	margin: 12px 0px;
  	height: 60px;
  }

  	.center_container .topborder {
  	  position:relative;
  		height: 15px;
  		background: url('../images/herald_newsborder-topandBot.gif') repeat-x top left;
  		margin: 0px;
  	}
  	.center_container .botborder {
  	  position: relative;
  		height: 16px;
  		background: url('../images/herald_newsborder-topandBot.gif') repeat-x bottom left;
  		margin: 0px;
  	}

    	.center_container .herald_newsborder_cornerLeft {
    		position: absolute;
    		top:0px;
    		left:0px;
    		background: #000000;
    	}
    	.center_container .herald_newsborder_cornerRight {
    		position: absolute;
    		top:0px;
    		right:0px;
    		background: #000000;
    	}

		.center_container .main_left_border {
			background: url('../images/herald_newsborder-left.gif') repeat-y top left;
			margin: 0px;
		}

		.center_container .main_right_border {
			margin-left: 6px;
			Background: url('../images/herald_newsborder-right.gif') repeat-y top right;
		}
		.center_container .inner_container{
			margin-right: 6px;
			position: relative;
		}

			.center_container .inner_container .menu_border_left {
				background: url('../images/bg_tab_topLeft.gif') repeat-y top left;
			}

			.center_container .inner_container .menu_border_right {
				margin-left: 4px;
				background: url('../images/bg_tab_topRight.gif') repeat-y top right;
			}
			.center_container .inner_container .inner_botborder {
				height: 4px;
  			overflow: hidden;
  			background: url('../images/bg_tab_bodyBottom.gif') repeat-x bottom left;
	  		margin: 0px;
  		}

			.center_container .inner_container .main_menu {
				margin-right: 4px;
				position: relative;
				height: 41px;
				background: url('../images/bg_tab_top.gif');
				padding: 0px;
			}

      .center_container .inner_container .main_menu a {
      	text-decoration: none;
      	display: block;
      	position: absolute;
      	top: 0px;
      }

        .center_container .inner_container .main_menu a img {height: 37px;}

      	.center_container .inner_container .main_menu a.gameNews {
      		background: url('../images/herald_nBut_gameNews.gif') top left;
      		left: 0px;
      	}
        	.center_container .inner_container .main_menu a.gameNews img {width: 58px;}
        	.center_container .inner_container .main_menu a.gameNews:hover {background-position: 0px 37px;}

      	.center_container .inner_container .main_menu a.communityNews {
      		background: url('../images/herald_nBut_commNews.gif') top left;
      		left: 58px;
      	}
        	.center_container .inner_container .main_menu a.communityNews img {width: 112px;}
        	.center_container .inner_container .main_menu a.communityNews:hover {background-position: 0px 37px;}

      	.center_container .inner_container .main_menu a.realmWar {
      		background: url('../images/herald_nBut_realmWar.gif') top left;
      		left: 170px;
      	}
        	.center_container .inner_container .main_menu a.realmWar img {width: 71px;}
        	.center_container .inner_container .main_menu a.realmWar:hover {background-position: 0px 37px;}

/*      	.center_container .inner_container .main_menu a.teamLeads {
      		background: url('../images/herald_nBut_rteamLeads.gif') top left;
      		left: 241px;
      	}
        	.center_container .inner_container .main_menu a.teamLeads img {width: 68px;}
        	.center_container .inner_container .main_menu a.teamLeads:hover {background-position: 0px 37px;}*/

      	.center_container .inner_container .main_menu a.KotRT {
      		background: url('../images/herald_nBut_knights.gif') top left;
      		left: 241px;
      	}
        	.center_container .inner_container .main_menu a.KotRT img {width: 136px;}
        	.center_container .inner_container .main_menu a.KotRT:hover {background-position: 0px 39px;}

      	.center_container .inner_container .main_menu a.patchNotes {
      		background: url('../images/herald_nBut_patchNotes.gif') top left;
      		left:377px;
      	}
        	.center_container .inner_container .main_menu a.patchNotes img {width: 68px;}
        	.center_container .inner_container .main_menu a.patchNotes:hover {background-position: 0px 37px;}

        .center_container .inner_container .main_menu a.devDiaries {
      		background: url('../images/herald_nBut_DevDiaries.gif') top left;
      		left: 443px;
      	}
        	.center_container .inner_container .main_menu a.devDiaries img {width: 66px;}
        	.center_container .inner_container .main_menu a.devDiaries:hover {background-position: 0px 38px;}

			.center_container .inner_container .inner_border_left {
				background: url('../images/bg_tab_bodyLeft.gif') repeat-y top left;
				position: relative;
			}

			.center_container .inner_container .inner_border_right {
				margin-left: 4px;
				background: url('../images/bg_tab_bodyRight.gif') repeat-y top right;
				position: relative;
			}