/* General font families for common tags */

/*--General Layout--*/
body {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	margin-top:0px;
	padding: 0px;
	text-align:center;
}
#pagewidth {
	width:975px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top:0px;
}

/*--Search Box on top of page--*/
.search {
	width:219px;
	height:32px;
	background:url(../../images/hdr_srch.gif) no-repeat;
	padding:0px;
	position: absolute;
	margin-left: 725px;
	top:0px
}
.search form {
	margin:2px 0 0 70px;
	padding:0;
}
.search .googtxt {
	width:100px;
	height:20px;
	padding:1px 0px 1px 2px;
	margin:0;
	border:1px solid #000000;
	font-size:90%;
	float:left;
}
.search .button {
	width:20px;
	height:20px;
	text-indent:-999em;
	background:url(../../images/hdr_search_btn.gif) no-repeat;
	padding:0px;
	margin:0px;
	float:left;
	border:none;
	font-size:0px;
	line-height:0px;
	display:block;
}

/*--Header Containers and menu's--*/
#header {
	width:975px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#hdrleft {
	float:left;
	margin:0;
	padding:0;
	width:498px;
	height:70px;
}
#hdrright {
	float:right;
	margin:0;
	padding:0;
	width:473px;
	height:70px;
}
#header .logo {
	width:491px;
	height:65px;
	background:url(../../images/logo/nge_logo.gif) no-repeat left;
	margin-top:5px;
}
#header .tabs {
	margin:11px 0px 0px 0px;
	background:url(../../images/hdr_nge_peeps.gif) left no-repeat;
	padding:0px;
	float:left;
	height:59px;
	width:475px;
	text-align:left;
}
#header .tabs ul {
	clear:left;
	padding:0px 0 0px 140px;
	margin:45px 0 0 0;
	list-style:none;
	text-align:left;
	font-size:95%;
}
#header .tabs ul li {
	display:inline;
	font-weight:bold;
	font-size:110%;
	padding:0 5px 0 5px;
	border: #A50101 1px solid;
	border-bottom:none;
	background-color:#FFFFFF;
	margin-right:2px;
}
#header .tabs ul li a {
	color:#000000;
	text-decoration:none;
}
#header .tabs ul li a:hover {
	color:#FF0000;
	text-decoration:none;
}
#header .menu {
	width:975px;
	height:26px;
	background:url(../../images/hdr_mnu_bar.gif) repeat-x;
	margin:0px 0 0 0;
	float:left
}
#header .menu ul {
	clear:left;
	padding:0px 0 2px 0;
	margin:5px 0 0 0;
	list-style:none;
	text-align:left;
	font-size:95%;
}
#header .menu ul li {
	display:inline;
	background:url(../../images/hdr_mnu_bar_spacer.gif) right no-repeat;
	font-weight:bold;
	font-size:120%;
	padding:0 15px 0 10px;
}
#header .menu ul li a {
	color:#FFFFFF;
	text-decoration:none;
	padding-left:7px;
}
#header .menu ul li a:hover {
	color:#FFDE00;
	text-decoration:none;
	background:url(../../images/hdr_mnu_arrow.gif) left no-repeat;
	padding-left:7px;
}

/*--Header Containers and menu's--*/
#footer {
	width:975px;
	padding:0 0 0 0;
	margin:5px 0 0 0;
}
#footer .menu {
	width:975px;
	height:26px;
	background:url(../../images/hdr_mnu_bar.gif) repeat-x;
	margin:0px 0 0 0;
	float:left;
	text-align:center;
	padding-top:5px;
	color:#FFFFFF;
}
#footer .menu a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer .menu a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer .copy {
	width:975px;
	color:#999999;
	text-align:center;
}

/*--Basic column layout structures--*/
#colA, #colB, #colAB, #colC {margin:0px; padding: 0px;}
#colA { width:215px; float:left; margin-top:5px;}
#colB { width:490px; float:right; margin-top:5px; margin-left:5px;}
#colAB { width:730px; float:left; margin-top:5px;}
#colC { width:235px;float:right; margin-top:5px;}

