/* 
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: Georgia, "Times New Roman", Times, serif;
	margin: 0;
}
img {
	border:none;
}

.page-wrapper {
	width:880px;
	margin-right:auto;
	margin-left:auto;
	min-height: 100%;

	background-color: #fff;
	margin: 0 auto ; 
}
.clearfooter must be the same height as .footer */

.footer {
	width:880px;
	border-top:1px solid #ccc;
	margin-top:-100px;

		clear:both;


/* .clearfooter must be the same height as .footer */
/* the top negative margin is the value the footer's total height */
}


/*

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:880px;
	 height:185px;
    margin:0px;
    position:relative;
    background:#fff;
    color:#000;


}
#top_wrapper img{
    float:left;
    margin:0;
}
#nav{
    width:880px;
height:30px; 
line-height:30px;    color:#ccc;
    text-transform:uppercase;
    top:0;
    text-align:left;
    border-bottom:1px solid #fff;
	    border-top:1px solid #fff;

    font-size:11px;
    float:left;
		padding:0px;

	background-color: #F1E1AF;

}

#nav li{display:inline;padding-right:10px;padding-left:10px;
	border-right: 1px solid #fff;
}
#nav li a:link {
		color: #000;
		text-decoration: none;
		font-weight: bold;
		
		}
#nav li a:visited {
		color: #000;
		text-decoration: none;
		font-weight: bold;
		}
#nav li a:hover {
		color: #999;
		text-decoration: none;
		font-weight: bold;
		}


/* NAVIGATION 1 SECTION */
#nav_wrapper1 {
	width:880px;
	padding:0px;
	float:left;
	text-align: left;
	font-size: 9px;
line-height:30px; 	color: #fff;
		margin:0px;
			background-color: #648a64;


 }
#nav_wrapper1 a:link {
		color: #fff;
		text-decoration: underline;
		font-weight: normal;
		
		}
#nav_wrapper1 a:visited {
		color: #fff;
		text-decoration: underline;
		font-weight: normal;
		}
#nav_wrapper1 a:hover {
		color: #000;
		text-decoration: underline;
		font-weight: normal;
		}

 
.units {
	float:left;
	width:419px;
	height:140px;
	padding:10px;
	background-color: #9f8b6a;
	    border-right:1px solid #fff;
	margin-right:0px;

}
  .units p{
		text-align: left;
  font-size: 13px;
  line-height: 18px;
	padding-bottom:5px;
	color: #fff;
 }
 
   .units span{
color: #ffffff;
background-color: #cc0303;
padding:3px;
 }
 
.units h1{
	text-align: left;
  font-size: 22px;
  line-height: 18px;
	padding-bottom:10px;
	color: #fff;
}


.green {
	float:left;
	width:420px;
	height:140px;
	padding:10px;
	background-color: #648a64;
		margin-left:0px;

}
  .green p{
		text-align: left;
  font-size: 13px;
  line-height: 18px;
	padding-bottom:5px;
	color: #fff;
 }
 
.green h1{
	text-align: left;
  font-size: 22px;
  line-height: 18px;
	padding-bottom:10px;
	color: #fff;
}







/* MAIN SECTION */

#bottom_wrapper {
	width:860px;
	float:left;
	min-height:350px;
		background-image: url(resources/background-grey.jpg);
	background-repeat: repeat-x;
	background-position: left top;
		padding:10px;

	border-top:1px solid #fff;

 }
 
		
#left {
	float:left;
	padding-top:10px;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	color: #333;
		width:400px;


 }
 #leftnews {
	float:left;
	padding-top:10px;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	color: #333;
		width:860px;


 }
 #left ul{
		padding-left:20px;

	margin: 0;
	list-style: outside;
	height: auto;

 }
#left a:link {
		color: #9f8b6a;
		text-decoration: none;
		font-weight: bold;
}
#left a:visited {
		color: #9f8b6a;
		text-decoration: none;
		font-weight: bold;
		}
#left a:hover {
		color: #000;
		text-decoration: underline;
		font-weight: bold;
		}
#left p,  #leftnews p{
		padding-bottom: 10px;
}
#left h1,  #leftnews h1{
	text-align: left;
  font-size: 22px;
  line-height: 18px;
	padding-bottom:25px;
	color: #333;
}


 #right {
	width:425px;
	padding-top:10px;
	float:right;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	list-style-position: inside;
	list-style-type: none; 

}

  #right p{
	padding-bottom:10px;
 }
 
#right h1{
	text-align: left;
  font-size: 14px;
  line-height: 18px;
	padding-bottom:15px;
	color: #333;
}
#right a:link {
	color: #f60;
	text-decoration: none;
	font-weight: bold;
}
#right a:visited {
		color: #f60;
		text-decoration: none;
		font-weight: bold;
		}
#right a:hover {
		color: #333;
		text-decoration: underline;
		font-weight: bold;
}
 

/* 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 */