/*********************************************
	MAIN
*********************************************/

html, body{
	margin:0;
	padding:0;
}

body {
	background: #859f1a url(/images/bg.jpg);
	font: 11px Verdana, Geneva, sans-serif;
}
@font-face {
    font-family: 'bad';
    src: url('fonts/baddssb-webfont.eot');
    src: url('fonts/baddssb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/baddssb-webfont.woff') format('woff'),
         url('fonts/baddssb-webfont.ttf') format('truetype'),
         url('fonts/baddssb-webfont.svg#BadDogSCapsSSKBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.wrapper{
	width:920px;
	margin:10px auto;
}


/* default link styles*/		
a{
	color: #f7d32e;
	text-decoration: none;
}

a:hover{text-decoration: underline;}
.sprite, .sprite-header{
	background-image:url(/images/spirte.gif);
	background-repeat:no-repeat;
}

.sprite-header{text-indent:-9999px; height:18px; padding-bottom:10px;}


.support_button{
	width:330px;
	margin:0 auto;
	padding: 0 0 20px 0;
}

/*********************************************
	HEADER
*********************************************/
.header{
	height:340px;	
}


/*********************************************
	HEADERS
*********************************************/
h1 {
	color: #8CA621;
	font-family: bad;
	font-size: 24px;
	line-height: 24px;
}
h2{

}

.h2editable{
	background-position:left -394px;
}

/* graphic page titles */
h1.about{background-position:-943px 0;}
h1.explore{background-position:-943px -40px;}
h1.home{background-position:-943px -80px;}
h1.conservation{background-position:-943px -120px;}
h1.education{background-position:-943px -160px;}
h1.programs{background-position:-943px -200px;}
h1.school{background-position:-943px -240px;}
h1.family{background-position:-943px -280px;}
h1.community{background-position:-943px -320px;}
h1.scouts{background-position:-943px -360px;}
h1.volunteers{background-position:-943px -400px;}
h1.docents{background-position:-943px -440px;}
h1.service{background-position:-943px -480px;}
h1.events{background-position:-943px -520px;}
h1.calendar{background-position:-943px -560px;}
h1.news{background-position:-943px -600px;}
h1.membership{background-position:-943px -640px;}
h1.adopt{background-position:-943px -680px;}
h1.renew{background-position:-943px -720px;}
h1.donation{background-position:-943px -760px;}
h1.store{background-position:-943px -800px;}
h1.us{background-position:-943px -840px;}
h1.directions{background-position:-943px -880px;}
h1.thanks{background-position:-943px -920px;}
h1.site{background-position:-943px -960px;}
h1.support{background-position:-943px -998px;}
h1.intern{background-position:-943px -1160px;}


/*********************************************
	CONTENT
*********************************************/
.content, .footer{
	width:920px;
	margin:4px auto;
	position:relative;
	font-size:12px;
}

.content-top, .content-bottom{
	background-position: left top;
	height:13px;
}
.sub .content-top{background-position:left -295px;}

.content-bottom{background-position:left -63px;}
.sub .content-bottom{background-position:left -358px;}

.content-inner{
	padding:1px;
	background-color:#50870c;
	height:318px;
	position:relative;
	
}

.sub .content-inner{
	height:auto;	
	background-color:#fff;
	border:3px solid #50870c;
	border-top:none;
	border-bottom:none;
	padding:0 12px;
}

.wood-vertical{
	background: url(/images/wood_vertical.png);
	width:43px;
	height:350px;
	position:absolute;
	top:-14px;
	right:459px;
	z-index:100;
}

.wood-horizontal{
	background: url(/images/wood_horizontal.png);
	width:473px;
	height:43px;
	position:absolute;
	top:176px;
	left:-6px;
	z-index:101;
}

.content .region{
	background: url(/images/leaf-bkg.jpg) no-repeat right top;
	height:140px;
	
}

.content .region .region-inner{
	padding:30px 40px 5px 10px;
}



.content .sloth{
	position:absolute;
	height:342px;
	display:block;
	margin-top:-12px;
	right:1px;
}


.content .zoopath{
	position:relative;
	display:block;
	margin-top:-12px;
	left:1px;
}

.content .support-the-zoo{
	position:absolute;
	top:0;
	right:-15px;
}

.content .summercamp{
	position:absolute;
	top:161px;
	right:-25px;
}


.content a{
	color:#598b1a;
}


.content a:hover{
	color:#666666;
	text-decoration:underline;
}


/*********************************************
	FOOTER
*********************************************/
.footer{
	background-position: left -100px;
	height:173px;
	color:#aacd1b;
	position:relative;
	margin-top:8px;
}

.footer .inner{
	padding:10px 10px 10px 230px;	
}

.footer h2{
	color:#fff;	
}

.footer .accredited{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:238px;
	height:211px;
}

.footer .flamingo{
	position:absolute;
	top:-7px;
	right:-25px;
	display:block;
	width:175px;
	height:97px;
}

.footer .nav{font-size:.86em;}

.strong_wrap strong{
	color:#339900;
}

.social-icons {
	margin: auto;
    width: 546px;
}
.strong_wrap strong{
	color:#339900;
}
.holiday label {
	float:none !important;
	display:block;
	width:auto !important;
}
.title {
	font-family:bad;
	color:#8CA621;
	font-size:15px;
	margin-top:25px;
}
.holiday input[type="text"], .holiday select {
	padding:5px 8px;
	font-size:1.2em;
	color:#666;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	width:96%;
}
.no-show {
	background:#fff !important;
	border:none;
}
.holiday input[type="text"]:focus {
	-webkit-box-shadow:0 0 12px rgba(142, 168, 35, 0.5);
	-moz-box-shadow:0 0 12px rgba(142, 168, 35, 0.5);
	box-shadow:0 0 12px rgba(142, 168, 35, 0.5);	
	-webkit-animation: pulse 1.5s infinite ease-in-out;
	-moz-animation: pulse 1.5s infinite ease-in-out;
}
@-webkit-keyframes pulse {
	0%{
		-webkit-box-shadow:0 0 12px rgba(142, 168, 35, 0.2);
	}
	50%{
		-webkit-box-shadow:0 0 12px rgba(142, 168, 35, 0.9);
	}
	100% {
		-webkit-box-shadow:0 0 12px rgba(142, 168, 35, 0.2);
	}
}
@-moz-keyframes pulse {
	0%{
		-moz-box-shadow:0 0 12px rgba(142, 168, 35, 0.2);
	}
	50%{
		-moz-box-shadow:0 0 12px rgba(142, 168, 35, 0.9);
	}
	100% {
		-moz-box-shadow:0 0 12px rgba(142, 168, 35, 0.2);
	}
}
.holiday input[type="button"], .holiday input[type="reset"] {
	background:none repeat scroll 0 0 #784F11;
	border:medium none;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	color:#FFFFFF;
	cursor:pointer;
	font-family:bad;
	font-size:14px;
	padding:5px 10px;
}
.round { behavior: url(css/PIE.htc); position:relative; z-index:1;}

.holiday .frm input.frm-txt, .holiday .frm .frm-textarea, .holiday.frm select {
	width:300px;
}
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:fixed;
  z-index:9000;
  background-color:#000;
  display:none;
  left:0;
  top:0;
  height:100%;
  width: 100%;
}
   
#boxes .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
}
/* Customize your modal window here, you can add background image too */
#boxes #dialog, #boxes #vacation-extra-details-dialog {
	width:612px;
	height:auto;
	background:#fff;
	-webkit-box-shadow:1px 1px 11px #000000;
	-moz-box-shadow:1px 1px 11px #000000;
	box-shadow:1px 1px 11px #000000;
}
#boxes #vacation-extra-details-dialog {
	min-height: 400px;
}
.close {
	position: absolute;
    right: -15px;
    top: -15px;
}