
html,body{
		margin:auto;
		padding:0;
		background-color:#fffae4 ;
		background-image:url(../images/body-bg.png);
		background-repeat:repeat-x;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#4e4635;
		line-height:22px; 
		text-align:justify;
		}
	
#out-container{
		width:100%;
		height:auto;
		margin:auto;
		background-image:url(../images/top-bg.png);
		background-repeat:repeat-x;
		
		}
#container-inner{
		width:950px;
		height:auto;
		margin:auto;
		
		}
#header-2{
		width:auto;
		height:70px;		
		margin:auto;		
		position:relative;			
		}
#header-img{
			width:900px;
			height:150px;
			margin:auto;
			}
#header{
		width:auto;
		height:380px;		
		margin:auto;		
		position:relative;
			
		}
#navigation-bg{
		width:950px;
		height:70px;
		margin:auto;
		background-image:url(../images/menu-bg.jpg);
		background-color:#403d2c;
		z-index:999999;
		}
#name{
		width:420px;
		height:280px;
		position:absolute;
		top:100px;
		left:0px;
		z-index:54;		
		}
#flash{
		width:150px;
		height:300px;		
		position:absolute;
		top:80px;
		left:0px;
		z-index:55;
		}
#home-gallery{
		width:500px;
		height:290px;
		position:absolute;
		right:20px;
		top:80px;
		z-index:45;
		background-image:url(../images/sachasauda-1.png);
		overflow:hidden;
		}
#marqi{
		width:800px;
		height:20px;
		position:absolute;
		bottom:0px;
		right:12px;
		color:#993300;
		
		}
#heading-line{
		width:auto;
		height:57px;
		margin:auto;
		background-image:url(../images/heading-line.png);
		}
#heading-line2{
		width:auto;
		height:40px;
		margin:auto;
		background-image:url(../images/heading-line2.png);
		}
#heading-line3{
		width:auto;
		height:40px;
		margin:auto;
		background-image:url(../images/heading-line3.png);
		}
#heading-line4{
		width:auto;
		height:40px;
		margin:auto;
		background-image:url(../images/heading-line4.png);
		}
#green-line{
		width:auto;
		height:6px;
		margin:auto;
		background-image:url(../images/green-line.png);
		}
#brown-line{
		width:auto;
		height:6px;
		margin:auto;
		background-image:url(../images/brown-line.png);
		}
#matter{
		width:auto;
		height:auto;
		margin:auto;		
		}
#matter a{
		color:#4e4635;
		font-size:12px;
		text-decoration:underline;
		}
#matter a:hover{
		color:#669900;
		text-decoration:underline;
		}
#donation-form{
		width:300px;
		height:350px;
	    background-color:#e5deb0;
		background-image:url(../images/flower-design.png);
		background-position:top right;
		background-repeat:no-repeat;
		border-left:#eadbbc solid 1px;
		}
#left-side{
		width:260px;
		height:390px;
		position:relative;		
		}
#left-side-heading{
		width:260px;
		height:35px;
		position:absolute;
		top:0px;
		right:0px;
		z-index:500;
		}
#left-side-in{
		width:250px;
		height:345px;
		background-color:#e5deb0;
		background-image:url(../images/flower-design.png);
		background-position:top right;
		background-repeat:no-repeat;
		position:absolute;
		top:25px;
		right:0px;
		}
#video-out{
		background-color:#eadbbc;
		width:210px;
		height:250px;
		margin:auto;
		border-bottom:5px solid #bfb092;
		}
#video-in{
		width:190px;
		height:auto;
		margin:auto;
		padding-top:10px;
		padding-bottom:1px;
		}
#video-in p{color:#78624a;
			font-family:"bell Gothic Std Black";
			font-size:15px;}
#bottom{
		width:98%;
		height:95px;
		background-image:url(../images/donation-form.png);
		background-position:top center;
		background-repeat:no-repeat;
		margin:10px 0 0 7px;
		border-bottom:#bfb092 solid 1px;
		border-left:#bfb092 solid 1px;
		border-right:#bfb092 solid 1px;
		}
#visitor{
		width:200px;
		height:80px;
		margin:10px;
		background-image:url(../images/visitor-bg.png);
		background-repeat:no-repeat;
	
		}
#map{
		width:99%;
		height:300px;
		border:2px #669900 solid;
		margin:auto;
		}
#contact-form{
		width:450px;
		height:350px;
	   	border-left:#eadbbc solid 1px;
		}
#medical{
		width:90%;
		height:auto;
		margin:auto;
		border:2px #eadbbc double;
		}
#dispensary{
		width:99%;
		height:auto;
		margin:auto;
		border:2px #eadbbc double;
		}
#center-img{
		width:450px;
		height:300px;
		margin:auto;
		border:2px #eadbbc double;
	
		}
#treat-out{
		background-color:#eadbbc;
		width:450px;
		height:180px;
		margin:auto;
		border-bottom:5px solid #bfb092;
		}
#treat-in{
		
		width:95%;
		height:180px;
		margin:auto;
		
		}
#footer-outer{	
		width:100%;
		height:50px;
		background-image:url(../images/footer-bottom-bg.jpg);
		position:fixed;
		bottom:0px;
		z-index:99999999;
		}
#footer-in{
		width:950px;
		height:50px;
		margin:auto;
		color:#514b37;
		}
#footer-in a{color:#514b37;text-decoration:none;}
#footer-in a:hover{
		color:#FFFFFF;
		text-decoration:none;
		}
