/* reset */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, form, fieldset, input, p, blockquote, th, td,tr, body {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	position: relative;
	height: auto;
	vertical-align: text-top;
	width:auto;
	font-size: inherit;
	font: 100%;
	line-height:2em;
}

fieldset, img {
	border: 0;
}
cite, code, em, strong, th {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}

td {
	width: auto;
	position: relative;
	text-align: left;
	vertical-align: text-top;
	padding-left: 5px;
	font-weight: bold;
}
p {
	font: 13px Arial, Helvetica, sans-serif;
	position: relative;
	text-align: left;
	vertical-align: text-top;
	margin-left: 15px;
	line-height: 1.5em;
}
h1 {
	font-family:bebas;
	font-size: 22px;
	margin-top: 5px;
	text-align: right;
	text-shadow: 3px 3px 5px #000;
}
h2 {
	font-family:bebas;
	font-size:30px;
	border-bottom: 2px dashed #ffffff;
	padding-bottom: 10px;
	text-shadow: 3px 3px 5px #000;
	
}
h4 {
	font: 26px Arial Black, Helvetica, sans-serif;
	margin-bottom: 15px;
	margin-left: 15px;
}
@font-face {
	font-family: jungleFont;
	src: url('../font/JungleFeverNF.ttf'), url(''); /* IE9 */
}
@font-face {
	font-family: helveticaBoldCondensed;
	src: url('../font/HelveticaNeueBold.ttf'), url('');
}
@font-face {
	font-family: bebas;
	src: url('../font/American Purpose.ttf'), url('');
}
@font-face {
	font-family: american;
	src: url('../font/American Purpose STRIPE 1 Normal.otf'), url('');
}
@font-face {
	font-family: muro;
	src: url('../font/Muro.otf'), url('');
}
q:before, q:after {
	content: '';
}
body {
	font: 13px Arial, Helvetica, sans-serif;
	*font-size: small;
	*font: x-small;
	line-height: 1.22em;
	text-align: left;
	
	-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
select, input, textarea {
	font: 99% verdana, sans-serif;
}
pre, code {
	font: 115% monospace;
	*font-size: 100%;
}

/* end reset */
/* generic */
.fLeft, .imgLeft {
	float: left;
}
.fRight, .imgRight {
	float: right;
}
.noBorder {
	border: none;
}
.imgLeft {
	margin: 1em 1em 1em 0;
}
.imgRight {
	margin: 1em 0 1em 1em;
}
.clear {
	clear: both
}
.mTop {
	margin-top: 35px;
}
.mRight {
	margin-right: 20px;
}
.mBottom {
	margin-bottom: 20px;
}
.mLeft {
	margin-left: 50px;
}
.mTopSmall {
	margin-top: 10px;
}
.mRightSmall {
	margin-right: 10px;
}
.mBottomSmall {
	margin-bottom: 10px;
}
.mLeftSmall {
	margin-left: 15px;
}
.pTop {
	padding-top: 20px;
}
.pRight {
	padding-right: 20px;
}
.pBottom {
	padding-bottom: 20px;
}
.pLeft {
	padding-left: 20px;
}
.pTopSmall {
	padding-top: 10px;
}
.pRightSmall {
	padding-right: 10px;
}
.pBottomSmall {
	padding-bottom: 10px;
}
.pLeftSmall {
	padding-left: 10px;
}
* {
	outline: none
}
/* end generic */
body {
	background: #e4f7ff;
	font-size: 14px;
	color: #545454;
	
	-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
#main {
	width: 841px;
	min-height: 1434px;
	margin: 0 auto;
	background: #a6e3ff url(../images/main.jpg) 0 600px no-repeat;
	-webkit-box-shadow: 0px 0px 8px #ababab;
	-moz-box-shadow: 0px 0px 8px #ababab;
	box-shadow: 0px 0px 8px #ababab;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index: 1;
	position: relative
}

				/* ACCORDION */

#accordion {
	margin: 0;
	padding: 10px;
	position:relative;
	left:10px;
	width:700px;
	top:-80px;
}

