body {
	margin : 0px;
	padding : 0px;
	background-color : rgb(0,0,0);
        background-image : url(./images/header3.jpg), url(./images/footer.jpg);
	background-position : center top, center bottom;
        background-repeat : no-repeat;
}

#wrapper {
	margin : 0px auto;
	padding : 50px 0px 0px 0px;
	height : auto;
}

#header {
	margin : 0px auto;
	padding : 0px;
	background-color : rgb(255,255,255);
	opacity : 0.9;
	width : 950px;
}

#navibar {
	width : 100%;
	height : 20px;
	background-color : rgb(153,153,153);
	margin : 0px auto;
	padding : 0px;
}

#navibar ul {
	margin : 0px;
	padding : 0px;
	font-size : 15px;
}

#navibar ul li {
	display : inline;
	height : 20px;
	float : left;
	list-style : none;
	margin-left : 15px;
	position : relative;
}

#navibar li a {
	color : #fff;
	text-decoration : none;	
}

#navibar li a:hover {
	text-decoration : underline;
}

#navibar li ul {
	margin : 0px;
	padding : 0px;
	display : none;
	position : absolute;
	left : 0px;
	top : 17px;
	background-color : rgb(153,153,153);
	border : 1px solid rgb(124,124,124);
	z-index : 9;
}

#navibar li:hover ul {
	position : absolute;
	display : block;
	width : 105px;
}

#navibar li li {
	list-style : none;
	display : list-item;
	width : 100%;
	z-index : 10;
}

#navibar li li a {
	color : #fff;
	text-decoration : none;
}

#navibar li li a:hover {
	text-decoration : underline;
}

#content {
	margin : 0px auto;
	padding : 10px;
	background-color : rgb(255,255,255);
	opacity : 0.9;
	width : 930px;
	height : auto;
	overflow : auto;
}

#footer {
	margin : 0px auto;
	padding : 10px;
	background-color : rgb(255,255,255);
	opacity : 0.9;
	width : 930px;
	height : 75px;
}
#footer .botbar {
	width : 100%;
	height : 3px;
	margin : 0px auto;
	padding : 0px;
	background-color : rgb(0,0,0);
}

#footer .botcont {
	float : left;
	width : 35%;
	height : auto;
}

#footer .botserv {
	float : right;
	width : 65%;
	height : auto;	
}

#pageend {
	margin : 0px auto;
	padding : 10px 0px 0px 0px;
	width : 950px;
	height : 341px;
	font-size : 12px;
	font-family : arial;
	/*background-color : rgb(255,255,255);
	opacity : 0.9;*/
	color : rgb(255,255,255);
}

#pageend .col-left {
	float : left;
	width : 60%;
}

#pageend .col-right {
	float : right;
	width : 40%;
}

#pageend .col-left .inner-left {
	float : left;
	width : 50%;
}

#pageend .col-left .inner-right {
	float : right;
	width : 50%;
}

#pageend .col-right .inner-left {
	float : left;
	width : 50%;
}

#pageend .col-right .inner-right {
	float : right;
	width : 50%;
}

#worldmap {
	/*background-image : url(./images/map/arrasia.jpg);
	background-repeat : none;
	margin : 0px auto;
	padding : 0px;
	height : 452px;
	width : 602px;*/
	background-image : url(./images/Kyngdoms_map_ascension2.jpg);
	background-repeat : none;
	margin : 0px auto;
	padding : 0px;
	width : 900px;
	height : 600px;
	/*border : 1px solid;*/
}

#worldmap .whitepix {
	opacity : 0;
}

#worldmap .whitepix:hover {
	opacity : 0.5;
	border : 1px solid rgb(0,0,0);
}

#mappage .whitepix {
        opacity : 0;
}

#mappage .whitepix:hover {
        opacity : 0.5;
        border: 1px solid rgb(0,0,0);
}

#mappage .onPage {
	opacity : 0.6;
	border : 1px solid rgb(0,0,0);
}

#menuContainer {
	border : 0px;
	margin : 0px auto;
	background-color : rgb(0,0,0);
	width : 900px;
	height : 600px;
}

