BODY {
	FONT-SIZE: 12px; /* Defult Font Size */
	MARGIN: 0px; /* Leave in for no margins on the page */
	Margin-left: 0px;
	Margin-right: 0px;
	Margin-top: 0px;
	Margin-bottom: 0px;
	FONT-FAMILY: Arial, Helvetica, sans-serif; /* Defult Font to be used */
	COLOR: #FDFDFD; /* Defult Font colour */
}
FONT {
/* Font and colour settings for all font tags */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
P {
/* Font and colour settings for all formating tags */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
DIV {
/* Font and colour settings for all div tags */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TABLE {
/* Standard font settings for all tables */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.dateheadline {
/* Font and colour settings for news date printed each day (ie News For X/X/XXXX) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.newstopic {
/* Font and colour settings for news piece title */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FDFDFD;
	font-weight: bold;
	text-decoration: none;
}
.newsdate {
/* Font and colour settings for news date */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF; 
}
.newsposter {
/* Font settings for news poster name */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #A97E4C; 
}
.newscomments {
/* News comments link */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #A97E4C; 
}
.newstext {
/* Main news text colour, font size etc */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #FDFDFD; 
}
/* Used for the menu on WoWGate. Left in, in case such a "type" of menu would be needed again. Tags explain themselves. Evegate old style menu done slightly differently */
.menuitems {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	color: #fdfdfd;
	width: 100%;
	height: 8px;
	text-decoration: none;
}
a.menuitems:hover {
	color: #BBB6B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 5px;
}
a.menuitems {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fdfdfd;
	height: 8px;
	padding-left: 5px;
	text-decoration: none;
}
a.menuitems:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 8px;
	padding-left: 5px;
	text-decoration: none;
}
a.menuitems:visited {
	font-size: 11px;
	padding-left: 5px;
	color: #fdfdfd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.menuitems:visited:hover {
	color: #BBB6B6;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* Used for the menu on Right WoWGate. Left in, in case such a "type" of menu would be needed again. Tags explain themselves. Evegate old style menu done slightly differently */
.menuitems2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 15px;
	color: #fdfdfd;
	width: 100%;
	height: 8px;
	text-decoration: none;
}
a.menuitems2:hover {
	color: #BBB6B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 15px;
}
a.menuitems2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fdfdfd;
	height: 8px;
	padding-left: 15px;
	text-decoration: none;
}
a.menuitems2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 8px;
	padding-left: 15px;
	text-decoration: none;
}
a.menuitems2:visited {
	font-size: 11px;
	padding-left: 15px;
	color: #fdfdfd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.menuitems2:visited:hover {
	color: #BBB6B6;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.headline {
/* Set the headline in each news post as class=headline. Set the following headline fields to whatever you wish. make sure to set to link settings as well (a. tags) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A97E4C;
	text-decoration: none;
}
a.headline:hover {
	color: #BBB6B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.headline {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.headline:active {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.headline:visited {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A97E4C;
	font-weight: bold;
	text-decoration: none;
}
a.headline:visited:hover {
	color: #BBB6B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.potd {
/* Use class=potd on the POTD table and set type of border here. Done as border size in pixels, line type (solid, dotted etc), line colour */
	border: 2px solid #FF9A00;
}
a {
/* Defult Link */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #A97E4C;
	text-decoration: none
}
/* Defult Link colouring */
a:hover {
/* Used on mouse over */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold; /* e.g bold, italic etc */
	color: #BBB6B6;
}
a:visited {
/* Used when link has been visited */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #A97E4C;
}
a:visited:hover {
/* Set to the same as the hover tag, unless you want visited links to be slightly different on mouse over */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #BBB6B6;
}
.copyright {
/* Sets the copyright text colour, font size etc */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	COLOR: #FDFDFD;
	text-decoration: none; 
}
a.copyright:hover {
	color: #BBB6B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.copyright {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.copyright:active {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.copyright:visited {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FDFDFD;
	font-weight: bold;
	text-decoration: none;
}
a.copyright:visited:hover {
	color: #BBB6B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}ca, sans-serif;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
}
a.copyright:visited:hover {
	color: #BBB6B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
.whitetitles {
	font-family: Arial;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.pagetitles {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.notetext {
	font-family: Arial;
	font-size: x-small;
	color: #FDFDFD;
	text-decoration: none;
}


/*MAP CODE*/
/*this is the start of the map code, the first part is the for the map image itself*/
#telon { 
	position: relative;
	background-image: url(../map/map.jpg);
	height: 381px;
	width: 551px;
	}
/*the next part signifies the highlights that will appear over the mouseovers, you need one for each varied type of highlight*/
#thestra a {
   position: absolute;
   height: 20px;
   width: 20px;
   top: 0px;
   text-decoration: none;
   background-repeat:no-repeat;
   }
#thestrab a {
   position: absolute;
   height: 34px;
   width: 34px;
   top: 0px;
   text-decoration: none;
   background-repeat:no-repeat;
   }
#thestrac a {
   position: absolute;
   height: 34px;
   width: 34px;
   top: 0px;
   text-decoration: none;
   background-repeat:no-repeat;
   }
/*this part is used to hide the text names on the html*/      
#thestra a i { visibility: hidden; }
#thestrab a i { visibility: hidden; }
#thestrac a i { visibility: hidden; }
/*this sets the map positions*/
a#tursh { top: 10px; }
a#newtarg { top: 4px; }
a#leth, a#vulm { top: 103px; }
a#falgar { top: 25px; }
a#rindol { top: 57px; }
a#bordi { top: 88px; }
a#tursh { left: 245px; }
a#newtarg { left: 290px; }
a#leth { left: 293px; }
a#rindol { left: 206px; }
a#falgar { left: 409px; }
a#vulm { left: 401px; }
a#bordi { left: 164px; }
/*calls the highlight graphics*/
a#newtarg:hover { background-image: url(../map/dot2.gif); }
a#tursh:hover { background-image: url(../map/dot.gif); }
a#leth:hover { background-image: url(../map/dot.gif); }
a#falgar:hover { background-image: url(../map/dot3.gif); }
a#rindol:hover { background-image: url(../map/dot3.gif); }
a#vulm:hover { background-image: url(../map/dot.gif); }
a#bordi:hover { background-image: url(../map/dot.gif); }
/*fixes a roll-over error*/
a#home:hover,
a#preface:hover, 
a#stories:hover, 
a#gallery:hover, 
a#forum:hover,   
a#mementos:hover, 
a#credits:hover, 
a#indicia:hover { border: none; }