/* ----------------------------------------------- */
/* GENERAL */
/* ----------------------------------------------- */
	* {
		margin: 0;
		padding: 0;
	}

	body {
		font-family: Verdana, Sans-Serif;
		text-align: center;
		font-size: 0.62em;
		background-color: 031179;
	}

	a {
		color: #000;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}

	p {
		margin-bottom: 10px;
	}

	h2 {
		font-size: 1.8em;
		font-weight: normal;
	}
	
		h2 span {
			color: #031179;
			font-weight: bold;
		}

	h4, h5, h6 {
		
	}

	hr {
		display: none;
	}

	img {
		border: 0;
		display: block;
	}

	.hide {
		position: absolute;
		top: -6000em;
	}

	.clear {
		clear: both;
	}
	
	.hr {
		background: url(../_images/background/bg_hr.gif) repeat-x left top;
		height: 5px;
		width: 90%;
		margin: 13px auto;
	}


/* ----------------------------------------------- */
/* PAGE LAYOUT */
/* ----------------------------------------------- */

	#outerwrapper {
		background: #fff url(../_images/background/bg_footer.gif) repeat-x bottom left;
	}
	
		#logowrapper {
			text-align: left;
			margin: 10px 0 0 0;
		}

		#innerwrapper {
			background: url(../_images/background/bg_header.jpg) repeat-x 47% 0%;
			margin: 0px 0 0 0;
		}
	
			#wrapper {
				width: 750px;
				margin: 0 auto;
				text-align: left;
			}


				#content1 {
					float: left;
				}

				#content2 {
					background: url(../_images/background/bg_login.gif) no-repeat bottom left;
					float: left;
					margin: 2   0px 0 0 0;
				}
				
				#content3 {
					float: left;
				}
				
				#content4 {
					float: left;
				}
				#content5 {
					float: left;
					margin: 0px 15px 0 0;
				}
				#footer {
					clear: both;
					min-height: 10px;
				}
				
					#footer p {
						float: right;
						color: #fff;
						margin-right: 20px;
					}

					#footer a {
						
						color: #ffffff;
						
					}
				#news_page_1 {
				    margin-left: 390px;
				   
					margin-top: 20px;
					margin-bottom: 20px;
				}
				#news_page {
				    margin-left: 290px;
				    width: 200px;
					margin-top: 20px;
					margin-bottom: 20px;
				}

/* ----------------------------------------------- */
/* HEADER */
/* ----------------------------------------------- */

	#header {
		width: 731px;
		height: 120px;
		padding-top: 20px;
	}

		#header h1 {
			width: 731px;
			height: 10px;
			position: absolute;
			overflow: hidden; /* to stop the title covering the page content when text size is increased */
		}

			#header h1 a {
				display: block;
				width: 731px;
				height: 0px; /* width and height must be repeated for IE5 mac */
				text-decoration: none;
				position: relative;
			}

			#header h1 span {
				background: url(../_images/background/bg_h1.jpg) no-repeat top;
				width: 100%;
				height: 100%;
				top: 0px; /* top and left values needed for netscape 7 */
				left: 0px;
			}

/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */

	#footer {
		clear: both;
	}


/* ----------------------------------------------- */
/* FORMS */
/* ----------------------------------------------- */

	fieldset {
		border: 0;
	}

		legend {
			display: none;
		}

			#loginbox form p {
				margin-left: 10px;
			}

		
/* ----------------------------------------------- */
/* CONTENT1 STYLES */
/* ----------------------------------------------- */

	#intro {
		width: 493px;
		float: left;
	}
	
		#intro p {
			font-size: 1.3em;
			margin: 0 0px;
		}
		
		#intro h2 {
			margin: 0 0 5px 0px;
		}
	
	h3#enter a {
		background: url(../_images/buttons/button_enterforum.jpg) no-repeat left top;
		width: 190px;
		height: 33px;
		display: block;
		margin: 10px 0 0 13px;
	}
	
		h3#enter a span {
			position: absolute;
			top: -6000em;
		}

	#loginbox {
		width: 225px;
		float: left;
		background: url(../_images/background/bg_login.gif) no-repeat left top;
		border-top: 1px solid #031179;
		border-left: 1px solid #031179;
		border-right: 1px solid #031179;
		border-bottom: 1px solid #031179;
		position: relative;
	}
	
		#loginbox h4 {
			background: url(../_images/background/bg_login.jpg) no-repeat left top;
			border-top: 1px solid #fff;
			margin-left: 1px;
			height: 26px;
			color: #fff;
			padding: 4px 0 0 13px;
		}
		
		#loginbox #helplink {
			position: absolute;
			top: 5px;
			left: 150px;
			color: #fff;
		}
		
			#loginbox #helplink a {
				color: #fff;
			}
	
