/** Website template by freewebsitetemplates.com **/
 body { 
            margin:0;
			padding:0;
			font-family: Arial, Verdana, Helvetica, sans-serif; 
			font-size: 12px;
			line-height: 20px; 
			color:#fff; 
			text-align: justify; 
			 background-image:url('../images/bg-body.gif');  
		}
		
		
	#background{
	     background-image:url('../images/bg-page-top-curve.jpg');  
		 background-repeat:no-repeat;
		 background-position:top center;
	}
   	
	#page{
	   width:950px;
	  margin:0 auto;
	  padding: 0 5px;
	}
	
	#page .header{
		 padding: 78px 0 0 0;
	}
	
	#page .header .footer{
	    background-image:url('../images/bg-page-bottom-curve.jpg');  
		 background-repeat:no-repeat;
		 background-position:bottom center;
		 padding: 0 0 5px 0;
	}
	
	#page .header .footer .body{
	      background-image:url('../images/bg-page.jpg');  
		  width:950px;
		  overflow:hidden; 
	}
	
		
	#page .shadow{
	    background-image:url('../images/bottom-shadow.jpg');  
		background-repeat:no-repeat;
		background-position: center;
		height:35px;
	}
	
	
	
	
/** Start of Sidebar style **/	
	#page .header .footer .body #sidebar{
		   width:211px;
		   float:left;
		}
	#page .header .footer .body #sidebar img#logo{
	  border:0;
	  margin:20px 0 20px 20px;
	}	
	
	
	 /** start style navitagion style**/
	 
	#page .header .footer .body #sidebar ul.navigation{
	  margin:0 0  50px 8px;
	  padding:5px 0 0 0;
	  list-style-type:none; 
	  background-image:url('../images/border-dashed.gif');  
	  background-repeat:repeat-x;
	  background-position:top;
	  position:relative;
	  width:200px;
	  z-index:9990;
	  
	}
	
	
	#page .header .footer .body #sidebar ul.navigation li{
	  width:200px;
	  height:40px;
      
	  position:relative;
	  line-height:40px;
	  background-image:url('../images/menu-separator.jpg');  
	  background-repeat:no-repeat;
	  background-position:0 35px;
	  
	}
	
	#page .header .footer .body #sidebar ul.navigation li.last{
	  background-image:url('../images/border-dashed.gif');  
	  background-repeat:repeat-x;
	  background-position:bottom;
	}  
	
	#page .header .footer .body #sidebar ul.navigation li a{
	  width:214px;
	   height:40px;
	  height:40px;
      display:block;
	  position:absolute;
	  left:0;
	  top:-5px;
	  text-align:center;
	  padding-right:10px;
	   color:#999999;
	   text-decoration:none;
	   

	}
	
	#page .header .footer .body #sidebar ul.navigation li a:hover{
	  width:214px;
	   height:40px;
	  height:40px;
      display:block;
	  position:absolute;
	   color:#89080d;
	   background: url("../images/sprite.gif");
	  background-repeat:no-repeat;
	  background-position: 200px -228px;
	   text-shadow: #ffffff 2px 0px 1px;
	}
	
	#page .header .footer .body #sidebar ul.navigation li.active a{
	  width:214px;
	   height:40px;
	  height:40px;
      display:block;
	  position:absolute;
	   color:#89080d;
	   background: url("../images/sprite.gif");
	  background-repeat:no-repeat;
	  background-position: 200px -228px;
	  text-shadow: #ffffff 2px 0px 1px;
	}
	
	
	
	
	
	 
	  #page .header .footer .body #sidebar .connect{
	    background-image:url('../images/bg-social-sites.jpg');  
	    background-repeat:no-repeat;
		height:49px;
		width:186px;
		margin: 0 auto;
	  }
	  
	  	#page .header .footer .body #sidebar .connect a{
		  display:block;
		  float:left;
		  text-decoration:none;
		  margin: 10px 10px 0 20px;
		}
		
	#page .header .footer .body #sidebar .connect a.YouTube{
		background-image:url('../images/YouTubeButton2.png');  
	    background-repeat:no-repeat;
		background-position: 0 -0px; 
		width: 35px; 
		height: 26px; 
		margin-left:20px;
	}
	#page .header .footer .body #sidebar .connect a.twitter{
	    background-image:url('../images/YouTubeButton2.png');  
	    background-repeat:no-repeat;
		background-position: 0 -76px; 
		width: 35px; 
		height: 26px;
	}
	#page .header .footer .body #sidebar .connect a.vimeo{
	    background-image:url('../images/YouTubeButton2.png');  
	    background-repeat:no-repeat;
		background-position: 0 -152px; 
		width: 35px; 
		height: 26px;
	}
	  
		
	
	#page .header .footer .body #sidebar .footenote{
	     width: 186px;
		 margin: 0 auto;
		 padding-top:50px;
	}
	
	 #page .header .footer .body #sidebar .footenote span{
	   color:#cccccc;
	   display:block;
	   font-size:10px;
	   text-align:center;
	 }
	 
	 #page .header .footer .body #sidebar .footenote span a{
	   color:#cccccc;
	   text-decoration:none;
	 }
	 #page .header .footer .body #sidebar .footenote span a:hover{
	   color:#999999;
	 }
	  