.toggler {
	cursor: pointer;
	background: #216119;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #ddd;
	color: #fff !important;
	text-shadow: 0px 1px 2px #888;

}
.element
{
	background: #B5EAAA;
}
.element p
{
	padding:20px;
}
				/* BACKGROUND */
.QOverlay {
	background-color: #216119;
	z-index: 9999;
}

.QLoader {
	background-color: #ffffff;
	height: 1px;
}


#bg {
	width: 1024px;
	height: 703px;
	margin: 0 auto;
	background: #69bfe8 url(../images/bg.jpg); 
	z-index: 1 position :relative;
	
	
	-webkit-box-shadow: 0px 0px 15px #000000;
	-moz-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
}
#bg2 {
	width: 1024px;
	height: 398px;
	margin: 0 auto;
	background: #69bfe8 url(../images/bg2.jpg);
	z-index: 1 position :relative;
	
	-webkit-box-shadow: 0px 0px 15px #000000;
	-moz-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
}
.paper {
	
			
	width: 1024px;
	margin: 0 auto;
	
	height:auto;
	
	background: #69bfe8 url(../images/paper.jpg);
	background-repeat: repeat-y;
	position :relative;
	
	/*border:1px solid red;*/
	
	-webkit-box-shadow: 0px 0px 15px #000000;
	-moz-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
	
	
}
				/* END - BACKGROUND */

.clearBoth {
	clear: both
}
.mainNav a
{
	text-decoration: none;
	text-transform: none;
}
.mainNav li
{
	float: left;
}
.mainNav
{
	font-family: bebas;
	text-transform:uppercase;
	bottom: 0px;
	width: 1024px;
	margin: 0 auto;
	position: absolute;
	z-index: 2;
	top: 30px;
	font-size:18px;
}
.mainNav li a
{
	color: #216119;
	display: inline;
} 
.mainNav li.active a
{
	color: #90c43e;
}
.mainNav li a:hover
{
	color: #33ccff !important;
}
.mainNav li
{
	margin-right: -1px;
	float: left;
	width: auto;
	color: #216119;
}
.mainNav li:last-child
{
	margin-right:none;
}
.mainContent {
	background: #e7e6e2;
	width: 761px;
	min-height: 200px;
	margin: 15px 0 0 0;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 10px;
}

a {
	color: #FFFFFF;
	text-decoration:none;
}
a:hover
{
	color: #33ccff !important;
}
				/* strong font */
.strong {
	font-weight: bold;
	font-size: 20px;
	font-family: jungleFont;
	color: #90c43e;
}
strong{
	font-weight:bold;
	font-size:14px;
}

