@charset "utf-8";
/* CSS Document */

* { font-size:100%; margin:0; padding:0; z-index:inherit;}
table { border:0; border-collapse: collapse; border-spacing: 0;}
img {border:0;}

body {
background-color: #fff;
background-repeat: repeat-x;
background-image:url(/templates/hhpz/i/pg-bg-yellow.jpg);
color: #333;
text-align:center;
font: 14px/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
body.yellow {
	background-image:url(/templates/hhpz/i/pg-bg-yellow.jpg);
}
body.purple {
	background-image:url(/templates/hhpz/i/pg-bg-purple.jpg);
}
body.blue {
	background-image:url(/templates/hhpz/i/pg-bg-blue.jpg);
}

#back-animals {
position:relative;
width: 888px;
height: 100%;
margin: 0 auto;
}
  /* BACKGROUND ANIMALS */
  
#top-lft-animal {
position: absolute;
left: 50%;
margin-left: -545px;
top: -10px;
}

  
#mid-rt-animal {
position: absolute;
top: 30%;
left: 50%;
margin-left: 300px;
}
  
#btm-rt-animal {
position: absolute;
bottom: 93px;
left: 50%;
margin-left: 340px;
}

  /* END BACKGROUND ANIMALS */

#main_position {
	margin-left: -44px;
}

#shadowtop, #footer2 {
width: 800px;
padding: 0 44px;
margin: 0 auto;
background: url(/templates/hhpz/i/content-shadowTop12px-Btm41px.png) no-repeat;
overflow: hidden;
height: 12px;
position: relative;
z-index: 10;
}
#footer2 {
height: 88px;
background-position: 0 -12px;
}
#wrapper {
width: 800px;
height: 100%;
padding: 0 44px;
margin: 0 auto;
background:url(/templates/hhpz/i/bg-content-shadow.png) repeat-y;
overflow: hidden;
position: relative;
z-index: 10;
}
#wrapper:after{
	content:"";
	clear:both;
	display:block;
}
#wrapper2 {
width: 798px;
background: #fff;
border: 1px solid #fff;
border-bottom: none;
text-align: left;
overflow: visible;
height: 100%;
}

/* HEAD AREA */
#header {
background: url(/templates/hhpz/i/bg-header.jpg) no-repeat 0 0;
width: 7998px;
height: 173px;
}
#header2 {
background: url(/templates/hhpz/i/bg-header.jpg) no-repeat 0 0;
width: 7998px;
height: 130px;
}

#header #bird,
#header2 #bird {
	position:absolute;
	right:58px;
	top:38px;
}


#header a#logo {
display:block;
height: 120px;
padding: 10px 0 0 8px;
}
#header a#logo span {
display: none;
visibility: hidden;
}

 /* top nav */

#topnav {
width: 100%;
height: 39px;
margin-top: -13px;
clear: both
}

#topnav ul {
list-style: none;
margin: 0 auto;
padding: 0;
}

#topnav li {
display: block;
list-style: none;
float:left; 
overflow: hidden;
margin: 0;
padding: 0 0 0 5px;
}

#topnav li a {
display: block;
height: 25px;
padding-top: 14px;
font-size: 12px;
line-height: 26px;
color: #fff;
overflow: hidden;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
text-align: center;
white-space: nowrap;
background-image:url(/templates/hhpz/i/top-nav.png);
background-repeat: no-repeat;
}
#topnav li a:hover, #topnav li a:focus {
height: 33px;
padding-top: 6px;
font-size: 12px;
line-height: 26px;
color: #fff;
overflow: hidden;
text-decoration: none;
}

 /* Top Nav Custom Classes */
 #topnav li.c1 a {
width: 154px;
background-position: -5px 0;
color: #306;
 }
 #topnav li.c2 a {
width: 154px;
background-position: -163px 0;
color: #720;
 }
 #topnav li.c3 a {
width: 154px;
background-position: -322px 0;
color: #144;
 }
 #topnav li.c4 a {
width: 154px;
background-position: -481px 0;
color: #650;
 }
 #topnav li.c5 a {
