/*
|
| TITLE:	Sustainable Tulsa
| AUTHOR:	Alex Baillargeon, alex@pendergraphics.com
|			
| EMPLOYED:	Pendergraphics Design Group, http://www.pdgcreative.com 	
| 
| CREATED:	May 13, 2009
|
*/


*{

	margin:0px;
	padding:0px;

}

body{
	background-image:url('../../images/homeBG.jpg');
	behavior:url('/assets/css/csshover.htc');
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFF;
	color:#000;
	font-family:Arial;
}

	.clear{
		clear:both;
		width:1px;
		height:1px;
		font-size:1px;
	}

	#mainWrap{
		width:842px;
		margin:23px auto;
	}
	
		#mainCont{
			width:840px;
			border:1px solid #e9e9e9;
			background-color:#FFFFFF;
			background-image:url('../../images/mainContBG.gif');
		}
		
			#leftCol{
				width:209px;
				border-right:1px solid #e9e9e9;
				float:left;
				padding:6px 7px;
			}
			
				#homeLogo h2{
					display:block;
					width:209px;
					height:62px;
					background-image:url('../../images/sustLogo.gif');
					background-repeat:no-repeat;
				}
				
					#homeLogo h2 a{
						width:209px;
						height:62px;
						display:block;
					}
				
					#homeLogo h2 span{
						display:none;
					}
			
				#mainNav{
					background-color:#e1edba;
					position:relative;
					z-index:20;
				}
				
					#mainNav ul{
						list-style:none;
						padding:15px 0;
					}
					
						#mainNav ul li{
							text-align:right;
							position:relative;
							width:189px;
							padding:10px;
							background-image:url('../../images/navDiv.gif');
							background-position:right bottom;
							background-repeat:no-repeat;
						}
						
						#mainNav ul li.current, #mainNav ul li.topCurrent{
							background-color:#ecf3d6;
						}
						
							#mainNav ul li.last{
								background-image:none;
							}
						
							#mainNav ul li a{
								color:#219f00;
								font-size:16px;
								text-align:right;
								text-decoration:none;
							}
							
							
							#mainNav ul ul {
								display: none;
							}
		
								#mainNav ul ul li { width: 200px; clear: left; padding: 0px; background-image:none; }
							
								#mainNav ul ul li.level-2 ul, 
								#mainNav ul ul ul li.level-3 ul,
								#mainNav ul ul ul ul li.level-4 ul,
								#mainNav ul ul ul ul ul li.level-5 ul {
									display: none;
								}
		
								#mainNav ul li:hover ul {
									display: block;
								}
								
									#mainNav ul ul li:hover ul,
									#mainNav ul ul ul li:hover ul,
									#mainNav ul ul ul ul li:hover ul,
									#mainNav ul ul ul ul ul li:hover ul {
										display: block;
									} 
									
								#mainNav ul ul {
									position: absolute;
									top:0px;
									left: 204px;
									width: 200px;
									height: auto;
									margin: 0;
									padding: 0;
									background-color: #fce193;
									opacity: .95;
								}
								
									#mainNav ul ul a {
										margin: 0;
										font-size:12px;
										padding:5px 5px;
										display:block;
										color: #444444;
										text-decoration: none;
									}
									
										#mainNav ul ul a:hover {
											background-color: #fbeabc;
										}
								
									#mainNav ul ul ul{
										top: 0;
										left: 200px;
										background-color:#f8e9bf;
									}
		
							
							
							
							
							
							
							
							
							
							
							
				
				#addtBoxes{
					
					
					
				}
					
					#addtBoxes div.addtBox{
						margin-top:1px;
						
						padding:0px;
						padding-bottom:3px;
					}
					
						#addtBoxes div.addtBox h3{
							color:#444444;
							text-align:right;
							font-size:16px;
							font-weight:normal;
							
						}
					
						#addtBoxes div.addtBox p{
							color:#1c7108;
							text-align:right;
							font-size:12px;
						}
						
							#addtBoxes div.addtBox a{
								color:#1c7108;
								text-decoration:none;
							}
					
						
					
					#donateBox{
						background-color:#ccde91;
						background-image:url('../../images/donateBoxBG.gif');
						background-repeat:no-repeat;
					}
					
					#requestBox{
						background-color:#b1d6d1;
						background-image:url('../../images/reqBoxBG.gif');
						background-repeat:no-repeat;
					} 
				
						#requestBox p{
							color:#444444 !important;
							font-size:11px !important;
							padding-left:65px;
						}
			
					#collabBox{
						background-color:#FFFFFF;
						background-image:url('../../images/collabBG.gif');
						background-repeat:no-repeat;
					} 
				
						#collabBox p{
							color:#444444 !important;
							font-size:11px !important;
							padding-left:65px;
						}
						
				#addtLinks{
					font-size:11px;
					color:#000;
					clear: both;
					margin-top: 10px;
					
				}
				
					#addtLinks p{
						text-align:center;
					}
				
					#addtLinks a{
						border:none;
						font-size:11px;
						color:#000;
						text-decoration:none;
					}
					
						#addtLinks img{
							border:none;
						}
			
			
			#rightCol{
				width:616px;
				float:left;
			}


				#searchCont{
					height:68px;
					background-image:url('../../images/searchBoxBG.gif');
				}
				
					#searchCont p{
						color:#938b57;
						font-size:12px;
						float:left;
						width:200px;
						margin:25px 0 0 7px;
					}
					
					#searchCont label{
						float:left;
						width:120px;
						color:#938b57;
						padding:19px 0 0 22px;
						font-size:12px;
					}
					
						#searchCont a.submitButton{
							display:block;
							float:left;
							width:23px;
							margin:19px 0 0 7px;
							height:23px;
							background-image:url('../../images/submitButton.gif');
							background-repeat:no-repeat;
							
						}
						
							#searchCont a.submitButton span{
								display:none;
							}
							
				
					#searchCont input{
						width:159px;
						height:15px;
						margin:19px 0 0 3px;
						float:left;
						border:1px solid #bfbebf;
						color:#bfbfbf;
						font-size:11px;
						font-style:italic;
						padding:5px;
					}
					
					
				
				#homeGallery{
					background-image:url('../../images/sampleHomeImage.jpg');
					background-repeat:no-repeat;
					height:250px;
					border-top:1px solid #e9e9e9;
					border-bottom:1px solid #e9e9e9;
					overflow: hidden;
				}


				
				#newsCont{
					background-image:url('../../images/newsBG.gif');
					background-repeat:repeat-x;
					background-color:#f2f2f2;
					padding:14px 0;
					height:140px;
				}
				
					#newsCont h2{
						padding:0px 24px 7px 24px;
						color:#9f986a;
						position:relative;
						font-size:25px;
						font-weight:normal;
					}
					
					#newsArticleCont{
						padding:0 24px;
					}
					
						#newsCont div.newsArticle{
							width:284px;
							padding:3px 0;
							float:left;
						}
						
							#newsCont div.newsArticle p.newsDate{
								float:left;
								width:46px;
								color:#444;
								font-size:12px;
								font-weight:bold;
								text-transform:uppercase;
							}
						
							#newsCont div.newsArticle p.newsDesc{
								/*margin-left:46px;*/
								padding:0 15px 0 5px;
								line-height:140%;
								color:#858585;
								font-size:12px;
							}
								#newsCont div.newsArticle p.newsDesc a{
									color:#858585;
									text-decoration:none;
								}
								
					
					
				
				
				#eventCont{
					background-image:url('../../images/newsBG.gif');
					background-repeat:repeat-x;
					padding:14px 0;
					background-color:#f2f2f2;
					border-top:1px solid #e9e9e9;
					height:160px;
				}

					#eventCont h2{
						padding:0px 24px 7px 24px;
						color:#9f986a;
						position:relative;						
						font-size:25px;
						font-weight:normal;
					}			
				
					#eventCont div.event{
						float:left;
						width:175px;
						padding:0px 5px 0px 25px;
						
					}
					
						#eventCont div.event h4{
							font-size:12px;
							color:#789ea2;
						}
						
							#eventCont div.event h4 a{
								font-size:12px;
								color:#789ea2;
							}
							
						#eventCont div.event p{
							font-size:12px;
							color:#444444;
							padding:2px 0;
							line-height:140%;
						}
					
						
	#footerCont p {
	  font-size: 10px;
	  color: #444;
	  margin: 4px 0px 0px 5px;
	}
		#footerCont a {
		  color: #444;
		  text-decoration: none;
		}