body, html {
	margin:0;
	padding:0;
	color:#FFFFFF;
	background-image: url(../images/soil.gif);
	font-family: Avenir, Malgun Gothic, sans-serif;
	font-size: 1em;
	}

h1 {
  margin: 0;
	font-family: Bryant, Malgun Gothic, sans-serif;
	color: #b9b098;
font-weight: normal;
   }

h2 {
   	margin: 0 ;
   	font-family: Avenir, Malgun Gothic, sans-serif;
	color: #b9b098;
	font-weight: normal;
   }
	  
h3 {	
	margin: 0 0 0 10px;
	font-family: Avenir, Malgun Gothic, sans-serif;
	color: #000000;
	font-weight: normal;
	}

h4 /*this is what I'm using for text in the rounded blocks*/{
	margin: 0 10px 0 10px;
	font-family: Avenir, Malgun Gothic, sans-serif;
	color: #000000;
	font-weight: normal;	
	font-size: 0.85em	}
	
h5 /*this is what I'm using to indent the images and boxes further in the rounded blocks*/{
	margin: 0 0 0 0;
	font-family: Avenir, Malgun Gothic, sans-serif;
	color: #b9b098;
	font-weight: normal;
	}

h6 /*this is what I'm using to make the tiny font in the rounded blocks*/{
	margin: 0px 10px 0 10px;
	font-family: Avenir, Malgun Gothic, sans-serif;
	color: #000000;
	font-weight: normal;	

	}



#wrap {
	width: 1000px;
	margin:0 auto;
	background: transparent;
	
	
}

 #header {

   background: #000000;
   }


   
   	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	
}


	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
		
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;

	}
	
	/* 3 Column settings */
	.threecol {
	background:transparent;		/* right column background colour */
					
	}
	.threecol .colmid {
	right:25%;			/* width of the right column */
	background:transparent;		/* center column background colour */
		
	}
	.threecol .colleft {
		right:52%;			/* width of the middle column */
		background:transparent;	/* left column background colour */
		
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:106%;			/* 100% plus left padding of center column */
		color: #b9b098;

	}
	.threecol .col2 {
		width:23%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		
	}
	.threecol .col3 {
		width:19%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and 
						right padding) plus (left column left and right padding) plus (right column left padding) */
						
						
						}

.cornerbox{display:block;}
.cornerbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#907578}
.cornerbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #3d3233;
  border-right:1px solid #3d3233;
  background:#6c575a}
.cornerbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #0e0b0c;
  border-right:1px solid #0e0b0c;
  background:#745e61}
.cornerbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #745e61;
  border-right:1px solid #745e61;}
.cornerbox4{
  border-left:1px solid #3d3233;
  border-right:1px solid #3d3233}
.cornerbox5{
  border-left:1px solid #6c575a;
  border-right:1px solid #6c575a}
.cornerboxfg{
  background:#907578;
}



#navbar, #navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Avenir, Malgun Gothic, sans-serif;

    }

#navbar a /* this effects the top level of the bar when it's not being hovered over */
{
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #000;
	font-size: .85em;
	color: #b9b098;
	background: #4c5b52;
}

#navbar a.trigger {
	padding:5px 16px 5px 10px;
	
}

#navbar li {
	float: left;
	width: 10em;

}

#navbar li ul, #navbar ul li  {
	width: 10em;

}

#navbar ul li a  {
	color: #4c5b52;
	border-right: 1px solid #000;
	padding: 3px 12px 3px 10px;

}

#navbar li ul /* this effects the background of the dropdowns */
{
	position: absolute;
	display: none;
	background-color: #b9b098;
	border-right: 1px solid #000;


}
	
#navbar li:hover a, #navbar a:focus,
#navbar a:active, #navbar li.p7hvr a /* this effects the top level bar when it's hovered over */
{
	color: #000000;
	background-color:#907578

}
#navbar li:hover ul, #navbar li.p7hvr ul {
	display: block;
}

#navbar li:hover ul a, #navbar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;

}

#navbar ul a:hover {
	background-color: #907578!important;
	color: #FFFFFF!important;

	}
\ 
	
#navbar li {width: auto;}

#twitter	{
	margin-right: 20px;
	}

#footer {
    clear:both;
	background: #4c5b52;
	list-style: none;
	font-family: Malgun Gothic, sans-serif;
	width: 960px;
    }

#footer p {
	margin: 25em ;
	font-size: .65em;
	color: #b9b098;
	 	}
	
#footer a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: .85em;
	color: #b9b098;
	background: #4c5b52;
}

#footer li {
	float: left;
	width: 240px;
}

#footer li:hover a, #footer a:focus,
#footer a:active, #footer li.p7hvr a {
	color: #000000;
	background-color: #907578;
	}
	

* html #footer {
    height:1px;
	
    }