/*this block is standard for the entire page and the margins. no need to edit it*/
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: #FFFFFF; /* Defult Font colour */
}


/*the following sets the font instructions for the entire page by default falling into one of the following categories*/
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;
}


/*the following is the styling for the mainbody of the page specifcially the index page and its newsposts*/
.newstopic {
/* Font and colour settings for news item title */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	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: #FFFFFF; 
}
.newscomments {
/* News comments link */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #FFFFFF; 
}
.newstext {
/* Main news text colour, font size etc. REDUNDANT */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #FFFFFF; 
}
.tinytext {
/* Font and colour settings for news date */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF; 
}
.smallpagetitles {
/* Font and colour settings for news date */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	font-weight: bold;
	COLOR: #FFFFFF; 
}
.pagetitles {
/* Font and colour settings for news item title */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


/*the following applies only to the headlines box at the top of the page and sets its default and links*/
.headline {
/* this controls the style for the headlines synopsis that appears at the top of the page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.headlinedate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	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: #FFFFFF;
	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;
}


/*the following is the default setup for all links on the page*/
a {
/* Defult Link */
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	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: #FFFFFF;
}
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;
}





/* 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: 12px;
	padding-left: 5px;
	width: 100%;
	text-decoration: none;
}
a.menuitems:hover {
	color: #BBB6B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
}
a.menuitems {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 5px;
	text-decoration: none;
}
a.menuitems:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 5px;
	text-decoration: none;
}
a.menuitems:visited {
	font-size: 12px;
	padding-left: 5px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.menuitems:visited:hover {
	font-size: 12px;
	color: #BBB6B6;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




#NPG_gallery {
margin-top: 5px;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
position:relative;
}

/*thumbnails are displayed as a 'list'*/
ul.thumbnail {list-style: none;}
		
ul.thumbnail li {
float: left; 
width: 115px; 
height: 140px;
padding: 10px;
margin: 10px;
background-color: rgb(225,225,225);
} 
	
/*thumbnail container*/
#NPG_thumbnail {
margin-top: 5px;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
position:relative;
}
/*footer container -- used so that the footer contents are actually displayed below the thumbnails, without clear:both the footer is displayed under the thumbnails*/
#NPG_footer {
clear:both;
}