/* -------------------------------------------------------------- 
	
	content-design.css	
	* Styles for content-level markup
	
-------------------------------------------------------------- */

			.content { }

				/* Styles for Content Area */
				#contentArea { }

					#contentArea h2 {
						margin: 0 0 27px 0;
						padding: 0 0 18px 0;
						border-bottom: 1px solid #EBEBEB;
						font-size: 1.6em;
						font-weight: bold;
						}
						
						.about #contentArea h2 {
							color: #D11041;
						}

						.whatWeDo #contentArea h2  {
							color: #00AEEF;
						}
						
						.ourLifestyle #contentArea h2  {
							color: #003E7E;
						}
						
						.justKeepGivin #contentArea h2  {
							color: #897D64;
						}

					#contentArea h3 {
						padding-bottom: 10px;
						font-size: 1.4em;
						font-weight: bold;
					}

					#contentArea h4 {
						font-size: 1.2em;
						font-weight: bold;
					}

					#contentArea p {
						padding: 0 0 17px 0;
						font-size: 1.2em;
						line-height: 17px;
						}

						#contentArea p.leadin {
							padding: 0 0 21px 0;
							font-size: 1.6em;
							line-height: 22px;
						}
	
					#contentArea strong {
						font-weight: bold;
					}
						
					#contentArea a {
						color: #3A3A3A;
						}
						
						#contentArea a:hover {
							color: #D11041;
						}

						.about #contentArea a:hover {
							color: #D11041;
						}

						.whatWeDo #contentArea a:hover {
							color: #00AEEF;
						}

						.ourLifestyle #contentArea a:hover {
							color: #003E7E;
						}

						.justKeepGivin #contentArea a:hover {
							color: #897D64;
						}

					#contentArea ul {
						padding: 0 0 17px 0;
						}

						#contentArea li {
							padding: 0 0 4px 14px;
							background: url(../../img/content-design/list-style.gif) 0 6px no-repeat;
							font-size: 1.2em;
							line-height: 17px;
							}

						.about #contentArea li {
							background: url(../../img/content-design/list-style_about.gif) 0 6px no-repeat;
							}

						.whatWeDo #contentArea li {
							background: url(../../img/content-design/list-style_what.gif) 0 6px no-repeat;
							}

						.ourLifestyle #contentArea li {
							background: url(../../img/content-design/list-style_our.gif) 0 6px no-repeat;
							}

						.justKeepGivin #contentArea li {
							background: url(../../img/content-design/list-style_just.gif) 0 6px no-repeat;
							}
					
					/* About Pages */
					
						/* Quotes Page */
						
						p em {
							font-size: 1.2em;
							font-style: italic;
						}
							
					/* News & Press Pages */
						p.readMore {
							font-style: italic;
							font-weight: bold;
							}
							
							p.readMore a { }
							
								p.readMore a:hover {
									text-decoration: underline;
								}
							
							div.shareMenu {
								padding-bottom: 12px;
							}
							
							.shareMenu h4 {
								float: left;
								padding: 2px 12px 0 0 !important;
							}
								
							.shareMenu li {
								float: left;
								padding: 0 8px 0 0 !important;
								background: none !important;
							}
							
							.shareMenu a {
								text-decoration: none !important;
							}

								
					
					/* Misc. */
					
					#landingImg {
						float: right;
						padding: 0 0 8px 24px;
					}
					
				/* Styles for Focus Areas */
				#focusAreas { }

					div#justKeepGivin {
						float: left; 
						position: relative;
						margin-right: 3px; 
						padding: 14px 15px 14px 16px;
						width: 202px; 
						height: auto;
						min-height: 130px;
							_height: 130px;
						background: url(../../img/focus/bg-donate.jpg) bottom left no-repeat;
						}
						
						div#justKeepGivin h2 {
							width: 170px;
							height: 23px;
							margin-left: -1px;
							background: url(../../img/focus/hdr-donate.jpg) top left no-repeat;
							text-indent: -100000px;
						}
						
						div#justKeepGivin div {
							position: absolute;
							top: 111px;
							left: 139px;
						}

					div#watchVideo {
						float: left; 
						position: relative;
						margin-right: 3px; 
						padding: 14px 15px 0 14px;
						width: 202px;
						}
						
						div#watchVideo h2 {
							width: 170px;
							height: 25px;
							background: url(../../img/focus/hdr-video.jpg) top left no-repeat;
							text-indent: -100000px;
						}
						
						div#watchVideo div {
							position: relative;
							left: -3px;
						}
						
					div#latestNews {
						float: left; 
						position: relative;
						padding: 14px 235px 14px 17px;
						width: 214px;
						}
						
						div#latestNews h2 {
							width: 170px;
							height: 23px;
							margin-left: -1px;
							background: url(../../img/focus/hdr-news.jpg) top left no-repeat;
							text-indent: -100000px;
						}
						
						div#latestNews h3 {
							padding-bottom: 1px;
							font-weight: bold;
						}
						
						div#latestNews div.date {
							padding: 0 0 0 0;
							font-size: 11px;
							line-height: 16px;
						}
						
						div#latestNews p a {
							font-weight: bold;
						}
						
						ul#pagList {
							position: absolute;
							top: 38px;
							right: 14px;
							}
							
							ul#pagList li {
								width: 19px;
								height: 19px;
								margin-bottom: 4px;
							}
							
							ul#pagList a {
								display: block;
								padding: 3px 1px 3px 5px;
								width: 13px;
								height: 13px;
								background: url(../../img/focus/bg-pagination.gif) top left no-repeat;;
								font-size: 11px;
								color: #7A7871 !important;
								text-decoration: none;
								}
								ul#pagList a:hover {
									background: url(../../img/focus/bg-pagination_r.gif) top left no-repeat;;
									color: #fff !important;
								}
						
						div#newsImg {
							position: absolute;
							top: 23px;
							left: 230px;
							padding-bottom: 2px;
							font-size: 11px;
						}
						
						div#latestNews a {
							color: #003E7E;
						}
						
						.news-item.hidden{display: none;}


/* Design Styles for Form Elements, Sitemaps, Rollover Menus, Icons
-------------------------------------------------------------- */
	
	/* Template for Icons (see icon PNGs in the img/interface directory  */
	.iconName {
		padding: 2px 0 2px 24px;
		background: url(../../img/interface/icon_Icon_Name.gif) top left no-repeat;
	}
	
	
/* Sitemap
-------------------------------------------------------------- */

	#siteMap { }
	
		#siteMap ul { }
		
			#siteMap ul li { }
		
			#siteMap ul a { }
		
				#siteMap li ul ul { }

					#siteMap li ul li { }
				
					#siteMap li ul a { }





/*******************************************************************************************

TITLE: the genius development framework

VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc

DISCLAIMER: Of course the copyright is not worth much to me, 
please feel free to borrow, steal, learn, critique (not critisize). I certainly
borrowed from countless bits i've accumulated over the years to reach this level, and 
i'm sure we'll be making updates as time goes on. I think the world of web dev is a 
great place to share and teach each other, not get pissy about who owns what... That said
we're proud of this framework, and hope if you're reading this far down, that you're gaining 
something here. Metta!

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch 
in order to streamline all our builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 
Our Markup is nearly identical on every build except for the content, 
our stylesheets, elements and classes are structured nearly identically 
every time with the only difference being the actual stylings.

**********************************************************************************************/