h1{
	color:#FFFFFF;
	margin:auto;
	padding:12px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	}
h2{
	color:#FFFFFF;
	margin:auto;
	padding:12px 0 0 10px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
h2 span{
    color:#2b1701;
	margin:auto;
	padding:12px 0 0 10px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h3{
	color:#445403;
	margin:auto;
	padding:0;
	font-size:18px;
	
	font-family:Arial, Helvetica, sans-serif;
	}
h4{
	color:#322f20;	
	padding:10px;
	font-size:18px;
	margin:auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}
h5{
	color:#322f20;	
	padding:10px 0 10px 0;
	font-size:22px;
	margin:auto;	
	font-family:Arial, Helvetica, sans-serif;
	}
h6{
	color:#322f20;	
	padding:10px 0 10px 0;
	font-size:17px;
	margin:auto;	
	font-family:Arial, Helvetica, sans-serif;
	}
.input-1{
		background-color:#ebddc2;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		color:#a9956f;
		width:195px;		
		}
.input-2{
		background-color:#ebddc2;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		color:#a9956f;
		}	
.input-3{
		background-color:#ebddc2;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		color:#a9956f;
		width:295px;		
		}
.Btn1{
	color:#FFFFFF;
	background:url(../images/btn-donation.png);
	width:150px;
	height:44px;
	border:none;	
	}
.Btn2{
	color:#FFFFFF;
	background:url(../images/btn-bg.jpg);
	width:120px;
	height:35px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	}
.Btn2:hover{
		background:url(../images/btn-bg-hover.jpg);
		width:120px;
		height:35px;
		border:none;
	}
.odd-tr{
		height:35px;
		background-color:;
		}
.even-tr{
		height:35px;
		}
.years{color:#CC6600;
		padding:0px;
		font-size:14px;
		font-weight:bold;
		
		}
.color2{
		color:#3A0307;
		}
a.btn-click{
		display: inline-block;
		background:url(../images/click-a.png);
		background-position:center center;		
		color: #FFFFFF;
		border:none;
        padding:0;		
		cursor:pointer;
		font-family:"Century Gothic",Futura,AppleGothic,sans-serif;
        width:80px;
		height:35px;
		line-height:30px;
		text-decoration:none;														
		text-align:center;			
}
a.btn-click:hover {
		background:url(../images/click-a-over.png);
		background-position:center center;
		border:none;
		}
img{border:none;}
/* -------------------- Page Styles (not required) */


/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   /*background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;*/
   height: 29px;
   overflow: hidden;
   width: 140px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 160px;
}

.styled-select.slate {
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 100px;
}

.styled-select.slate select {
   border: 1px solid #6666FF;
   font-size: 16px;
   height: 34px;
   width: 100px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */

.green   { background-color: #a465ac; }

/* -------------------- Colors: Text */
.green select   { color: #000; 
   font-weight:bold; }

/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #6666CC;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 128px;
   *width: 100px;
   *background: #58B14C;
   -webkit-appearance: none;
   
   
}

#mainselection {
   overflow:hidden;
   
   width:100px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
   
}



/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #6633FF;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100px;
   
   
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #a465ac;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
   

}
#donors-1, #donors-2, #donors-3, #donors-4{
		display:none;
		
	}
	
	/*****************LIST******************/
	ul.flower-bullet { clear:both; list-style-type:none; list-style-position:outside; width:; margin-left:-33px; }	
	ul.flower-bullet li { padding-left:20px; display:block; padding-bottom:0px; padding-right:5px;}
	ul.flower-bullet li a { color:#4e4635; text-decoration:underline; }
	ul.flower-bullet li a:hover { color:#687719; }
	
	ul.flower-bullet ul { clear:both; margin:15px 0px 0px ; }
	ul.flower-bullet ul li:last-child { padding-bottom:5px; }
	
	ul.flower-bullet.green li { background:url(images/bullet-green.png) left 2px no-repeat; }
	ul.flower-bullet.sandal li { background:url(images/bullet-sandal.png) left 2px no-repeat; }
	
	ul.flower-bullet.brown li { background:url(../images/bullet-brown.png) left 2px no-repeat; }
	ul.flower-bullet.pink li { background:url(images/bullet-pink.png) left 2px no-repeat; }
	ul.flower-bullet.orange li { background:url(../images/bullet-orange.png) left 2px no-repeat; }
	
	ul.flower-bullet.tick li { background:url(images/bullet-tick.png) left top no-repeat; }
	ul.flower-bullet.arrow li { background:url(images/bullet-arrow.png) left top no-repeat; }
	ul.flower-bullet.arrow2 li { background:url(images/bullet-arrow2.png) left top no-repeat; }
	ul.flower-bullet.star li { background:url(images/bullet-star.png) left top no-repeat; }
	.sspantext1{font-weight:bold;color:#34141D; font-size:13px}
	
	/*----*****---- << Widgets >> ----*****----*/
	
	 .blink {
        animation: blinker 0.6s linear infinite;
        color: #CC0000;
        font-size: 20px;
        font-weight: bold;
        font-family: sans-serif;
      }
      @keyframes blinker {
        50% {
          opacity: 0;
        }
      }
      .blink-one {
        animation: blinker-one 1s linear infinite;
      }
      @keyframes blinker-one {
        0% {
          opacity: 0;
        }
      }
      .blink-two {
        animation: blinker-two 1.4s linear infinite;
      }
      @keyframes blinker-two {
        100% {
          opacity: 0;
        }
      }