.formContact
{
	width:400px;
	position:relative;
	margin-left:10px;
	border:1px solid #90c43e;
	padding:10px;
	border-radius:8px;
}
#txtMsg
{
	height:100px;
	width:300px;
}
#txtName
{
	width:300px;
}
#txtEmail
{
	width:300px;
}
.btn
{
	background:#90c43e;
	border-radius:4px;
	line-height:2em;
	border:1px solid #eee;
	text-decoration:none;
	padding:10px;
		
	-webkit-transition: all 0.3s linear;
     -khtml-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
.btn:hover
{
	background:#fdb913;
	border-radius:4px;
	line-height:2em;
	border:1px solid #eee;
	text-decoration:none;
	padding:10px;
		
	-webkit-transition: all 0.3s linear;
     -khtml-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
				/* dashed border left */
.b_left {
	border-left: 2px dashed #ffffff;
}

				/* HEADER */
#hang_sign {
	float: right;
	background: url(../images/hang3.png);
	background-repeat:no-repeat;
	height: 120px;
	width: 256px;
	margin-right: 20px;
}
.sign {
	font-size: 15px;
	font-weight: bold;
	color: #216119;
	font-family:"Arial Black";
	margin-left: 25px;
	position:relative;
	transform: rotate(-2deg);
	-ms-transform: rotate(-2deg); /* IE 9 */
	-webkit-transform: rotate(-2deg); /* Safari and Chrome */
}
.sign2 {
	font-size: 16px;
	font-weight: bold;
	color: #216119;
	top:-3px;
	font-family:"Arial Black";
	margin-left: 50px;
	position:relative;
	transform: rotate(-1deg);
	-ms-transform: rotate(-1deg); /* IE 9 */
	-webkit-transform: rotate(-1deg); /* Safari and Chrome */
}
#logo {
	float: left;
	height: 228px;
	width: 299px;
	left: 20px;
	z-index: -3;
}
.strip {
	background: url(../images/strip2.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 1024px;
	z-index: 1;
	position: relative;
	vertical-align:text-bottom;
	
	top: 216px;
}
.dropShadow
{
	-webkit-box-shadow: 0px 0px 15px #000000;
	-moz-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
}
					/* FOOTER */
#footer {
	margin: 0 auto;
	font-family:bebas;
	background: #cf9008 url(../images/ff.png) no-repeat;
	height: 397px;
	width: 1024px;
	position: relative;
	bottom: 0;
	
	-webkit-box-shadow: 0px 0px 15px #000000;
	-moz-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
/*-moz-box-shadow:
         5px 0 5px -5px #333,
        -5px 0 5px -5px #333;
    -webkit-box-shadow:
        5px 0 5px -5px #333,
         -5px 0 5px -5px #333;
    box-shadow:
         5px 0 5px -5px #333,
         -5px 0 5px -5px #333;*/
	
	/*-webkit-box-shadow: 0px 0px 15px 15px #000000;
	-moz-box-shadow: 0px 0px 15px  15px #000000;
	box-shadow: 0px 0px 15px  15px #000000;*/
}
.fTable
{
	width:800px;
	color:#fff;
	top:50px;
	font-family:bebas;
	left: 120px;
	font-size:15px;
	position:absolute;
}
.logo_footer {
	float: left;
	background: url(../images/logo.png);
	height: 64px;
	width: 75px;
	left: 150px;
	top: 60px;
	position: relative;
}
.icon {
	float: left;
	background: url(../images/tel.png) no-repeat;
	repeat: no-repeat;
	height: 16px;
	width: 19px;
	left: 400px;
	top: 80px;
	position: relative;
}
.icon2 {
	float: left;
	background: url(../images/fax.png) no-repeat;
	repeat: no-repeat;
	height: 21px;
	width: 24px;
	left: 378px;
	top: 100px;
	position: relative;
}
.icon3 {
	float: left;
	background: url(../images/enve.png) no-repeat;
	height: 13px;
	width: 21px;
	left: 540px;
	top: 80px;
	position: relative;
}
.wFooter {
	width: 250px;
	color: #ffffff;
}
.b_footer
{
	position:relative;
	top:265px;
}
					/* HOME PAGE */
.col {
	display: block;
	position: relative;
	margin: 0 auto;
	float:left;
}
.left {
	width: 640px;
	margin-left: 10px;
	float: left;
	position: absolute;
	left: 30px;
}
.right {
	width: 280px;
	position: relative;
	float: right;
	left:250px;
	top: 30px;
	background: url(../images/box.png) no-repeat;
	color: #ffffff;
	padding: 10px;
}
.news {
	z-index: 99;
	position: relative;
	padding-top: 15px;
}
.news article {
	padding: 5px;
	margin-bottom: 15px;
}
article {
	display: block;
	font: 14px Tahoma, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 10px;
}
					/* SLIDESHOW */