/** end of Sidebar style **/			


/** Start of Content Style **/	
		
		#page .header .footer .body #content{
		  width:739px;
		  float:left;
		  padding-bottom:50px;
		  overflow:hidden;
		}
		
		#page .header .footer .body #content .content img{
           border:0;
		}		

		#page .header .footer .body #content .content{
			width:726px;
		   
			background: red; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to right, #600609 , #89080d); /* Standard syntax */
		   
		   
		    /* background-image:url('../images/red_strip.jpg');  /* bg-inner-page.jpg */
	        background-repeat:repeat-y;
			float:left;
			padding-top:20px;
			overflow:hidden;
		}
		
		#pagehead{
			font-size: 2.5em;
		}
		.statuslist {
			font-size: 1.2em;
			line-height: 175%;
		}
		.statuslist li {
			margin-bottom: 15px;
			text-indent: -1.5em;
		}
		.statuslist #highlight {
			text-align: left;
			font-size: 1.4em;
			color: #52aaa4;
		}
		
  		#page .header .footer .body #content .content ul li{
		    list-style-type:none; 
			padding-right:40px;
		}
		
		#page .header .footer .body #content .content ul li span{
		    display:block;
			font-style:Italic;
		}
		
		#page .header .footer .body #content .content ul li  a{
		     text-decoration:none;
		}
		
		#page .header .footer .body #content .content ul li  a:hover{
		     color:#cccccc;
		}
		
		#page .header .footer .body #content .content ul li  a span{
		    display:block;
			color:#ffffff;
			margin-top:20px;
			font-style:Italic;
			
		}
		
		#page .header .footer .body #content .content ul li h2 a{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		   text-decoration:none;
		   font-weight:bold;
		}
		#page .header .footer .body #content .content ul li p{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		}
		#page .header .footer .body #content .content ul li p a{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		   text-decoration:underline;
		}
		#page .header .footer .body #content .content ul li p a:hover{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#cccccc;
		}
		
		/** Style Blog page**/
		  #page .header .footer .body #content .content ul.article li{
		    list-style-type:none; 
			padding-right:40px;
			display:block;
			margin-bottom:30px;
			overflow:hidden;
			
		}
		
		
		  #page .header .footer .body #content .content ul.article li img{
			width: 90%;
			border: 15px groove white;
			padding-bottom: 0px;
			padding-top: 8px;
			padding: 2.5%;
			background-color: #cccccc;		
		}
		
		#page .header .footer .body #content .content ul.article li h2{
		  margin:0;
		}
		
		#page .header .footer .body #content .content ul.article li h2 a{
		   font-family:Helvetica;
		   font-size:18px;
		   font-style:Italic;
		   color:#ffffff;
		   text-decoration:none;
		   font-weight:bold;
		}
		
		#page .header .footer .body #content .content ul.article li h2 a:hover{
		   font-family:Helvetica;
		   font-size:18px;
		   font-style:Italic;
		   color:#cccccc;
		   text-decoration:none;
		   font-weight:bold;
		}
		
			#page .header .footer .body #content .content ul.article li  a{
		   font-family:Helvetica;
		   font-size:14px;
		   font-style:Italic;
		   color:#ffffff;
		   text-decoration:none;
		   margin-top:20px;
		   
		}
		
		
		#page .header .footer .body #content .content ul.article li a:hover{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#cccccc;
		}
		
		#page .header .footer .body #content .content ul.article li p{
		   margin-top:0;
		}
		
		#page .header .footer .body #content .content ul.article li p{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		   line-height:20px;
		}
		#page .header .footer .body #content .content ul.article li p a{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#ffffff;
		    text-decoration:underline;
		}
		#page .header .footer .body #content .content ul.article li p a:hover{
		   font-family:Helvetica;
		   font-size:14px;
		   color:#cccccc;
		}
		
		/** End Style Blog Page**/
		
		
	