/*--Styles to layout articles etc in the left section*/
.leftArticle {}
.leftArticle .header { width:215px; font-weight:bold; font-size: 12px; padding:5px; background-color:#CCCC00; color:#000000;}
.leftArticle .content { padding:5px 0px;}
.leftArticle .socialbookmark { padding:5px; text-align:right; visibility:hidden; display:none;}

/*--Styles to layout articles etc in the index section*/
.indexArticle {}
.indexArticle .header { width:200px; font-weight:bold; font-size: 12px; padding:5px; background-color:#CC0000; color:#FFFFFF;}
.indexArticle .content { padding:5px;}
.indexArticle .socialbookmark { padding:5px; text-align:right}

/*Tags and clouds formatting stuff*/
.tagType { font-weight:bold; color:#1C5FA4; font-size:80%; float:right; text-align:right;}
.tagDate { font-style:italic; color:#666666; float:left; font-size:80%;}
.tagTitle { font-weight:bold;}
.tagText { margin: 0 0 0 10px; color:#999999;}
.tagAuthor { text-align:right; color:#666666;}

.tagSmlCloud {padding: 5px; margin: 3px 0px 3px 0px; line-height:20px;}
.tagLrgCloud {padding: 10px; margin: 6px; font-size:1.4em; line-height:30px; border:1px solid #CC0000;}
span.size1 {font-size: 150%; margin-right:5px;}
span.size2 {font-size:140%; margin-right:5px;}
span.size3 {font-size: 130%; margin-right:5px;}
span.size4 {font-size: 120%; margin-right:5px;}
span.size5 {font-size: 110%; margin-right:5px;}
span.size6 {font-size: 100%; margin-right:5px;}
span.size7 {font-size: 90%; margin-right:5px;}
span.size8 {font-size: 80%; margin-right:5px;}
span.size9 {font-size: 70%; margin-right:5px;}

a.heat9 {color: #ccc;}
a.heat8 {color: #ddd;}
a.heat7 {color: #ccc;}
a.heat6 {color: #bbb;}
a.heat5 {color: #aaa;}
a.heat4 {color: #999;}
a.heat3 {color: #666;}
a.heat2 {color: #333;}
a.heat1 {color: #000;}

/* Old NGE Layout Settings
Delete as replaced*/
th,td,p {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

a {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none
}

:link			{ color: #003399; }
:visited		{ color: #006699; }
:visited:hover	{ color: #E56701; }
:active			{ color: #66CCFF; }
:hover			{ color: #FF3300; }


/* Main table cell colours and backgrounds */
td.row1		{ background-color: #CCCCCC; }
td.row2		{ background-color: #EFEFEF; }
td.row3		{ background-color: #FFFFFF; }
td.hidden	{ background-color: #FFCCCC; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #EFEFEF;
}


/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #000000; font-size: 11px; font-weight : bold;
	background-color: #CCCC66; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color: #EFEFEF; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;
}

td.row3Right,td.spaceRow {
	background-color: #FFFFFF; border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead				{ font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	{ border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	{ border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft				{ border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom			{ border-width: 0px 1px 1px 1px; }
th.thTop							{ border-width: 1px 0px 0px 0px; }
th.thCornerL						{ border-width: 1px 0px 0px 1px; }
th.thCornerR						{ border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
	font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%;
}


/* General text */
.gen		{ font-size : 12px; }
.genmed		{ font-size : 11px; }
.gensmall	{ font-size : 10px; }


/* Error text */
.error		{ font-size : 12px; color: #FF0000; }


/* The register, login, search etc links at the top of the page */
.mainmenu	{ font-size : 11px; }


/* Forum category titles */
.cattitle					{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; }
a.cattitle					{ text-decoration: none; color : #000000; }
a.cattitle:hover			{ text-decoration: none; color : #E56701; }
a.cattitle:visited			{ text-decoration: none; color : #000000; }
a.cattitle:visited:hover	{ text-decoration: none; color : #E56701; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink	{ font-weight: bold; font-size: 12px; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav		{ font-weight: bold; font-size: 11px; }


/* titles for the topics: could specify viewed link colour too */
.topictitle	{ font-weight: bold; font-size: 11px; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name		{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails	{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody	{ font-size : 12px;}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #FFFFFF; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #FFFFFF; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}


/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DFDFDF; border-style: none; }

/* Have Your Say 'feeling' */
a.hys				{ font-size : 10px; text-decoration: none; color: #000000; }
a.hys:hover			{ font-size : 10px; text-decoration: none; color: #000000; }
a.hys:active		{ font-size : 10px; text-decoration: none; color: #000000; }
a.hys:visited		{ font-size : 10px; text-decoration: none; color: #000000; }
a.hys:visited:hover	{ font-size : 10px; text-decoration: none; color: #000000; }

/* Misc classes */
.whtlink { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #FFFFFF; 
font-weight: bold; 
}
.history { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #FFFFFF; 
}
.small { 
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.hottopic { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
cursor: hand;
}
.smallcats { 
font-size: 9px; 
font-family: Arial, Helvetica, sans-serif; 
}
.greybigbld { 
font-size: 14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #666666; 
font-weight: bold; 
}
.blackbigbld { 
font-size: 14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000; 
font-weight: bold; 
}
.greymedbld { 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #666666; 
font-weight: bold;
}
.medbld { 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
}
.bluemedbld { 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #003399;
}
.redsmallbld { 
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
text-decoration: none;
; color: #FF0000
}
.greysmallbld { 
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #666666; 
font-weight: bold; 
text-decoration: none;
}
.bluesmallbld { 
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #003399; 
font-weight: bold; 
text-decoration: none;
}
.big { 
font-size: 14px; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold;
}
.tblheader { 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #FFFFFF
}
.headlinebig { 
font-size: 16px; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #003399;
}
.headlinemed { 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #003399; 
}
.blueclick { 
color: #0000FF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
cursor: hand; 
}
.tblheaderBlk {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold
}
.red {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #FF0000
}
.follownge {
	position:relative;
	text-align:right;
	margin-bottom: 315px;
}
.newsnge {
	position: absolute;
	padding-top: 20px;
}
.newsreadall {
	margin-top: 340px;
}

.c12 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px
}
.c11 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px
}
.c9 {color: #6f6f6f}
.c8 {color: white}
.c7 {font-size: 80%}
.c5 {text-align: center}
.c3 {color: #ffffff}
.c1 {color: #C1C1C1}

#agreementTC {
	overflow:auto;
	width:98%;
	height: 300px;
	background:#FFFFFF;
	border: solid 1px #000000;
	padding-left:2px;
}

#forumbox {

}
#forumbox h3 {
	margin: 0 0 0 0;
	padding: 0.4em;
	text-align: center;
}
#forumbox h4 {
	margin: 0 0 5px 0;
	padding: 0em;
	text-align: center;
}
#forumbox .forumcolumn {
	float:left;
	width: 358px;
	margin:0 3px;
}
#forumbox table {
	border: 1px solid #000000;
	border-top:none;
	margin-bottom:8px;
	border-spacing:0;
}

#forumbox table tr {
	border-bottom: 1px solid #CCCCCC;
}
#forumbox .forumtitle {
	padding:4px;
	width: 200px;
	overflow:hidden;
}
#forumbox .foruminfo {
	padding:4px;
	width:158px;
	overflow:hidden;
	vertical-align:top;
}
#forumbox .foruminfo label {
	font-weight:bold;
}
#contribbox {
	width: 220px;
	padding: 0.4em;
	position: relative;
	margin-bottom:10px
}
#contribbox h3 {
	margin: 0 0 0.45em 0;
	padding: 0.4em;
	text-align: center;
}

#messagebox {
	padding: 0.4em;
	position: relative;
	margin-bottom:10px;
	min-height:200px;
}
#messagebox h3 {
	margin: 0 0 0.45em 0;
	padding: 0.4em;
	text-align: center;
}