/* ----------------------------------------------- */
/* CONTENT2 STYLES */
/* ----------------------------------------------- */		
		
		#content2 h3,
		#content2 h4 {
			margin: 0 13px;
		}
		
		#content2 h3 {
			color: #031179;
			font-size: 1.6em;
		}
		
			#content2 #posts h3 {
				margin-bottom: 12px;
			}
		
		#content2 h4 {
			font-size: 1.4em;
			margin-bottom: 12px;
		}
		
		#content2 p {
			margin-left: 13px;
			margin-right: 13px;
		}
		
		#content2 img {
			margin: 5px 0 10px 2px;
		}
		
		
		
		#content2 ul {
			list-style: none;
			margin: 0 0 0 13px;
		}	
		
			#content2 li {
				padding: 0 0 5px 13px;
				background: url(../_images/background/bullet.gif) no-repeat 0px 3px;
			}
		
		#content5 ul {
			list-style: none;
			margin: 0 0 0 13px;
		}	
		
			#content5 li {
				padding: 0 0 15px 13px;
				background: url(../_images/background/bullet.gif) no-repeat 0px 3px;
			}

		#content2 dl {
			margin: 0 0 0 13px;
		}
		
			#content2 dl dd {
				margin-bottom: 20px;
			}
		
		#hottopic,
		#polls,
		#posts {
			border-top: 1px solid #031179;
			width: 230px;
			float: left;
			margin-right: 20px;
			padding: 13px 0;
		}
		
		h3#enviro_more a {
			background: url(../_images/buttons/button_tellus.jpg) no-repeat left top;
			width: 125px;
			height: 24px;
			display: block;
			margin: 10px 0 0 0;
		}
		
			h3#enviro_more a span {
				position: absolute;
				top: -6000em;
			}
			
		h3#votenow a {
			background: url(../_images/buttons/button_votenow.jpg) no-repeat left top;
			width: 99px;
			height: 24px;
			display: block;
			margin: 10px 0 15px 0;
		}
		
			h3#votenow a span {
				position: absolute;
				top: -6000em;
			}
		
		


/* ----------------------------------------------- */
/* CONTENT4 STYLES */
/* ----------------------------------------------- */		
		
		#content4 h3,
		#content4 h4 {
			margin: 0 13px;
		}
		
		#content4 h3 {
			color: #031179;
			font-size: 1.6em;
		}
		
			#content4 #posts h3 {
				margin-bottom: 12px;
			}
		
		#content4 h4 {
			font-size: 1.4em;
			margin-bottom: 12px;
		}
		
		#content4 p {
			margin-left: 13px;
			margin-right: 13px;
		}
		
		#content4 img {
			margin: 5px 0 10px 2px;
		}
		
		
		
		#content4 ul {
			list-style: none;
			margin: 0 0 0 13px;
		}	
		
			#content4 li {
				padding: 0 0 5px 13px;
				background: url(../_images/background/bullet.gif) no-repeat 0px 3px;
			}
			
		#content4 dl {
			margin: 0 0 0 13px;
		}
		
			#content4 dl dd {
				margin-bottom: 20px;
			}
		
		#enviroment,
		#power,
		#civil {
			border-top: 1px solid #031179;
			border-left: 1px solid #031179;
			border-right: 1px solid #031179;
			border-bottom: 1px solid #031179;
			width: 225px;
			height: 335px;
			float: left;
			margin-right: 20px;
			padding: 13px 0;
		}
		
		h3#enviro_more a {
			background: url(../_images/buttons/button_more.jpg) no-repeat left top;
			width: 125px;
			height: 24px;
			display: block;
			margin: 10px 0 0 0;
		}
		
			h3#tellus a span {
				position: absolute;
				top: -6000em;
			}
			
		h3#power_more a {
			background: url(../_images/buttons/button_more.jpg) no-repeat left top;
			width: 125px;
			height: 24px;
			display: block;
			margin: 20px 0 0 0;
		}
		
			h3#power_more a span {
				position: absolute;
				top: -6000em;
			}
		
		h3#civil_more a {
			background: url(../_images/buttons/button_more.jpg) no-repeat left top;
			width: 125px;
			height: 24px;
			display: block;
			margin: 20px 0 0 0;
		}
		
			h3#civil_more a span {
				position: absolute;
				top: -6000em;
			}