#mC_top {
	border : 0px;
	border-bottom : 1px solid rgb(0,0,0);
	margin : 0px;
	width : 100%;
	height : 24px;
	background-color : rgb(153,153,153);
}

#mC_left {
	border : 0px;
	margin : 0px;
	float : left;
	height : 550px;
	width : 100px;
	background-color : rgb(153,153,153);
}

#mC_right{
	border : 0px;
	margin : 0px;
	float : right;
	height : 550px;
	width : 800px;
}

#mC_innerleft {
	border : 0px;
	margin : 0px;
	float : left;
	height : 550px;
	width : 700px;
	background-color : rgb(255,255,255);
	/*background-image : url(/images/aslahmenu.jpg);*/
	background-image : url(./images/art/gortanddesdemar.jpg);
	background-repeat : no-repeat;
	background-position : center;
}

#mC_innerright {
	border : 0px;
	margin : 0px;
	float : right;
	height : 550px;
	width : 100px;
	background-color : rgb(153,153,153);
}

#mC_bottom {
        border : 0px;
	border-top : 1px solid rgb(0,0,0);
        margin : 0px;
        width : 100%;
        height : 24px;
        background-color : rgb(153,153,153);
	clear : both;
}

#aslahmenu {
	font-size : 15px;
	width : 99px;
}

#aslahmenu ul {
	margin : 0px;
	padding : 0px;
}

#aslahmenu li {
	list-style : none;
        border : 1px solid rgb(0,0,0);
}

#aslahmenu li:hover {
	position : relative;
}

#aslahmenu a {
	color : rgb(255,255,255);
	cursor : pointer;
	position : relative;
	display : block;
	height : 20px;
	line-height : 20px;
	text-indent : 10px;
	text-decoration : none;
	width : 100%;
}

#aslahmenu a div.textBox {
	display : none;
}

#aslahmenu a:hover div.textBox {
	display : block;
	position : absolute;
	left: 98px;
	color : rgb(0,0,0);
	background-color : rgb(255,255,255);
	width : 680px;
	height : 529px;
	padding : 10px;
	font-size : 12px;
	font-family : arial;
	text-align : justify;
}

#aslahmenu a:hover {
	text-decoration : underline;
}

#tablewrap {
	margin : 0px auto;
	padding : 0px;
	width : 850px;
	overflow : auto;
}

#tablewrap table.tabhead {
	background-color : rgb(153,153,153);
	font-family : arial;
	font-size : 14px;
	color : rgb(255,255,255);
}

#tablewrap td.tabtb {
	background-color : rgb(255,255,255);
	font-family : arial;
	font-size : 12px;
	color : rgb(0,0,0);
}

#racemenubox {
	width : 693px;
	margin : 0px auto;
	padding : 0px;
	overflow : auto;
}

#racemenubox ul {
        padding : 0px;
        margin : 0px;
}

#racemenubox li {
        list-style : none;
        margin : 5px;
        width : 65px;
        height : 240px;
        padding : 0px;
        background-color : rgb(255,255,255);
        border : 1px solid rgb(0,0,0);
        float : left;
	text-align : center;
	position : relative;
}

#racemenubox .menuimg {
	height : 200px;
	width : 100%;
	overflow : hidden;
}

#racemenubox .menutitle {
	height : 40px;
	width : 100%;
	background-color : rgb(153,153,153);
	color : rgb(255,255,255);
	opacity : 0.6;
        font-family : arial;
        font-size : 12px;
	font-weight : bold;
	line-height : 40px;
}

#historyWrap {
	margin : 0px auto;
	padding : 0px;
	width : 882px;
	overflow : auto;
}

#historyWrap ul {
	font-family : arial;
	padding : 0px;
	margin : 0px;
}

#historyWrap li {
	list-style : none;
	margin : 10px 5px 0px;
	width : 135px;
	height : 100px;
	padding : 0px;
	background-color : rgb(255,255,255);
	border : 1px solid rgb(0,0,0);
	float : left;
	position : relative;
	/*z-index : -1;*/
}