/**----------------- Start Freatured Style  --------------------**/	
		#page .header .footer .body #content .featured{
		  width:294px;
		  position:relative;
		  z-index:20px;
		  margin:-473px 0 25px 432px;
		  /*overflow:hidden;*/
		  display:block;
		  
		}
	
		
		#page .header .footer .body #content .featured  .body{
		    /*background-image:url('../images/bg-slogan.jpg');*/
			background: red; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to bottom, #6a050a , #c81026); /* Standard syntax */			
			
			
	        background-repeat:no-repeat;
			width:272px;
			position:relative;
			z-index:40;
			top:-90px;
			
			height:340px;
			margin:0 10px;

		}
		
		#page .header .footer .body #content .featured .body p{
		 padding:0 20px 0 20px;
		 margin:left:0;
		
		}
		
		#page .header .footer .body #content .featured .body p a{
		   color:#ffffff;
		}
		#page .header .footer .body #content .featured .body p a:hover{
		   color:#cccccc;
		}
		
		
	  #page .header .footer .body #content .featured .header{
	      background-image:url('../images/bg-heading.jpg');  
	        background-repeat:no-repeat;
			width:294px;
			height:90px;
	  }
			
		#page .header .footer .body #content .featured .header ul{
		  position:relative;
		  top:-70px;
		  left:0px;
		  width:294px;
		  margin:0;
		  padding:0;
		}
	  #page .header .footer .body #content .featured .header ul li{
		   list-style-type:none; 
		   float:left;
		   line-height:15px;
		   padding:0 10px;
	  }
	  
	   #page .header .footer .body #content .featured .header ul li p{
		   color:#999999;
		   font-family:Arial;
		   font-size:12px;
		   margin-top:0px;
		   height:70px;
	  }
	  
	  #page .header .footer .body #content .featured .header ul li.first{
		   width:70px;
		   height:90px;
		   float:left;
		   text-align:center;
		   padding-top:10px;
	  }
	  
	  #page .header .footer .body #content .featured .header ul li.first p{
		   color:#ffffff;
		   font-family:Arial;
		   font-size:48px;
		   margin-top:10px;
		   text-align:center;
	  }
	  
	  #page .header .footer .body #content .featured .header ul li.last{
		   width:180px;
		   height:90px;
		   float:left;
	  }
	  
	  #page .header .footer .body #content .featured .header ul li.last a{
		   color:#999999;
	  }
	   #page .header .footer .body #content .featured .header ul li.last a:hover{
		   color:#ffffff;
	  }
		
		
/**----------------- Start Freatured Style  --------------------**/			


/** end of Content Style **/

/**----------------- Start Our Story Style  --------------------**/			
.our-story p{
	margin-right: 7%;
	font-size: 1.2em;
}
#signature {
	font-size: 1.5em;
}
.OurStoryMedia {
	width: 90%;
	border: 15px groove white;
	padding-bottom: 0px;
	padding-top: 8px;
	padding: 2.5%;
	background-color: #cccccc;
}

.OurStoryMedia img{
	width: 100%;
	height: 100%;
	padding-bottom: 0px;
}

.OurStoryMedia iframe {
	width: 100%;
	/*border: 15px groove white;*/
}

/** end of Our Story Style **/

/**----------------- Start Get Involved Style  --------------------**/			
.involved {
	margin-right: 7%;
	font-size: 1.2em;
}
.involved h2{
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.involved li {
	margin-top: 0px;
}
.involved a {
	color: #52aaa4;
}
#youcaring {
	margin-top: 20px;
	margin-left:23%;
	border: 15px groove white;
}
/** end of Get Involved **/