@charset "utf-8";
body {
background-image:url(../images/bodybg.gif); background-repeat:repeat-x;
background-color:#2c2c2c;
color:#222;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}

#pagewrapper {
margin: 0 auto;
width:968px;
background-image:url(../images/shadow.gif); background-repeat:repeat-y;}

a:link {color:#f17b1b; outline: none; text-decoration: none;
}

a:visited {color:#f17b1b; outline: none; text-decoration: none;
}

a:hover,
a:focus {color:#00C0FF; outline: none; text-decoration: none;
}

a:active {color:#00C0FF; outline: none; text-decoration: none;
}

 
#defaulttitle {background-image:url(../images/titledefault.jpg); background-repeat:no-repeat; height:80px; position:relative;top:10px; left:10px;width:940px;}
#hordetitle {background-image:url(../images/goblinheader.jpg); background-repeat:no-repeat; height:80px; position:relative;top:10px; left:10px;width:940px;}
#alliancetitle {
	background-image:url(../images/allianceheader.jpg);
	background-repeat:no-repeat;
	height:80px;
	position:relative;
	top:10px;
	left:10px;
	width:940px;
	border: 0;
}
.titleblock  {
position:absolute;
left:89px; 
top:26px;
width:387px;
height:33px;
text-align:center;
}
 
  h1.title {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
-x-system-font:none;

color:#fff;
font-family:cambria,Georgia,"Times New Roman",Times,serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.3em;
margin-bottom:0;
margin-right:0;
margin-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-top:0px;
position:relative;
text-shadow:black 0px 0px 5px
}
 
 
 
 
 
 
 
 
 
 #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 #header {
    position:relative;
    height:162px;
	background-image: url(../images/header.jpg); background-repeat:no-repeat;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	}
#banner {position:absolute; top:55px; right:10px;
width:728px;
height:90px;}	

 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#navigation {
	height:38px;
	background-image:url(../images/navibg.gif);
	background-repeat:repeat-x;
	text-align: left;
}
  

#lbot {height:37px;width:200px; z-index:20; float:left; background-image:url(../images/lbot.jpg); background-repeat: no-repeat;}
  
.guidenavi {
	width:940px;
	height:30px;
	background:#000;
	border-bottom: 1px solid #e37419;
	margin:10px 10px;
	text-align: right;
	position: relative;
}  




#navigation li a:link {color:#fff; outline: none; text-decoration: none;
}
#navigation li a:visited {color:#fff; outline: none; text-decoration: none;
}
#navigation li a:hover ,
#navigation li a:focus {color:#e37419; outline: none; text-decoration: none;
}
#navigation li a:active {color:#e37419; outline: none; text-decoration: none;
}
.next{
	float:left;
	width:470px;
	font-size:12px;
	text-align: right;
	
}
.prev{
	float:left;
	width:470px;
	font-size:12px;
	text-align: left;
}
  #breadcrumb {
  clear:both;
  display:block;
  height:21px;
  background-image:url(../images/breadbg.gif); background-repeat:repeat-x; }

 #mainContent {
	padding: 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
#mainContent td {
border-bottom:1px solid #999;
border-top:1px solid #fff;
padding-top:10px; padding-bottom:10px;}

#footer {
	height:77px;
	background-image:url(../images/bbot.jpg);
	background-repeat:no-repeat;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
	
}
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 8px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #444;
}

.guide-menu-container {
min-height:150px;
margin:10px 10px 10px 10px;
background-image:url(../images/submenubox.png); background-repeat:no-repeat;
float:left; width:22.7%;}

.guide-menu-title{
text-align:center;
background:none;
color:#fff;
font-family:Cambria,Georgia,"Times New Roman",Times,serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
margin:8px 0px 0px 0px ;
}

.guide-menu-body {background:none;
                  margin:15px 10px 10px 10px;
                  padding:5px;
				  }





.nextlink {
	position: absolute;
	width: 338px;
	text-align: right;
	top: 5px;
	right: 35px;
	
}
.prevlink {
	position: relative;
	left: 20px;
	top: 5px;
	width: 338px;
}
.guidenavi img {
	padding-right: 10px;
	padding-left: 10px;
}