/*

Site: Yellowstone Academy
Design: Lyndia Haryanto for Schipul
Build: Lyndia Haryanto for Schipul
URL: http://yellowstoneacademy.org

*/

/* = TENDENCI STYLES ****************************************************************************************/

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #274F32;}
.subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666;}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
div#skiptocontent {position: absolute; left: -9999px;}




/* ****************************************************************************************/
* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

body {
	 font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#363636; margin: 0 0 10px 0;
	}



ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h4, h5, h6 { font-weight: bold; text-transform:uppercase; } 
h1{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 24px; color:#004E9B; } 
h2{ font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#004E9B; margin: 20px 0 10px 0; } 
h3{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#363636; } 
p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#363636; margin: 0 0 10px 0;} 
a { color: #db0030; }
a:hover { color: #db0030; text-decoration: none; }
a:active { color: #db0030; }

/* STRUCTURE */

#container {width: 963px; margin: 0 auto;}

	#header-area {width: 963px; display:block; }
	
		#logo {width: 201px; float:left;}
		
		#logo-right { width: 753px; float:left;}
		
			#address-content {width: 240px; height: 78px; float: right; background:url(/images/pencil.jpg) bottom right no-repeat; text-align:center; padding-top: 20px; }
			
				#address-content p, #address-content h3 { font-size: 10px;}
			
			#nav { width:753px; float:left; height: 42px; background:url(/images/nav-bg.jpg) top right no-repeat; }
	
	#stories-btn{ width: 963px; }
	
		#stories { width: 777px; float:left; background: transparent url(/images/stories-bg.jpg) top left no-repeat; height:293px;margin:0 0px 0px 0px; color: #fff; display:block; overflow:hidden; clear:both;}
		

			
				.stories a{
				color:#7E1212;
				padding: 0px;
				margin: 0px;
				}
			#slideshow {
				display: block;
				width: 760px;margin: 0 auto;
				}
				.story-item {
					width: 760px;
					margin: 0 auto;
					padding-top: 30px;
					}
					.story-item img {
						float: right;
						display: block;
						width: 436px;
						height: 239px;
						}
					.story-left {
						float: left;
						width: 250px;
						padding: 25px 0 0 45px;
						}
					.story-item h1 {
						font-size: 22px;
						color:#000;
						width: 358px;
						padding: 0px;
						margin:0px;
						}
					.story-item p {
						color: #fff;
						padding: 2px 0 0 0;
						margin: 0px;
						font-size: 22px;
						letter-spacing: -.03em;
						font-weight:bold;
						line-height:26px;
					
						}
						#link-wrap{
							padding-top: 10px;
						}
				.stories #nav-stories { 
					position: absolute;
					bottom: 0;
					left: 246px;
					display: block;
					height: 35px;
					}
					.stories #nav-stories a {
						display: block;
						font-weight:bold;
						color:#999;
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size: 12px;
						width: 20px;
						height: 30px; 
						padding-top: 0px;
						margin-top: 5px;
						float: left;
						margin-right: 5px;
						text-align: center;
						text-decoration: none;border: 1px solid #999;background-image: none;
						height: 20px;background-color:#2c2a2b;
						}
						.stories #nav-stories a.activeSlide {
							border: 1px solid #FFF;
							color:#fff;
							}
		
		
		
		#stories-rt-btns { width: 186px; float:left; }
		
			#stories-rt-btns img { margin: 0px; padding:0px; float:left; }
	
	#middle-content{ width: 963px; background: transparent url(/images/content-bg.jpg) top left no-repeat; min-height:575px;}

	#content-area {width: 915px; margin: 0 auto;}
	
		#content-area h1, h4, h5, h6 { text-transform:uppercase; } 
	
		#left-column{ width: 294px; float:left; }
		
			#events-news { 
				width: 232px; 
				background: transparent url(/images/events-bg.jpg) top left no-repeat; 
				padding: 40px 31px 50px 31px;
				height: 400px;
				}

			#events-news a { color: #004d9e;} 
			
				#events, #news { width: 233px; position: relative; height: 171px; } 
				
				#events li a { display: block; padding: 0 0 0 20px; margin: 0px; } 
				
					#events-title, #news-title {width: 233px; display:block;}
				
						#events h2 { color: #363636; float:left; }
						
						#view-calendar { width:137px; height:17px; display:block; position:absolute; top: 20px; left: 90px;}
					
					#events-content, #news-content { width: 233px; display:block;}
				
					#news h2 { color: #363636; float:left; }
					
					#view-articles { width:137px; height:17px; display:block; position:absolute; top: 20px; left: 90px;}


			#video-hm, .video { width: 294px; }
			
				#video-hm h2 { color: #E50331; text-align:center; }
				
		
		#right-column {width: 593px; float:left; padding: 20px 0 0 19px; }
		.about-us h2 { margin-top: 0; font-weight: bold; }
		.about-us p { text-align: right; }
		
			#sponsorship, #inkind, #meet {width: 593px;}
			#sponsorship { padding-top: 0 !important; }
			
				.sections {padding: 20px 0;  border-bottom: 1px solid #717171;}
				
				#sponsorship h2, #inkind h2, #meet h2 {color: #004E9B; margin: 0; padding: 0; }
				
				/**#sponsorship img,{ border: 3px solid #306fb0; }**/
					
				#sponsorship a { font-weight: bold;}
				
				.sponsor-child, .sponsor-classroom, .sponsor-opp, .inkind-wish, .inkind-gift, .inkind-stories, .meet-history, .meet-mission, .meet-crisis, .meet-staff {display:block; text-indent: -9999px; width: 160px; height:40px;}
				
					a.sponsor-child { 
						background: transparent url(/images/sponsor-child-btn.jpg) top left no-repeat; 
						margin-top:34px;
						}
					
						a.sponsor-child:hover { 
							background: transparent url(/images/sponsor-child-btn-hover.jpg)  no-repeat;}

					a.sponsor-classroom { 
						background: transparent url(/images/sponsor-classroom-btn.jpg) top left no-repeat; 
						margin:5px 0;
						}
						a.sponsor-classroom:hover { 
							background: transparent url(/images/sponsor-classroom-btn-hover.jpg)  no-repeat;}
						
					a.sponsor-opp { background: transparent url(/images/sponsor-more-btn.jpg) top left no-repeat;}

						a.sponsor-opp:hover { 
							background: transparent url(/images/sponsor-more-btn-hover.jpg)  no-repeat;}	



					a.inkind-wish { 
						background: transparent url(/images/inkind-wishlist-btn.jpg) top left no-repeat; 
						margin-top:44px;
						}
					
						a.inkind-wish:hover { 
							background: transparent url(/images/inkind-wishlist-btn-hover.jpg)  no-repeat;}

					a.inkind-gift { 
						background: transparent url(/images/inkind-give-btn.jpg) top left no-repeat; 
						margin:5px 0;
						}
						
						a.inkind-gift:hover { 
							background: transparent url(/images/inkind-give-btn-hover.jpg)  no-repeat;}
						
					a.inkind-stories { background: transparent url(/images/inkind-success-btn.jpg) top left no-repeat;}

						a.inkind-stories:hover { 
							background: transparent url(/images/inkind-success-btn-hover.jpg)  no-repeat;}

				#meet {border-bottom:none;}

					a.meet-history { 
						background: transparent url(/images/meet-history-btn.jpg) top left no-repeat; 
						margin-top:44px;
						}
					
						a.meet-history:hover { 
							background: transparent url(/images/meet-history-btn-hover.jpg)  no-repeat;}

					a.meet-mission { 
						background: transparent url(/images/meet-mission-btn.jpg) top left no-repeat; 
						margin:5px 0;
						}
						
						a.meet-mission:hover { 
							background: transparent url(/images/meet-mission-btn-hover.jpg)  no-repeat;}
						
					a.meet-crisis { background: transparent url(/images/meet-urban-btn.jpg) top left no-repeat;}

						a.meet-crisis:hover { 
							background: transparent url(/images/meet-urban-btn-hover.jpg)  no-repeat;}

					a.meet-staff { background: transparent url(/images/meet-staff-btn.jpg) top left no-repeat;margin:5px 0;}

						a.meet-staff:hover { 
							background: transparent url(/images/meet-staff-btn-hover.jpg)  no-repeat;}

	#footer {width: 944px; margin: 0 auto; height:165px; background:url(/images/footer-bg.jpg) top left  no-repeat; padding-top: 13px; color: #fff; }
	
		#footer a { color: #fff; text-decoration:none; }
		
		#footer a:hover { text-decoration:underline; }


		#footer-content { width: 846px; margin: 0 auto; color:#FFF;}
		
			#footer-content h3 { padding-bottom: 4px;}
			
			#footer-content p { color:#FFF;}
		
			#footer-left, #footer-connect, #footer-flickr-feed {float:left;} 
		
			#footer-left {width: 265px;  }
			
			#footer-connect {width: 152px;  }
			
				#footer-connect img {margin: 0; padding:0;  }
			
			#footer-flickr-feed {width: 412px; margin-left: 10px; }
			
				#footer-flickr-feed h3 a { 
				text-indent: -9999px; 
				display:block; 
				width:172px; 
				height:28px; 
				background: url(/images/social-flickr-btn.jpg) top left no-repeat;
				}
				#images a { margin-right: 6px; display: block; float: left; border: 1px solid #fff; }
				#images a:hover { border: 1px solid #D50127; }
				#flickr-feed-content { width: 430px; }
			