width: 154px;
background-position: -640px 0;
color: #fff;
font-size: 14px;
 }
 
  #topnav li.c5 a span{
  	display:none;
 }
 
    /* hover */
 #topnav li.c1 a:hover, #topnav li.c1 a:focus {
width: 154px;
background-position: -5px 100%;
color: #306;
 }
 #topnav li.c2 a:hover, #topnav li.c2 a:focus {
width: 154px;
background-position: -163px 100%;
color: #720;
 }
 #topnav li.c3 a:hover, #topnav li.c3 a:focus {
width: 154px;
background-position: -322px 100%;
color: #144;
 }
 #topnav li.c4 a:hover, #topnav li.c4 a:focus {
width: 154px;
background-position: -481px 100%;
color: #650;
 }
 #topnav li.c5 a:hover, #topnav li.c5 a:focus {
width: 154px;
background-position: -640px 100%;
color: #fff;
height: 39px;
padding-top: 0;
 }

 /* END top nav */
 
 /* Left Nav */

ul#nav {
margin: 0;
padding: 10px 0 30px 0;
list-style: none;
}

ul#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a {
display: block;
height: 30px;
width: 96px;
padding: 18px 46px 1px 8px;
background-image: url(/templates/hhpz/i/left-nav.png);
background-repeat: no-repeat;
font-size: 12px;
line-height: 16px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #457;
}
#nav li a:hover, #nav li a:focus {
color: #FDB813;
}

#nav li.c1 a {
background-position: 0 0;
}
#nav li.c2 a {
background-position: 0 -50px;
height: 47px;
}
#nav li.c3 a {
background-position: 0 -118px;
}
#nav li.c4 a {
background-position: 0 -170px;
}
#nav li.c5 a {
background-position: 0 -221px;
height: 47px;
}
#nav li.c6 a {
background-position: 0 -286px;
height: 47px;
}
#nav li.c7 a {
background-position: 0 -366px;
height: 47px;
}
#nav li.c8 a {
background-position: 0 -442px;
height: 30px;
}
#nav li.c9 a {
background-position: 0 -498px;
}
#nav li.c10 a {
background-position: 0 -550px;
}

#nav li.c11 a {
background-position: 0 -603px;
}

#nav li.c12 a {
background-position: 0 -666px;
height: 39px;
padding-top: 26px
}

/* MAIN CONTENT AREA */
#contentwrap {
background: url(/templates/hhpz/i/lft-bg-wave.png) repeat-y 0 0;
height: 100%;
overflow: visible;
position: relative;
clear: both
}

 /* Left Column */
#left {
width: 150px;
padding: 0 10px 30px 5px;
float: left;
}

#left form {
display: block;
padding: 10px 0 124px 0;
background: url(/templates/hhpz/i/lft-bat.png) no-repeat 50% 100%;
}

#left form input,
.e2ma_signup_form_element input {
color: #036;
padding: 0 0 0 2px;
}



/* main column */

#middle {
float: left;
width: 478px;
padding: 10px 0 30px 5px;
}

#middle ul,
#middle ol,
#middle ul ul {
		display:block;
		margin-left:10px;
	}
	
#middle li {
	margin: 13px 10px 0 15px;
	line-height:18px;
	border-left: #BCCFDF solid 2px;
}

#middle li ul li {
	margin: 13px 10px 0 30px;
	color:#333333;
	border:none;
}

 /* can be used for pages without a right column */
#middle-full {
float: left;
width: 624px;
padding: 10px 0 180px 5px;
}

 /* for pages without a left or right column */
#full {
padding: 10px 20px 160px 20px;
min-height: 450px
}

/* Right Column */
#right {
width: 200px;
padding: 3px 0 20px 0;
overflow: hidden;
background: url(/templates/hhpz/i/polaroids/rope.gif) no-repeat 75px 0;
position: absolute;
z-index: 50;
top: 186px;
right: 14px;
}

#right img {
display: block;
padding: 10px 0 0 0;
}

/* END RIGHT COLUMN */

/* FOOTER 1 */

