/* 
A valid, easy to use CSS sticky footer by Paul O'Brien that works in IE7 unlike some other people's copies of my original footer techniques!
Copyright (c) 2003 Paul O'Brien
*/


* {
	margin: 0;
	padding:0;
}
html, body {
	height: 100%;
	background-color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
margin:0px;}
body{
	background: url(resources/background.gif) repeat left top;
	padding-top:0px;

}
.page-wrapper {
	width:900px;
	margin-right:auto;
	margin-left:auto;


	margin: 0 auto;

}

.footer {
	width:900px;
	margin-top:10px;

	height:70px;

}


/*

TROUBLESHOOTING

I've received a few comments about vertical margins causing a
few problems with the layout. If you want space between
paragraphs or headers, use padding instead of margin. It's as
simple as that.

PMOB: There is no problems with using margins you just have
to take margin collapse into account.

*/

/* TOP SECTION */

#top_wrapper{
    width:900px;
    margin:auto;
    position:relative;

}
#top_wrapper img{
    float:left;
    margin:0;
}

/* NAVIGATION 1 SECTION */

#header{
    width:900px;
    margin:auto;
    position:relative;
	height:175px;

}
#forum{
    width:900px;
    margin:auto;
    position:relative;
	height:50px;

}
#sections{
    width:900px;
    margin:auto;
    position:relative;
	height:60px;

}
ul#nav,ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:99;
	position:relative;

}
ul#nav,form {
	width:900px;
	margin:auto;
text-align: left;
	font-size: 12px;
}
ul#nav li {
	position: relative;
	float: left;
	width:225px;
	height:30px;
 line-height:30px;
		 	background: url(resources/nav-black.gif);
	background-repeat: no-repeat;
	background-position: left top; 
}
#nav li ul {
	position: absolute;
	left: 0; 
	top: 30px;
	margin-left:-999em;/* ie7 doesn't work with left:-999em but does work with margin-left !! */
	}
#nav li ul ul{
	position: absolute;
	margin-left:-999em; 
	left:100%;
	top: 0;
	margin-left:100%;
}
ul#nav li a {
	display:block;
	text-decoration: none;
	height:30px;
	line-height:30px;
	width:225px;
 text-align:left;
 text-indent:25px;
	color: #9c0;

}
ul#nav li li{
	clear:left;
	margin-top:2px;
			 	background: url(resources/nav-green.gif);
	background-repeat: no-repeat;
	background-position: left top; 

}
#nav li a {
      color: #fff;
}
ul#nav li.onx a,
ul#nav li.onx a:hover{
	color: #fff;
}
#nav li a:hover {
	color: #fff;
}
ul#nav li.onx li a {      
	color: #fff;
border:0px;

}
#nav li.onx li a:hover {
   color: #9c0;
		 	background: url(resources/nav-black.gif);
	background-repeat: no-repeat;
	background-position: left top; 
}
ul#nav li ul {margin-left:-999em}
ul#nav li.onx ul{	margin-left:0}




/* MAIN SECTION */

#bottom_wrapper {
	width:900px;
	clear:both;
		 	background: #000;
	background-repeat: repeat;
	background-position: left top; 

 }
		
#right {
	float:left;
	width:400px;

	padding:25px;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
}
 
#right a:link {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
}
#right a:visited {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
#right a:hover {
		color: #000;
		text-decoration: underline;
		font-weight: bold;
		}
#right p{
clear:left;
	padding-bottom:2px;
		padding-top:2px;
}
 #right ul{
 	padding: 0;
	list-style:none;
 	margin:0;
}
 
 #right li{
 padding:0;
 margin:0;
 }

 #left {
	width:400px;
	padding:25px;
	float:left;
	text-align: left;
  font-size: 13px;
  line-height: 18px;
	color: #ccc;
 }
  #left p{
	clear:left;
	padding-bottom:2px;
		padding-top:2px;

 }
   #left img{
	margin-bottom:10px;

 }

  .greentext{
color:#9c0; }
 
#left h1{
	text-align: left;
  font-size: 14px;
  line-height: 18px;
	padding-bottom:15px;
	color: #333;
}
#left a:link {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}
#left a:visited {
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		}
#left a:hover {
		color: #9c0;
		text-decoration: underline;
		font-weight: normal;
}
 

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */