/*-------------------------------------------------------------------------
	L A Y O U T  C S S
---------------------------------------------------------------------------	*/

/*
Dark Green: #00573D
Light Green: #A0CA3A
*/

#wrapper {
	width:990px;
	margin:0 auto;
}

#header {
	margin-top:10px;
}

#header h1 {
	background:url(../images/organic.food.brokers.logo.gif) no-repeat top left;
	width:265px;
	height:82px;
	text-indent:-9999px;
	overflow:hidden;
}
	#header h1 a {
		display:block;
		height:82px;
	}
	
/* N A V */

#nav {
	float:right;
	margin-top:5px;
}

#nav li {
	margin-left:5px;
	float:left;
}

.navWho:hover, .navWhat:hover, .navHow:hover, .navWhy:hover, .navTribe:hover, .navLove:hover, .navOn {
		background-position:top right !important;
	}
	
.navWho a, .navWhat a, .navHow a, .navWhy a, .navTribe a, .navLove a {
	display:block;
	height:24px;
}

.navWho {
	background:url(../images/nav_who.gif) no-repeat top left;
	width:95px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

.navWhat {
	background:url(../images/nav_what.gif) no-repeat top left;
	width:96px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

.navHow {
	background:url(../images/nav_how.gif) no-repeat top left;
	width:100px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

.navWhy {
	background:url(../images/nav_why.gif) no-repeat top left;
	width:94px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

.navTribe {
	background:url(../images/nav_tribe.gif) no-repeat top left;
	width:71px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

.navLove {
	background:url(../images/nav_love.gif) no-repeat top left;
	width:97px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

.navGreen {
	background-color:#00573D;
	width:407px;
	height:24px;
}


/* I N D E X */

#indexPrimary {
	width:inherit;
	height:400px;
	margin-top:5px !important;
}

.indexSecondary {
	width:316px;
	height:130px;
	background-color:#A0CA3A;
	padding:5px;
	margin:5px 5px 0 0;
	float:left;
}

.indexSecondary img {
	float:left;
	margin-right:10px;
}

.indexSecondary p {
	color:#00573D;
	margin-top:5px;
	float:left;
}


/* R E C E N T  A C T I V I T Y */
	
#recentAct {
	width:265px;
	margin-top:5px;
	float:left;
	margin-right:5px;
}
	
#recentAct h2 {
	background:url(../images/recent.activities.gif) no-repeat top left;
	width:265px;
	height:24px;
	text-indent:-9999px;
}

.content {
	position:relative;
	height:506px;
	margin-top:5px;
	overflow:auto;
	background-color:#A0CA3A;
	padding:5px;
}

.content a {
	color:#00573D;
	font-weight:bold;
	text-decoration:underline;
}

 .content a:hover {
	color:#fff;
	font-weight:bold;
}

.recentPost {
	margin-bottom:20px;
}


.date {
	font-size:11px;
	color:#00573D;
	display:block;
	border-bottom:1px solid #FFF;
	margin-bottom:10px;
}

#recentAct p {
	font-size:11px;
	line-height:14px;
	color:#00573D;
	margin-top:10px;
}
	
	
#sideImg {
	float:left;
	margin:5px 5px 0 0;
}


/* P R I M A R Y  C O N T E N T */

#primaryContent {
	background:url(../images/watermark.gif) no-repeat bottom right;
	width:591px;
	height:506px;
	padding:20px;
	margin-top:5px;
	background-color:#00573D;
	float:left;
}
	
/* F O O T E R */

#footer {
	background-color:#00573D;
	height:17px;
	width:978px;
	margin-top:5px;
	color:#FFF;
	font-size:11px;
	padding:5px;
	float:left;
}

#footer a {
	color:#A0CA3A;
}
	#footer a:hover {
		color:#fff;
	}

/* L O V E  C O N T E N T */

#loveContainer {
	background:url(../images/watermark.love.gif) no-repeat bottom right;
	background-color:#A0CA3A;
	margin-top:5px;
	padding:20px;
	color:#00573D;
	font-size:11px;
	line-height:14px;
	float:left;
	width:950px;
	height:506px;A0CA3A
}

.loveColumn {
	margin-right:20px;
	padding-right:20px;
	border-right:1px solid #00573D;
}
	  
	  .loveColumn h2, .endColumn h2 {
		  font-size:14px;
		  line-height:5px;
		  margin-bottom:10px;
	  }
		
	  .loveColumn p, .endColumn p {
		margin-bottom:20px;
	  }

.loveColumn, .endColumn {
	width:206px;
	float:left;
	height:100%;
}

.loveColumn li, .endColumn li {
	list-style:inside;
	margin-bottom:10px;
}

/* T R I B E */

#tribeContainer {
	position:relative;
	width:601px;
	height:478px;
	margin-top:5px;
	padding-right:10px;
	overflow:auto;
}

a.tribe { color:#a0ca3a;
}
a.tribe:hover { color:#fff;
}