#footer1 {
height: 164px;
background: url(/templates/hhpz/i/bg-footer.png) 0 2px no-repeat;
margin-top: -162px;
clear: both;
overflow: visible;
}
#footer1-lft { 
float: left;
width: 119px;
height: 125px;
margin: 56px 0 0 -40px;
background: url(/templates/hhpz/i/bg-footer-lft.png) 0 0 no-repeat;
overflow: hidden;
}
#footer1-inner { 
float: left;
width: 644px;
padding-top: 134px;
color: #030;
font-size: 0.95em;
height: 28px;
overflow: hidden;
}
#footer1-rt { 
width: 43px;
height: 164px;
float: right;
margin: 2px -43px 0 0;
background: url(/templates/hhpz/i/bg-footer-rt.png) 0 0 no-repeat;
overflow: hidden;
}

/* Footer 2 */
/* also near top under top shadow area */

#footer2 img {padding: 0 10px;}



/* Footer 3 */

#footer3 {
width: 808px;
padding-right: 44px;
overflow: hidden;
margin: 0 auto;
text-align: left;
font-size: 12px;
line-height: 40px;
}


#footer3 ul {
padding: 0;
margin: 0;
}
#footer3 li {
display: inline;
list-style: none;
padding: 0 5px;
margin: 0;
}

#footer3 li img {
vertical-align: middle;
}

#footer3 a {
text-decoration: underline;
color: #000;
}
#footer3 a:hover, a:focus {
color:#e63;
text-decoration:none;
}



/* typography */
a {
text-decoration: none;
color: #03c;
}
a:hover, a:focus {
outline: none;
color:#c60;
}
h1 {font-size: 2em;
line-height: 130%;
margin: 0 0 10px 0;
color: #629;
text-transform: lowercase;
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.tabbed h1 {
 height: 44px;
font: normal 30px/44px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
 text-transform: none;
 background: url(/templates/hhpz/i/full_tab_purple.png);
 padding: 0 20px;
 color: #fff;
}

.fulltab  h1 {
 margin: 0;
}

h2 {font-size: 1.4em;
padding: 18px 0 10px 0;
color: #629;
font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height:28px;
}
.tabbed h2 {
 height: 32px;
font: normal 21px/32px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
 text-transform: none;
 background: url(/templates/hhpz/i/half_tab_purple.png) no-repeat 0 0;
 padding: 0 20px;
 color: #fff;
}
h3 {font-size: 1.2em;
line-height: 130%;
padding: 6px 0;
color: #467;
}
.tabimage_bg h2,
.tabimage_bg h3,
.tabimage_bg h4,
.tabimage_bg h5 {
 background: none;
 padding-left: 0;
 color: inherit;
}
h4 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
font-style: italic;
color: #467;
}
h5 {font-size: 1em;
line-height: 130%;
color: #467;
padding: 6px 0;
}
h6 {font-size: 1em;
line-height: 130%;
padding: 6px 0;
}
p{padding:0.6em 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
list-style: none;
padding: 0 0 0 1.5em;
margin: 4px 0;
background: url(/templates/hhpz/i/li.gif) 0 0.4em no-repeat;
}
ul li ul li {
list-style: square;
padding: 0;
background: none;
color: #ddd
}

/* Special */
.education {
	width: 304px;
	height: 160px;
margin: 10px;
padding: 40px 15px;
	float: left;
text-align: right;
font-weight: bold;
background: url(/templates/hhpz/i/education_classes.jpg) no-repeat 0 0;
}
.education a {
font-style: italic;
color: #c50;
}
.education a:hover, .education a:focus {
color: #069;
}

.education a.register {
	display:block;
	width:150px;
	height:100px;
	float:left;
	margin-top:-30px;
}

.education a.register span {
	display:none;
}

.newsletterBox {
border: 1px solid rgb(229, 229, 229); padding: 30px 15px 15px; background:url(/files/hhpz/image/home/backgroundNewsletter.jpg) no-repeat;
}