.slideshow li img {
	position: absolute;
	top: 15px;
	left: 21px
}
.container {
	position: relative;
	width: 1024px;
	text-align: left;
	top: 210px;
	height:415px;
}
.slideshow {
	position: relative;
	left: -10px;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 400px;
}
.slideshow-nav {
	display: block;
	position: absolute;
	top: 30px;
	left: 45px;
	z-index: 99;
	background: #fdb913;
	padding: 6px 0;
	height: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
}
.donate {
	display: block;
	position: relative;
	top: -60px;
	left: 23px;
	background: url(../images/register_button.png) no-repeat;
	text-indent: -9999em;
	width: 461px;
	height: 61px;
	z-index: 999;
}
.donation
{
	display: inline-block;
	position:relative;
	width: 199px;
	padding-top: 32px;
	height: 0;
	overflow: hidden;
	left:20px;
	margin: 0 auto;
	background: url(../images/button.jpg) 0 0 no-repeat;
	
}
.slideshow li a h3 {
	font: 17px/18px normal 'FunctionProBold', sans-serif;
	font-size: 17px;
	line-height: 18px;
	color: white;
	text-transform: uppercase;
	margin: 0 0 2px 0
}
.slideshow li a p {
	font: 15px/17px normal arial, sans-serif;
	color: white
}
.slideshow li {
	z-index: -1;
	top: 100px;
	left: 0;
	opacity: 0
}
.slideshow li.slide-1 {
	z-index: 5;
	top: -32px;
	left: 5px;
	opacity: 1
}
.slideshow li.slide-2 {
	z-index: 4;
	opacity: 1;
	top: -30px;
	left: -100px;
	-webkit-transform: rotate(-2.5deg) scale(.85);
	-moz-transform: rotate(-2.5deg) scale(.85);
	-ms-transform: rotate(-2.5deg) scale(.85);
	-o-transform: rotate(-2.5deg) scale(.85);
	transform: rotate(-2.5deg) scale(.85)
}
.slideshow li.slide-3 {
	z-index: 3;
	opacity: 1;
	top: -5px;
	left: 90px;
	-webkit-transform: rotate(2.5deg) scale(.85);
	-moz-transform: rotate(2.5deg) scale(.85);
	-ms-transform: rotate(2.5deg) scale(.85);
	-o-transform: rotate(2.5deg) scale(.85);
	transform: rotate(2.5deg) scale(.85)
}
.slideshow li.slide-4 {
	z-index: 2;
	opacity: 1;
	top: -0px;
	left: 0;
	-webkit-transform: rotate(-2.5deg) scale(.5);
	-moz-transform: rotate(-2.5deg) scale(.5);
	-ms-transform: rotate(-2.5deg) scale(.5);
	-o-transform: rotate(-2.5deg) scale(.5);
	transform: rotate(-2.5deg) scale(.5)
}

.slideshow-nav {
	display: block;
	position: absolute;
	top: 0;
	left: 35px;
	z-index: 99;
	background: #fdb913;
	padding: 6px 0;
	height: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden
}
.slideshow-nav a {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	width: 0;
	height: 0;
	overflow: hidden;
	color: #fdb913;
	margin: 0 2px;
	border: 4px solid white;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	text-indent: -9999em
}
.slideshow-nav a.active {
	border-color: #9d0041
}
.slideshow-nav a.arrow {
	top: 0;
	border: 5px solid white;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-color: transparent;
	border-right: 10px solid white
}
.slideshow-nav a.next {
	border-right: 5px solid transparent;
	border-left: 10px solid white
}

							/* ABOUT US */