#zinewrap {
	width : 930px;
	height : auto;
	padding : 0px;
	margin : 0px;
	font-family : arial;
	font-size : 14px;
}

#zinewrap .mainBox {
	width : 900px;
	height : 284px;
	padding : 14px 14px 0px 14px;
	margin : 5px 0px 3px 0px;
	border : 1px solid rgb(0,0,0);
	background-color : rgb(255,255,255);
}

#zinewrap .prevBox {
        width : 900px;
        height : 128px;
        padding : 14px 14px 0px 14px;
        margin : 0px 0px 0px 0px;
        border : 1px solid rgb(0,0,0);
	background-color : rgb(255,255,255);
}

#zinewrap .articleBox {
	width : 930px;
	height : 210px;
	padding 0px;
	margin : 0px;
}

#zinewrap .horizontalwrap {
	width : 454px;
	/*height : 210px;*/
	padding : 0px;
	margin : 0px;
	float : left;
}

#zinewrap .horizontalBox {
	width : 432px;
	height : 85px;
	padding : 15px 15px 0px 15px;
	margin : 0px 0px 3px 0px;
	border : 1px solid rgb(0,0,0);
	background-color : rgb(255,255,255);
}

#zinewrap .lefthorizontalBox {
        width : 431px;
        height : 85px;
        padding : 15px 15px 0px 15px;
        margin : 0px 0px 3px 0px;
        border : 1px solid rgb(0,0,0);
        background-color : rgb(255,255,255);
}

#zinewrap .righthorizontalBox {
        width : 432px;
        height : 85px;
        padding : 15px 15px 0px 15px;
        margin : 0px 0px 3px 12px;
        border : 1px solid rgb(0,0,0);
        background-color : rgb(255,255,255);
}

#zinewrap .verticalBox {
	width : 198px;
	height : 190px;
	padding : 15px 15px 0px 15px;
	float : left;
	margin : 0px 3px 3px 0px;
	border : 1px solid rgb(0,0,0);
	background-color : rgb(255,255,255);
}

#zinewrap .rightverticalBox {
        width : 199px;
        height : 190px;
        padding : 15px 15px 0px 15px;
        float : left;
        margin : 0px 0px 3px 0px;
        border : 1px solid rgb(0,0,0);
	background-color : rgb(255,255,255);
}

#zinewrap .doublehorBox {
	width : 431px;
	height : 190px;
	padding : 15px 15px 0px 15px;
	float : left;
	margin : 0px 3px 3px 0px;
        border : 1px solid rgb(0,0,0);
        background-color : rgb(255,255,255);
}

#zinewrap .rightdoublehorBox {
        width : 432px;
        height : 190px;
        padding : 15px 15px 0px 15px;
        float : left;
        margin : 0px 0px 3px 0px;
        border : 1px solid rgb(0,0,0);
        background-color : rgb(255,255,255);
}

.historyText {
	position : absolute;
	margin : 0px;
	padding : 0px;
	width : 135px;
	height : 30px;
	background-color : rgb(153,153,153);
	left : 0px;
	top : 70px;
	opacity : 0.6;
	color : rgb(255,255,255);
	font-size : 12px;
	text-align : center;
}

.historyChap {
	position : relative;
	width : 135px;
	height : 22px;
	background-color : rgb(255,255,255);
	color : rgb(0,0,0);
	text-indent : 5px;
}

.historyImg {
	position : relative;
	width : 135px;
	height : 48px;
	background-color : rgb(255,255,255);
	text-align : center;
}

#Calwrapper {
	width : 920px;
	overflow : auto;
	margin : 0px auto;
	font-family : arial;
	font-size : 12px;
}

#CalBox {
	float : left;
	width : 220px;
	margin : 3px;
	border : 2px solid rgb(153,153,153);
	border-bottom : 0px;
	overflow : auto;
	text-align : center;
}

#CalBoxTitle {
	width : 220px;
	border-bottom : 2px solid rgb(153,153,153);
	font-weight : bold;
}