a.boxlink-house, a.boxlink-meerkat {
	display: block;
	width: 90px;
	height: 44px;
	padding: 76px 5px 0 10px;
color: #c50;
font-weight: bold;
line-height: normal;
	background: url(/templates/hhpz/i/house-link.gif) no-repeat;
}
a.boxlink-meerkat {
	background: url(/templates/hhpz/i/meerkat-link.gif) no-repeat;
}

a.boxlink-house:hover,
a.boxlink-house:focus,
a.boxlink-meerkat:hover,
a.boxlink-meerkat:focus {
color: #069;
}

/* Assignable */
.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}
.split_left {
 width: 49%;
 float: left;
 padding: 10px 0;
}
.split_right {
 width: 49%;
 float: right;
 padding: 10px 0;
}
#full .split_left,
#full .split_right {
 width: 368px;
}

.white_bg {
 background: #fff;
 background-repeat: no-repeat;
 padding: 4px 10px;
 -moz-border-radius: 0 0 12px 12px;
 border-radius: 0 0 12px 12px;
 position: relative;
}
.fulltab {
 clear: both;
 padding: 10px 0;
}
.tabimage_bg {
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: 50% 0;
 padding: 4px 10px 30px 10px;
 -moz-border-radius: 0 0 12px 12px;
 border-radius: 0 0 12px 12px;
 position: relative;
 min-height: 186px;
}
.tab_overlay_note {
 background: url(/templates/hhpz/i/overlay_bg.png);
 color: #fff;
 font-size: 21px;
 font-weight: bold;
 text-align: center;
 padding: 6px 0;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 -moz-border-radius: 0 0 12px 12px;
 border-radius: 0 0 12px 12px;
}

#full .fulltab .tab_overlay_note {
 width: 758px;
}

.seperator1, .seperator2 {
background:url(/templates/hhpz/i/bee-line-rt.gif) 100% 0;
height: 30px;
width: 448px;
margin: 20px 0;
overflow: hidden;
clear: both;
}

.seperator2 {
background: url(/templates/hhpz/i/bee-line-lft.gif) 0 0;
clear: both;
}

/* Additional Styles */

img.padImage {
margin:10px;
border:2px solid #C1CFE9}

table.border td {
	border:1px #BCCFDF solid;
	text-align:center;
	padding:5px;
}

.heading {
	background-color:#A7B4BF;
	color:#ffffff;
	font-weight:bold;
	padding:2px;
	font-size:12px;
	text-align:center;
}

.shade {
	background-color:#e3e3e3;
}

.blueBox {
	background-color:#DDE5ED;
	border: 1px #A7B4BF solid;
	padding:3px 9px;
}

.galleryItem {
	float:left;
	margin-right:15px;
	height:165px;
	display:block;
}

.galleryItem .caption {
	display:none;
}

.floatBox {
	float:left;
	width:225px;
	padding:10px 5px;
	display:block;
	height:75px;
}
span.price{
	color:#e44b00;
}

.yellowBox {
	border: 1px solid rgb(247, 232, 89); 
	margin: 15px 0pt; 
	padding: 0pt 15px; 
	background-color: rgb(255, 250, 204);
}

/*Memories section FORM*/
.form-holder{
	width:415px;
	overflow:hidden;
	margin:0 0 0 40px;
}
form,fieldset{border:none;}
.row{
	width:300px;
	float:right;
	padding:2px;
}
.form-holder label{
	float:left;
	color:#457;
}
.row input{
	float:left;
	width:220px;
	height:15px;
	padding:5px 0 5px 2px;
	font-size:13px;
	color:#457;
	border:1px solid #457;
}

.row input.button{
	float:left;
	width:120px;
	height:25px;
	padding:3px 0 5px 2px;
	font-weight:bold;
	font-size:13px;
	color:#457;
	border:1px solid #457;

}

.row textarea{
	float:left;
	width:280px;
	height:250px;
	padding:5px 0 5px 2px;
	font-size:13px;
	color:#457;
	border:1px solid #457;
}

.field{
	width:100%;
	float:left;
	padding:0 0 5px;
}
input.file{height:25px;}