.splash {
	position: relative;
	background: url(../images/splash.png) no-repeat;
	width: 1024px;
	height: 48px;
	margin:0 auto;
	top:-35px;
}
.head
{
	position:relative;
	top:-65px;
}
.head_text {
	position: relative;
	left: 30px;
	/*font-family: american;
	font-size: 70px;
	color: #edbc7c;
	text-align: left;
	 -webkit-text-stroke: 3px #814d08;
	-moz-text-stroke: 3px;
	-moz-text-stroke-color:#814d08;*/
}
.left_container {
	width: 725px;
	position: relative;
	float:left;
	top:-60px;
	margin-left:15px;
}
.right_container {
	width: 219px;
	min-height:296px;
	
	margin-right: 30px;
	position: relative;
	top:-80px;
	border:1px solid #084e12;
	float:right;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; 
	
	background: linear-gradient( #b7ec63, #216119 );
	background: -webkit-linear-gradient(#b7ec63, #216119);
    background: -moz-linear-gradient(#b7ec63, #216119);
}
.content {
	color: #6c4a22;
}
.sub-button {
	font-size: 18px;
	font-family:bebas;
	padding:10px;
	color: #ffffff;
	position: relative;
	line-height: 1.5em;
}
.thumbnail
{
	position: relative;
	padding:13px;
	height:100px;
	width:189px;
}
.shadow {
  	-webkit-box-shadow: 0px 2px 2px 0px  #000000;
       -moz-box-shadow: 0px 2px 2px 0px  #000000;
            box-shadow: 0px 2px 2px 0px  #000000;
}

.album
{
	clear:both;
	border: 8px solid white;
	left:30px;
	position:relative;
}
.date
{
	font-weight:bold;
	font-size: 16px;
	margin-top:10px;
	margin-bottom:10px;
}
.divider
{
	background: url(../images/divider.png) no-repeat;
	top: 20px;
	margin-bottom: 40px;
	position:relative;
	width:725px;
	height:11px;
}

.link,
.link a,
#SignUp .signupframe {
	color: #216119;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	position:relative;
	margin-left:10px;
	width:330px;
	border-radius:8px;
	}
	.link,
	.link a {
		text-decoration: none;
		
		}
	#SignUp .signupframe {
		border: 1px solid #90c43e;
		border-radius:8px;
		background: url(../images/paper.png) no-repeat;
		position:relative;
		vertical-align:text-top;
padding:20px;
		
		}
#SignUp .signupframe .required {
	font-size: 10px;
	border-radius:8px;
	}

iframe
{
	position:relative;
	height:500px;
	width:600px;
}

.galleria{ 
	width: 600px;
	height: 400px;
	background: #ffffff;
	position:relative; 
	margin-left:70px;
	}
.gallery
{
	border: 1px solid red; height:500px; width:700px; padding:10px;
}
						/* UPLOADER PROPERTIES*/
.wrap{
	width: 500px;
	margin: 15px auto;
	padding: 20px 25px;
	background: white;
	border: 2px solid #DBDBDB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
}
						
.bg-uploader{
	margin:0 auto;
			background-color:#38ACEC;
			margin-top:50px;
			text-align:center;
			font-family:Arial:
			font-size:18px;
}
.good{
				color:green;
				
			font-family:Arial:
			font-size:14px;
			}
.bad{
				color:red;
			}
.btn-uploader{
border:1px solid #96f0ff; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #cef8ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8));
 background-image: -webkit-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -moz-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -ms-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -o-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cef8ff, endColorstr=#7fe0f8);
}

.btn-uploader:hover{
 border:1px solid #68e9ff;
 background-color: #9bf1ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#9bf1ff), to(#4fd4f5));
 background-image: -webkit-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -moz-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -ms-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -o-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9bf1ff, endColorstr=#4fd4f5);
}
.tb
{
	height:30px;
	width:200px;
	text-align:center;
}
form
{
	position:relative;
	margin: 0 auto;
}

input[type="file"]{
  font-size:14px;
}
input[type="file"]::-webkit-file-upload-button{
	border:1px solid #96f0ff; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #cef8ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8));
 background-image: -webkit-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -moz-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -ms-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: -o-linear-gradient(top, #cef8ff, #7fe0f8);
 background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cef8ff, endColorstr=#7fe0f8);
}

.videoContainer
{
	width:984px;
	float:left;
	position:relative;
	padding:20px 20px 0px 20px;
}
.videoContainer iframe
{
	float:left;
	
}
.videoContainer .videoTitle
{
	font: 26px Arial Black, Helvetica, sans-serif;
	margin-left: 20px;
}
.videoContainer p
{
	width:350px;
	float:left;
	margin-left:20px;
	position:relative;
	margin-top:10px;
	color: #6c4a22;
	
}
/*
video
{
	position:relative;
	float:left;
	width:660px;
}


.videoContainer .videoTitle
{
	font: 26px Arial Black, Helvetica, sans-serif;
	margin-left: 20px;
}
*/
/*
   main.css
   {<project>}
   
   Created by Michelle on 2013-11-18.
   Copyright 2013 Michelle. All rights reserved.
*/