#CalBoxRowsLeft {
	float : left;
	width : 148px;
        border-bottom : 2px solid rgb(153,153,153);
	border-right : 2px solid rgb(153,153,153);
}

#CalBoxRowsRight {
        float : right;
        width : 70px;
	border-bottom : 2px solid rgb(153,153,153);
}

#intviewbox {
	margin : 0px auto;
	padding : 20px;
	width : 260px;
	height : 280px;
	background-color : rgb(255,255,255);
        font-family : arial;
        font-size : 12px;
	font-weight : bold;
}

#intviewboxrow {
	width : 100%;
	padding : 0px;
	margin : 0px;
	height : 140px;
}

#intviewboxleft {
	margin : 5px;
	padding : 0px;
	float : left;
	width : 100px;
	height : 130px;
	text-align : center;
}

#intviewboxright {
        margin : 5px;
        padding : 0px;
        float : right;
        width : 100px;
        height : 130px;
        text-align : center;
}

#blackfenareamap {
	margin : 0px auto;
	padding 0px;
	height : 1000px;
	width : 800px;
	background-image : url(./images/map/blackfengeog.jpg);
	background-repeat : none;
}

#blackfencitymap {
        margin : 0px auto;
        padding 0px;
        height : 600px;
        width : 650px;
        background-image : url(./images/map/blackfen.jpg);
        background-repeat : none;
}

#mapdisplay {
        list-style-type : none;
	border : 0px;
	margin : 0px;
}


#mapdisplay li {
        position : relative;
        background-color : rgb(255,255,255);
        width: 14px;
        height : 14px;
        text-align : center;
        border-radius : 50%;
        font-size : 10px;
        font-family : arial;
        font-weight : bold;
        line-height : 1.3em;
}

#mapdisplay li:hover {
        background-color : rgb(216,216,216);
}

.displaytext {
        color : #000000;
        cursor : help;
        text-decoration : none;
        position : relative;
}

.displaytext span {
        margin-left : -99999em;
        position : absolute;
        z-index : 99;
}

.displaytext:hover span {
        border-radius : 5px 5px;
        font-family : arial;
        position : absolute;
        background-color : rgb(235,235,235);
	border : 1px solid rgb(150,150,150);
        left : 1em;
        top : 2em;
        margin-left : 0;
        width : 150px;
	font-size : 12px;
}

#linkswrap {
	width : 900px;
	height : auto;
	margin : 0px auto;
	padding : 0px;
	overflow : auto;
}

#linkswrap .linksbox {
	width : 740px;
	height : auto;
	padding : 0px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0px;
	margin-bottom : 20px;
}

#linkswrap .linksheadbar {
	width : 740px;
	height : 31px;
	padding : 0px;
	margin : 0px;
}

#linkswrap .linksheadleft {
	width : 303px;
	height : 20px;
	padding : 5px;
	margin : 0px;
	float : left;
	border-radius : 15px 15px 0px 0px;
	border-top : 1px solid rgb(0,0,0);
	border-left : 1px solid rgb(0,0,0);
	border-right : 1px solid rgb(0,0,0);
	background-color : rgb(152,152,152);
	color : rgb(255,255,255);
	font-weight : bold;
	font-family : arial;
	font-size : 16px;
}

#linkswrap .linksheadright {
	width : 425px;
	height : 31px;
	float : left;
	border-bottom : 1px solid rgb(0,0,0);
}

#linkswrap .linkscontent {
	width : 728px;
	height : auto;
	padding : 5px;a
	margin : 0px;
	border-bottom : 1px solid rgb(0,0,0);
	border-left : 1px solid rgb(0,0,0);
	border-right : 1px solid rgb(0,0,0);
	text-align : center;
	clear : both;
}

#topintrobar {
	width : 930px;
	height : 65px;
	margin : 0px;
	padding : 0px;
}

#topintrobar .infobox {
	float : left;
	width : 145px;
	height : 53px;
	margin : 5px 10px 5px 0px;
	background-color : rgb(153,153,153);
	border : 1px solid rgb(0,0,0);
}