/*  Template ****************************************************************************************/

#template-content{ width: 963px; background: url(/images/template-content-bg.jpg) top left no-repeat; min-height:575px;}

	#template-content-background{width: 945px; margin: 0px auto;background-color: #004d9e; padding: 0 0 20px 0; border-top: 5px solid #AEC6DE;}
	
	#template-content-area {width: 915px; margin: 0 auto; padding: 0px; }
		
		#template-events-news { 
				width: 232px; 
				background: transparent url(/images/template-events-bg.jpg) top left no-repeat ; 
				padding: 40px 31px 50px 31px;
				height: 400px;
				margin-top: 10px;
				}

			#template-events-news a { color: #004d9e;}
		
	#template-right-column {width: 593px; float:left; margin: 20px 0 0 19px; }
		
		#bodycontent { width: 573px; background:#FFF; min-height:705px; padding:20px 10px 10px 10px;font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#363636;}
	
		
					#video-template, { width: 294px; }
			
				#video-template h2 { color: #fff; text-align:center; padding-top: 0px; margin-top: 0px; }
				
				/******************Stories Module2*/

.stories2 { 
	width: 410px;
	padding-bottom: 16px;
	}	
	
#stories2-content {width: 410px; overflow: hidden; }

#port-left {background:url(/images/arrow-nxt-lft.jpg) top left no-repeat; width: 35px; height:27px; 
float:left; cursor:pointer;margin:0 0 0 0;}	
#port-right {background:url(/images/arrow-nxt-rt.jpg) top left no-repeat; width: 35px; height:27px; 
float:right;cursor:pointer;margin:0 0 0 0;}

div.thumbnails { width: 400px !important; padding:0 0 0 0; margin: 0 0 0 0; overflow: hidden;}

.thumbnails ul {padding:0; margin:0; width: 400px;  }
.thumbnails li {list-style:none; list-style-type:none; width: 400px; display:block; float: left; margin: 0 10px 0 0; }
.thumbnails img {float: left; margin: 8px 10px 0 0; border: 3px solid #306fb0;}	

#photo-link { display: block; width: 200px; height: 30px; text-indent: -9999px; }

.thumbnails h2 a {font-size: 14px; display:block;width: 200px; color: #524f51 !important; font-family: Arial, Helvetica, sans-serif; display: block; line-height:28px; text-decoration:none; border: none; float:left; }
.thumbnails h2 a:hover {text-decoration:underline;}
.thumbnails p {display:block; width: 230px; margin: 5px 0 0 0 ;float:left; }
.thumbnails ul li p a { color: #422581; text-decoration: none; display: inline; border: none; }
		
.clear { clear: both; }