#topintrobar .infoboxright {
        float : left;
        width : 143px;
        height : 53px;
        margin : 5px 0px 5px 0px;
        background-color : rgb(153,153,153);
        border : 1px solid rgb(0,0,0);
	
}

#archivewrap {
	margin : 0px auto;
	clear : both;
	width : 100%;
	height : auto;
}

#archivewrap .archiverow {
	width : 100%;
	clear : both;
	
}
#archivewrap .archivedata {
	width : 15%;
	float : left;
}

#archivewrap .archivecontents {
        width : 75%;
        float : left;
}

#archivewrap .archivedate {
        width : 10%;
        float : left;
        color : rgb(0,0,0);
        font-size : 11px;
	line-height : 2em;
}

.intropagebox {
	width : 930px;
	height : 328px;
	margin : 0px;
	padding : 0px;
}

.infoimg {
	width : 30px;
	height : 30px;
	margin : 0px;
	padding : 0px;
	position : relative;
	top : -8px;
	left : 118px;
	background-image : url(./images/info.png);
}

.introcontentleft {
	float : left;
	width : 730px;
	height : 322px;
	padding : 0px 3px 0px 10px;
	margin : 0px 5px 5px 0px;
	border : 1px solid rgb(0,0,0);
}

.introminiright {
	float : left;
	width : 178px;
	height : 322px;
	padding : 0px;
        margin : 0px 0px 5px 0px;
        border : 1px solid rgb(0,0,0);
}

.introinfobox {
        float : left;
        width : 149px;
        height : 322px;
        padding : 0px;
        margin : 0px 5px 5px 0px;
        border : 1px solid rgb(0,0,0);
}

.introinfoboxright {
        float : left;
        width : 148px;
        height : 322px;
        padding : 0px;
        margin : 0px 0px 5px 0px;
        border : 1px solid rgb(0,0,0);
}

.introcontentright {
        float : left;
        width : 730px;
        height : 322px;
        padding : 0px 3px 0px 10px;
        margin : 0px 0px 5px 0px;
        border : 1px solid rgb(0,0,0);
}

.introminileft {
        float : left;
        width : 178px;
        height : 322px;
        padding : 0px;
        margin : 0px 5px 5px 0px;
        border : 1px solid rgb(0,0,0);
}

.infotext {
	width : 135px;
	height : 48px;
	margin : 0px;
	padding : 5px 5px 0px 5px;
	position : relative;
	top : -30px;
	left : 0px;
	text-align : center;
}

a.infolink {
        font-family : arial;
        font-size : 16px;
        color : rgb(255,255,255);
	text-decoration : none;
}

.circlekey {
	position : relative;
	width : 14px;
	height : 14px;
	background-color : rgb(255,255,255);
	border-radius : 50%;
	text-align : center;
	font-size : 10px;
	font-family : arial;
	font-weight : bold;
	line-height : 1.3em;
}

.circlekey:hover {
	background-color : rgb(216,216,216);
}

a.circlelink {
	text-decoration : none;
}

img.ImgRight {
	margin : 0px;
	float : right;
}

img.ImgLeft {
        margin : 0px;
        float : left;
}

br.narrow {
	line-height : 50%;
}

p.pagetext {
	font-family : arial;
	font-size : 14px;
}

.title {
	color : rgb(0,0,0);
	font-family : arial;
	font-size : 32px;
}

.bold {
	font-weight : bold;
}

.italic {
	font-style : italic;
}

.newsheader {
	font-family : arial;
	font-size : 14px;
	text-decoration : underline;
	padding : 0px;
	margin : 0 px;
}

.fade {
   	opacity: 1;
   	transition: opacity .25s ease-in-out;
   	-moz-transition: opacity .25s ease-in-out;
   	-webkit-transition: opacity .25s ease-in-out;
}
 
.fade:hover {
      	opacity: 0.5;
}

hr {
	margin : 0px auto;
	padding : 0px;
	height : 2px;
	width : 98%;
	background-color : rgb(255,255,255);
}

h1, h2, h3, h4, h5, h6 {
	font-family : arial;
	border-bottom : solid;
	padding : 0px;
	margin : 0px;
}


.subtitle {
	border : 0px;
}

.nobr {
	white-space : nowrap;
}

select {
	background : transparent;
	width : 450px;
	padding : 5px;
	font-size : 14px;
	border : 1px solid black;
	height : 30px;
}

a.pagetext {
	color : rgb(0,0,102);
	text-decoration : none;
}

a.pagetext:hover {
	color : rgb(0,0,102);
        text-decoration : underline;
}

a.smalltext {
        color : rgb(0,0,102);
	font-size : 11px;
        text-decoration : none;
}

a.smalltext:hover {
        text-decoration : underline;
}

a.whitetext {
	color : rgb(255,255,255);
	text-decoration : none;
}

a.whitetext:hover {
	text-decoration : underline;
}

a.ablack {
	color : rgb(0,0,0);
	text-decoration : none;
}

a.ablack:hover {
	text-decoration : underline;
}

a.mapkey {
	color : rgb(0,0,0);
	text-decoration : none;
}

a img {
	border: 0 none;
}

span.linkBox {
	position : absolute;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	z-index : 1;
	color : rgb(0,0,0);
	/*text-indent : 5px;*/
}

ul.nextPrev {
	font-family : arial;
	margin : 0px;
	padding : 0px;
	/*width : 930px;*/
	height : 26px;
}

ul.nextPrev li {
	float : left;
	list-style : none;
	text-align : center;
	height : 26px;
	line-height : 26px;
}

ul.nextPrev li.centercol {
        text-align : center;
        width : 730px;
}

ul.nextPrev li.rightleftcol {
        width : 96px;
	color : rgb(255,255,255);
	font-weight : bold;
	background-color : rgb(153,153,153);
	border : 2px solid rgb(0,0,0);
}

ul.nextPrev li.rightleftcolfade {
        width : 96px;
        color : rgb(255,255,255);
        font-weight : bold;
        background-color : rgb(235,235,235);
        border : 2px solid rgb(210,210,210);
}

ul.nextPrev li.rightleftcol a {
	text-decoration : none;
	color : rgb(255,255,255);
}

ul.ulbasefont {
	font-family : arial;
	font-size : 14px;
	list-style-image : url(./images/tick.gif);
}

/* Related Articles box */

#more_articles {
	font-family : arial;
	font-size : 14px;
	margin : auto;
	width : 90%;
	padding : 10px;
	border : 2px solid rgb(210,210,210);
	border-radius : 10px;
	background-color : rgb(235,235,235);
}

/****************************************
Fantasy 35 Styles
****************************************/

#fan35_index {
	width : 80%;
	overflow : auto;
	/*border : 2px solid rgb(210,210,210);*/
	border-radius : 10px;
	margin : 0px auto;
	/*background-color : rgb(235,235,235);*/
	font-family : arial;
	font-size : 14px;
	padding : 20px;
}

.fan35_title {
	width : 100%;
	text-align: center;
	font-size : 16px;
	font-weight : bold;
}

.table_outer {
	width : 100%;
	margin : 0px auto;
	border : 2px solid rgb(210,210,210);
	padding : 5px;
	border-radius : 10px;
	overflow : auto;
}

.table_row {
	width : 98%;
	padding : 1%;
	overflow : auto;
}

.table_leftcol {
	width : 33%;
	float : left;
}

.table_rightcol {
	width : 67%;
	float : right;
}

.table_rowgrey {
	background-color : rgb(215,215,215);
}

.table_rowwhite {
	background-color : rgb(255,255,255);
}


/****************************************
Zinedoms Styles
****************************************/

h1.noline, h2.noline, h3.noline, h4.noline, h5.noline, h6.noline {
        border-bottom : none;
}

h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey {
	color : rgb(66,68,77);
	font-weight : normal;
}

.artbox {
	font-family : arial;
        font-size : 14px;
	width ; 100%;
	padding : 10px;
        margin : 5px;
        background-color : rgb(235,235,235);
        border-radius : 15px;
        border : 1px solid rgb(175,175,175);
}