/**************************************** 
	Fota Wildlife Stylesheet
	
	Location: /assets/css/fotawildlife.css
	
	1. General Reset
	2. Layout
	3. sIFR
	4. 
	5. 
	
****************************************
1. General Reset
****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	font: normal 62.5% 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	background: #6F971A;
	}

/* Unordered Lists */
ul {
	list-style: none;
	}

/* Blockquote / Quote */
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* Focus styles */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.clearfix { display: inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	*+html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */

.qtip-content span { display: block; margin: 0; padding: 5px 10px; color: #111; text-decoration: none; }
.float-left { float: left; }
.float-right { float: right; }

a { color: #3293B6; text-decoration: none; }
a:hover { color: #3EB4E0; }

/****************************************
2. Layout
****************************************/
#wrapper {
	width: 1020px;
	margin: 0 auto;
	}

/*************************************************
	TOP
*************************************************/
	#top {
		width: 1020px;
		height: 65px;
		position: relative;
		z-index: 2;
		}
		
		#bar {
			width: 675px;
			height: 90px;
			margin: 8px 0;
			position: absolute;
			top: 10px;
			right: 20px;
			float: right;
			background: transparent url('../img/bg-top-nav.jpg') no-repeat;
			}

/*************************************************
			UTILITY LINKS
*************************************************/
			#utilities { height: 44px; float: left; margin: 25px 0 0 40px; }
			#utilities li {  display: inline; }
			#utilities li a {
				height: 14px;
				line-height: 14px;
				text-align: center;
				display: block;
				padding: 0 12px;
				font-size: 1.2em;
				color: #5c3b24;
				float: left;
				text-decoration: none;
				font-weight: bold;
				}
				#utilities li a:hover { color: #2e190b; }
				#utilities li a.first { border: none }
				#utilities li a.last { border: none; }
			

/*************************************************
			SEARCH BAR
*************************************************/
			#searchbar {
				width: 200px;
				height: 44px;
				float: right;
				margin: 8px 20px 10px 0;
				position: relative;
				}
				
				#searchbar label {
					display: none;
					}
				
				#searchbar #txt-query {
					display: block;
					width: 175px;
					height: 32px;
					background: transparent url('../img/bg-search.png') no-repeat;
					float: left;
					border: none;
					font-size: 1.1em;
					margin: 8px 0 0 0;
					padding: 8px;
					}
					@media screen and (-webkit-min-device-pixel-ratio:0)
					{
						#searchbar #txt-query { padding: 1px 8px; }
					}
					
				#searchbar #btn-search {
					display: block;
					width: 16px;
					height: 16px;
					margin: 10px 0 0 0;
					line-height: 25px;
					position: absolute;
					top: 5px;
					right: 20px;
					background: white url('../img/btn-search.png') center no-repeat;
					border: none;
					text-indent: -9000px;
					}
					
/*************************************************
	HEADER
*************************************************/
	#header {
		width: 1020px;
		height: 250px;
		position: relative;
		z-index: 9;
		}
		#logo a {
			width: 300px;
			height: 200px;
			background: transparent url('../img/logo.png') top center no-repeat;
			position: absolute;
			top: 40px;
			left: 40px;
			z-index: 5;
			line-height: 160px;
			text-align: center;
			font-size: 1.8em;
			text-indent: -9000px;
			}
		#banner {
			width: 1020px;
			height: 250px;
			position: absolute;
			top: 0;
			left: 0;
			background: transparent url('../img/banner-cheetah.jpg') top center no-repeat;
			z-index: 3;
			}
			
		#awards {
			height: 140px;
			position: absolute;
			right: -10px;
			top: 40px;
			width: 170px;
			z-index: 9999;
			}
			
			#awards a {
				background: url(../img/banner-golden-spider-2010.png) no-repeat;
				display: block;
				height: 140px;
				text-decoration: none;
				text-indent: -90000px;
				width: 170px;
				}

/*************************************************
		NAVIGATION
*************************************************/	
		#navigation {
			width: 1020px;
			background: transparent url('../img/bg-nav.png') top center no-repeat;
			height: 75px;
			position: relative;
			top: 238px;
			z-index: 10;
			}
			
			#navigation ul { margin: 0 0 0 40px; padding: 20px 0 0; height: 55px; }
			#navigation ul li { display: inline; height: 35px; }
			#navigation ul li a {
				display: block;
				padding: 0;
				float: left;
				height: 32px;
				line-height: 32px;
				text-align: center;
				font-size: 1.2em;
				color: #f8e384;
				text-decoration: none;
				text-transform: uppercase;
				text-indent: -9000px;
				}
				
				#vi a { width: 172px; background: url('../img/navigation.png') 0 0 no-repeat; }
				#an a { width: 80px; background: url('../img/navigation.png') -172px 0 no-repeat; }
				#au a { width: 87px; background: url('../img/navigation.png') -252px 0 no-repeat; }
				#ma a { width: 193px; background: url('../img/navigation.png') -339px 0 no-repeat; }
				#co a { width: 124px; background: url('../img/navigation.png') -532px 0 no-repeat; }
				#ki a { width: 51px; background: url('../img/navigation.png') -656px 0 no-repeat; }
				#ed a { width: 98px; background: url('../img/navigation.png') -707px 0 no-repeat; }
				#mc a { width: 132px; background: url('../img/navigation.png') -805px 0 no-repeat; }
				
				#vi a:hover { background: url('../img/navigation.png') 0 -32px no-repeat; }
				#an a:hover { background: url('../img/navigation.png') -172px -32px no-repeat; }
				#au a:hover { background: url('../img/navigation.png') -252px -32px no-repeat; }
				#ma a:hover { background: url('../img/navigation.png') -339px -32px no-repeat; }
				#co a:hover { background: url('../img/navigation.png') -532px -32px no-repeat; }
				#ki a:hover { background: url('../img/navigation.png') -656px -32px no-repeat; }
				#ed a:hover { background: url('../img/navigation.png') -707px -32px no-repeat; }
				#mc a:hover { background: url('../img/navigation.png') -805px -32px no-repeat; }
				
				#vi a.current, #vi a.current:hover { background: url('../img/navigation.png') 0 -64px no-repeat; }
				#an a.current, #an a.current:hover { background: url('../img/navigation.png') -172px -64px no-repeat; }
				#au a.current, #au a.current:hover { background: url('../img/navigation.png') -252px -64px no-repeat; }
				#ma a.current, #ma a.current:hover { background: url('../img/navigation.png') -339px -64px no-repeat; }
				#co a.current, #co a.current:hover { background: url('../img/navigation.png') -532px -64px no-repeat; }
				#ki a.current, #ki a.current:hover { background: url('../img/navigation.png') -656px -64px no-repeat; }
				#ed a.current, #ed a.current:hover { background: url('../img/navigation.png') -707px -64px no-repeat; }
				#mc a.current, #mc a.current:hover { background: url('../img/navigation.png') -805px -64px no-repeat; }
				
				#navigation ul li a:hover { color: #fff }
				#navigation ul li a.current, #navigation ul li a.current:hover { color: #fff }


/*************************************************
SUB HEADING
*************************************************/		
#sub-nav {
	width: 600px;
	height: 65px;
	background: transparent url('../img/bg-sub-nav.png') top center no-repeat;
	clear: both;
	}
	
	#sub-nav ul { margin: 0 0 0 15px; padding: 0; }
	#sub-nav ul li { display: inline; }
	#sub-nav ul li a {
		display: block;
		vertical-align: middle;
		padding: 0 8px;
		float: left;
		height: 70px;
		line-height: 70px;
		text-align: center;
		font-size: 0.9em;
		font-weight: bold;
		color: #353909;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
		}
		#sub-nav ul li a:hover { color: #6f7715; }
		#sub-nav ul li.here a, #sub-nav ul li.here a:hover { color: #fff }
	

/*************************************************
	CONTENT
*************************************************/
	#content-wrapper {
		width: 960px;
		background: transparent url('../img/bg-content-wrapper.jpg') top center repeat-y;
		padding: 30px 30px 30px;
		position: relative;
		z-index: 6;
		top: 40px;
		}
	#content {
		width: 960px;
		margin: 0 auto;
		}
		
/*************************************************
GENERIC CONTENT BODY STYLES
*************************************************/	
	#body {
		margin: 0 0 20px;
		}	
	#body h2, h3, h4, h5, h6 {
		color: #864f1b;
		}
		
		#body h2 { font-size: 2em; }
		#body h3 { font-size: 1.8em; margin: 15px 0 15px; }
		#body h4 { font-size: 1.6em; margin: 15px 0 15px; }
		#body h5 { font-size: 1.4em; margin: 15px 0 15px; }
		#body h6 { font-size: 1.2em; margin: -5px 0 15px; }
	
	#body ul, ol {
		margin: 0 0 0 15px;
		}
		#body li { font-size: 1.2em; padding: 2px 0; list-style: circle; }
		
	#body p {
		padding: 0 0 10px;
		}
		

/*****
HOMEPAGE
*****/
#content.homepage {
	background: url('../img/bg-homepage.jpg') center 60px no-repeat;
	}
	
#homepage {
	position: relative;
	}
	
.intro {
    width: 920px;
    }
    .intro h3 {
        color: #B9682F !important;
        font-size: 3em !important;
        }
    .intro h4 {
        color: #B9682F !important;
        font-size: 2em !important;
        font-weight: normal;
        margin: 0 0 10px;
        }

.intro .text {
    float: left;
    margin: 20px 0 20px 20px;
    width: 600px;
    }

.intro .links {
    float: left;
    margin: 75px 0 20px 50px;
    width: 200px;
    }
    .intro .links ul li a {
        display: block;
        font-size: 1.3em;
        padding: 0 0 5px;
        }

/*************************************************
	HEADER
*************************************************/
	#homepage h2 {
		position: absolute;
		top: 0;
		left: -33px;
		width: 950px;
		height: 75px;
		background: url('../img/hdr-homepage-text.png') no-repeat;
		color: #fff;
		padding: 0 0 0 75px;
		text-indent: -9000px;
		}
		
		#homepage h2 span#home-ribbon {
			display: block;
			width: 200px;
			margin: 0 50px 0 0;
			padding: 22px 0 0;
			float: right;
			text-indent: 0;
			font-size: 1em;
			}
			/* Target IE7 only */
			html>body #homepage h2 span#home-ribbon {
			*padding: 7px 0 0;
			}
			/* end */
		#homepage h2 a#home-login { display: block; font-size: 1.1em; color: #fff; text-decoration: none; text-align: right; }
			#homepage h2 a#home-login:hover { color: #cee8f2; }
		#homepage h2 #home-small { display: block; color: #f1e5d5; text-align: right; }
			#homepage h2 a { color: #f1e5d5; font-size: 0.9em; text-decoration: none; }
			#homepage h2 a:hover { color: #cee8f2; }
		
		
	#homepage #main {
		position: relative;
		top: 60px;
		}
		
		
/*************************************************
		FEATURED
*************************************************/
		#homepage #featured {
			height: 600px;
			}
			
			
/*************************************************
			PHOTOS
*************************************************/
			#homepage #featured #photos {
				margin: 20px 38px 0 38px;
				width: 830px;
				height: 380px;
				padding: 10px;
				background: url('../img/bg-home-gallery.jpg');
				}
				
				
/*************************************************
			CALLOUTS
*************************************************/
			#homepage #featured #callouts {
				width: 900px;
				padding: 0 20px;
				}
				
				#homepage #featured #callouts a {
					display: block;
					width: 290px;
					height: 200px;
					float: left;
					text-indent: -9000px;
					margin: 0;
					padding: 0;
					}
					
					#homepage #featured #callouts a#sign-our-guestbook {
						background: url('../img/callout-homepage-guestbook.png') no-repeat;
						}
						
					#homepage #featured #callouts a#register-for-updates {
						background: url('../img/callout-homepage-register.png') no-repeat;
						}
						
					#homepage #featured #callouts a#membership-signup {
						background: url('../img/callout-homepage-membership.png') no-repeat;
						margin: 0 0 0 10px;
						}
						
				
/*************************************************
		LATEST
*************************************************/
		#homepage #latest {
			width: 900px;
			margin: 30px 15px;
			}
			
			#homepage #latest .list {
				width: 290px;
				float: left;
				display: inline;
				margin: 0 15px 0 0;
				}
				
				#homepage #latest .list h3 {
					width: 290px;
					height: 40px;
					line-height: 40px;
					position: relative;
					font-size: 1.5em;
					color:#864F1B;
					font-family: Helvetica;
					text-transform: uppercase;
					background: url('../img/hr-brown.png') -10px bottom no-repeat;
					}
					#homepage #latest .list h3 .rss {
						display: block;
						width: 26px;
						height: 25px;
						position: absolute;
						top: 15px;
						right: 20px;
						text-indent: -9000px;
						background: url(../img/ico-rss-feed.png) no-repeat;
						}
					
					
					#homepage #latest .list ul {
						padding: 0 0 15px;
						background: url('../img/hr-brown.png') -10px bottom no-repeat;
						}
						#homepage #latest .list ul li {
							margin: 15px 0;
							}
							#homepage #latest .list ul li a.title {
								font: bold 1.4em 'Helvetica';
								color: #422109;
								margin: 0 0 2px;
								display: block;
								}
							#homepage #latest .list ul li span.date {
								font-size: 1.2em;
								color: #556b12;
								margin: 0 0 6px;
								display: block;
								}
							#homepage #latest .list ul li span.teaser {
								font: normal 1em 'Helvetica';
								color: #000;
								display: block;
								}
				
				#home-latest-news {}
					#home-latest-news h3 a.text {
						display: block;
						background: url('../img/hdr-homepage-latest-news.png') no-repeat;
						text-indent: -9000px;
						}
				#home-upcoming-events {}
					#home-upcoming-events h3 a.text {
						display: block;
						background: url('../img/hdr-homepage-upcoming-events.png') no-repeat;
						text-indent: -9000px;
						}
				#home-guestbook-comments { margin: 0 !important; }
					#home-guestbook-comments h3 a.text {
						display: block;
						background: url('../img/hdr-homepage-guestbook-comments.png') no-repeat;
						text-indent: -9000px;
						}
				
						
					/* Target IE7 only */
					html>body #home-guestbook-comments, html>body #home-latest-news, html>body #home-upcoming-events {
						width: 280px !important;
					}
					/* end */
			
/*************************************************
		MAIN CONTENT
*************************************************/
		#interior .breadcrumb {
			margin: 5px 0 5px 30px;
			}
			
		#interior h2 {
			color:#864F1B;
			font-size: 3em;
			font-family: Helvetica;
			margin: 20px 0 0 30px;
			text-transform: uppercase;
			}
		#body {
			width: 560px;
			padding: 0 20px;
			position: relative;
			clear: both;
			}
			
		#main {
			width: 600px;
			float: left;
			display: inline;
			font: normal 1.1em 'Georgia', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
			padding: 15px 15px;
			}
			
			#main h2 {
				font: normal 1.8em 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
				padding: 20px 0 10px;
				color: #415a0c;
				text-transform: uppercase;
				}
				
			#main h3 {
				font: normal 1.5em 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
				padding: 10px 0;
				color: #415a0c;
				}
				
			#main .top-image { margin: 0; border: 2px solid #fff; }
			#main .left-image { margin: 5px 10px 5px 0; border: 2px solid #fff; float: left; }
			#main .right-image { margin: 5px 0 5px 10px; border: 2px solid #fff; float: right; }
				
		#content p {
			font-size: 1.2em;
			line-height: 1.7em;
			padding: 4px 0 11px;
			}
			
/*************************************************
	SOCIAL MEDIA ICONS
*************************************************/
	#social {
		width: 900px;
		height: 65px;
		margin: 25px 0 0 25px;
		padding: 25px 0;
		text-indent: -9000px;
		background: url('../img/bg-social.png') 0px 0px no-repeat;
		clear: both;
		}
		
		#social.home {
			margin: 0 !important;
			}
		
		#social a {
			width: 130px;
			height: 50px;
			margin: 0 50px 0 10px;
			display: block;
			float: left;
			}
			#bebo 		{ background: url('../img/social-btn-bebo.png') no-repeat; }
			#youtube	{ background: url('../img/social-btn-youtube.png') no-repeat; }
			#twitter 	{ background: url('../img/social-btn-twitter.png') no-repeat; }
			#flickr		{ background: url('../img/social-btn-flickr.png') no-repeat; }
			#facebook	{ background: url('../img/social-btn-facebook.png') no-repeat; margin: 0 0 0 10px !important; }
			
			html>body #facebook { width: 120px !important;}
			html>body #social a { width: 120px !important;}
	
	
/*************************************************
	FOOTER
*************************************************/
	#footer {
		width: 1020px;
		height: 180px;
		position: relative;
		top: 40px;
		background: transparent url('../img/bg-footer.jpg') bottom center no-repeat;
		}
		
		.copyright {
			position: absolute;
			bottom: 80px;
			left: 70px;
			font-size: 1.2em;
			}
			
		.credits {
			position: absolute;
			bottom: 80px;
			right: 70px;
			font-size: 1.2em;
			}
			
		.extras {
			width: 220px;
			position: absolute;
			bottom: 80px;
			left: 410px;
			font-size: 1.2em;
			}
			
		.disclosure {
			margin: 0 100px;
			padding: 20px 0 0;
			text-align: center;
			font-size: 1.1em;
			color: #4A2E0E;
			}

/*************************************************
		MAIN CONTENT: ANIMALS
*************************************************/
	#animals {
		width: 880px;
		clear: both;
		}
		/* Target IE7 only */
		html>body #animals {
		*min-height: 670px;
		}
		/* end */
	
	/*****************
	ANIMAL LIST VIEW
	*****************/
	#animal-list {
		width: 880px;
		float: none;
		clear: both;
		min-height: 0;
		}
		
		#animal-list_wrapper {
			width: 880px;
			height: 100px;
			padding: 20px 0 0;
			background: transparent;
			clear: both;
			font-weight: bold;
			min-width: 0;
			min-height: 0;
			}
		
		#animal-list .bold { font-weight: bold; }
		#animal-list .center { text-align: center; }
		
		#animal-list thead { background: #EABA79; }
			
			#animal-list thead tr th {
				padding: 10px 0 10px 25px;
				text-align: left;
				display: table-cell;
				vertical-align: middle;
				}
				#animal-list_wrapper thead tr th {
				color: #000;
				}
				
		#animal-list tbody {
			
			}
			
			#animal-list tbody tr td {
				padding: 5px;
				height: 40px;
				text-align: left;
				border-bottom: 1px solid #EABA79;
				display: table-cell;
				vertical-align: middle;
				}
		
		#animal-list ul li {
			list-style: none !important;
			font-size: 1em !important;
			}
		/* ANIMAL LIST FIELD CLASSES */		
		#animal-list .image {
			width: 35px;
			}
			#animal-list .image img {
				width: 35px;
				height: 35px;
				margin: 0 auto;
				line-height: 35px;
				display: table-cell;
				vertical-align: middle;
				border: 1px solid #EABA79;
				}
			
		#animal-list .name {
			width: 230px;
			}
			#animal-list .name a { color: #000; }
			
		#animal-list .biome {
			width: 85px;
			}
			
		#animal-list .family {
			width: 70px;
			}
			
		#animal-list .status {
			width: 90px;
			}
			
			
		/*****************
		ANIMAL GRID VIEW
		*****************/
		#animal-grid {
			display: none;
			}
			
			.animal-panel {
				float: left;
				display: inline;
				background: transparent url('../img/bg-paper-panel.png') top left no-repeat;
				width: 100px;
				height: 140px;
				margin: 10px;
				padding: 10px 10px 10px;
				}
				
				.animal-panel a {
					text-align: center;
					text-decoration: none;
					}
				
				.animal-panel a img {
					width: 85px;
					display: block;
					padding: 0;
					border: 1px solid #fff;
					margin: 0 0 5px;
					}
					
				.animal-panel a span {
					display: block;
					width: 80px;
					font-size: 1.1em;
					color: #000;
					text-decoration: none;
					}
					
				.animal-panel a em {
					display: none;
					}
			
			
		/*****************
		ANIMAL SINGLE VIEW
		*****************/
		.animal {
			width: 530px;
			margin: 0 0 0 10px;
			}	
		#animal-view {
			width: 550px;
			height: 300px;
			background: url('../img/bg-guestbook.png') bottom center repeat-y;
			margin: 5px 0 0;
			padding: 0;
			}
			#animal-view .animal-title {
				width: 540px;
				height: 65px;
				padding: 10px 0 0 26px;
				background: url('../img/hdr-guestbook.png') bottom center no-repeat;
				font-size: 2em;
				color: #fff;
				margin: 0 0 0 -6px;
				}
				#animal-view .animal-title span {
					font-size: 0.7em;
					color: #e2f0f5;
					display: block;
					}
				#animal-view .animal-title .charcounter {
					display: block;
					margin: 50px 0 0 15px;
					font-size: 0.5em;
					}			
			.animal-left {
				width: 290px;
				margin: 0 20px 20px 30px;
				float: left;
				}
				.animal-left p {
					color: #8b6333;
					padding: 2px 0 6px !important;
					}
					.animal-left p span { color: #513514; }
					.animal-left p span ul li { font-size: 1em !important; }
			.animal-right {
				width: 170px;
				float: left;
				margin: 0 20px 20px 0;
				}
				.animal-right .photo { border: 3px solid #fff; }
				
			.btn-adopt-this-animal {
				clear: both;
				float: right;
				margin: 10px 0 0 0;
				width: 150px;
				height: 30px;
				border: none;
				text-indent: -9000px;
				cursor: pointer;
				background: url('../img/btn-adopt-this-animal.png') no-repeat;
				position: absolute;
				top: 6px;
				right: 45px;
				}
				
		/*****************
		ANIMAL VIEW CHOOSE
		*****************/
		#dyn-view-options-top {
			position: absolute;
			top: -50px;
			right: 0px;
			color: #000;
			width: -270px;
			}
			
			#dyn-view-options-top a, #dyn-view-options-bottom a {
				color: #000;
				display: block;
				width: 80px;
				height: 33px;
				line-height: 33px;
				float: left;
				margin: 0;
				padding: 0 10px 0 35px;
				text-decoration: none;
				}
				#dyn-view-options-top a:hover {  }				
				#dyn-view-options-top a.active {  }
				
				#dyn-list-view {
					background: url('../img/ico-list-view.png') 10px 9px no-repeat;
					}
					
				#dyn-grid-view {
					background: url('../img/ico-grid-view.png') 10px 9px no-repeat;
					}	
			
/*************************************************
		MAIN CONTENT: NEWS/EVENTS ENTRIES
*************************************************/
		.entry-group {
			margin: 50px 0 10px;
			position: relative;
			}
			
			.entry-group h6 {
				position: absolute;
				top: -36px;
				left: -2px;
				padding: 10px;
				border-bottom: 2px solid #B5763B;
				}
				
			.entry-group .entry {
				padding: 10px;
				margin: 10px;
				border: none;
				}
				
				.entry-group .entry .read-more a { margin: 0 0 0 -12px; }
			
		.entry {
			margin: 20px 0;
			padding: 0 0 20px;
			border-bottom: 1px solid #EABA79;
			}
			
			.entry h4 {
				font-size: 1.5em;
				color: #415a0c;
				}
				
			.entry .read-more a {
				display: block;
				width: 100px;
				padding: 10px 0 10px 10px;
				background: url('../js/datatable/images/forward_disabled.png') center right no-repeat;
				color: #000;
				text-decoration: none;
				}
				.entry .read-more a:hover { background: url('../js/datatable/images/forward_enabled.png') center right no-repeat; }
				
			.entry a.read-more {
				font-size: 1.3em;
				}
			
				
/*************************************************
		MAIN CONTENT: REGISTER FORMS
*************************************************/
		.register {
			width: 560px;
			clear: both;
			}
			
			.newsletter, .smsmessages {
				width: 255px;
				float: left;
				display: inline;
				padding: 10px;
				}
				
				.newsletter h4, .smsmessages h4 {
					width: 220px;
					height: 45px;
					font-size: 1.4em !important;
					color: #fff;
					margin: 0 !important;
					padding: 25px 20px 10px 25px;
					}
					.newsletter h4 { background: url('../img/bg-blue-stitched.png') no-repeat; }
					.smsmessages h4 { background: url('../img/bg-green-stitched.png') no-repeat; }
					
				.newsletter label, .smsmessages label {
					width: 70px;
					text-align: left;
					color: #864f1b;
					font-size: 1.2em;
					font-family: Georgia;
					float: left;
					height: 25px;
					line-height: 25px;
					display: block;
					}
					
				.newsletter .textbox, .smsmessages .textbox {
					width: 170px;
					float: left;
					font-size: 1.1em;
					margin: 1px 0;
					padding: 6px 4px;
					font-family: Georgia;
					background: #fdf6e6;
					border: 1px solid #EABA79;
					border-top: 1px solid #EABA79;
					border-left: 1px solid #EABA79;
					color: #222;
					}
				
/*************************************************
		MAIN CONTENT: LATEST BOXES
*************************************************/				
		.latest {
			width: 580px;
			clear: both;
			padding: 20px 0 0;
			}
			
			.latest-content {
				width: 240px;
				height: 265px;
				clear: both;
				margin: 0 8px;
				}
				
				.latest-content a { width: 70px; float: left; display: inline; margin: 0 0 4px 8px; }
				.latest-content a img {
					border: 2px solid #fff;
					display: block;
					}
				
			.gallery, .twitter {
				width: 240px;
				float: left;
				display: inline;
				margin: 0 30px 20px 10px;
				}
				
			.guestbook, .flickr {
				width: 240px;
				float: left;
				display: inline;
				margin: 0 10px 20px 30px;
				} 
			
			.gallery h5 a, .guestbook h5 a, .twitter h5 a, .flickr h5 a {
				width: 240px;
				height: 50px;
				padding: 10px;
				text-indent: -9000px;
				display: block;
				}
				
				.gallery h5 a { background: url('../img/hdr-latest-gallery.png') no-repeat; }
				.guestbook h5 a { background: url('../img/hdr-guestbook-comments.png') no-repeat; }
				.twitter h5 a { background: url('../img/hdr-latest-tweets.png') no-repeat; }
				.flickr h5 a { background: url('../img/hdr-flickr-photos-green.png') no-repeat; }
				
			.latest-content p { clear: both; padding: 0; width: 210px; font-size: 0.8em !important; }
			.latest-content p.view a {
				display: block;
				background: #F9A504;
				color: #fff;
				padding: 3px 10px;
				width: 100%;
				font-size: 1em;
				font-family: 'Arial';
				text-transform: uppercase !important;
				}
			.latest-content p.view a:hover { background: #F59508; color: #fff; }
				
				.tweet {
					width: 230px;
					min-height: 0;
					display: block;
					margin: 0 0 5px 8px;
					padding: 5px 0 10px !important;
					border-bottom: 1px solid #B5763B;
					}
					
					/* Target IE7 only */
					html>body .tweet {
					*height: 40px;
					}
					/* end */
						
					.tweet .status {
						margin: 0;
						}

				
/*************************************************
		MAIN CONTENT: PROFILE
*************************************************/	
		.profile {
			
			}
			
			.profile .avatar {
				min-width: 100px;
				min-height: 100px;
				background: #fff;
				float: right;
				border: 2px solid #B5763B;
				text-align: center;
				}
				.profile .avatar img {
					display: block;
					margin: 0;
					padding: 0;
					}
			
			.profile fieldset {
				width: 520px;
				padding: 20px;
				}
				
				.profile fieldset h4 {
					font-size: 1.4em;
					margin: 0 0 10px;
					padding: 0 0 10px;
					border-bottom: 2px solid #B5763B;
					}
				
			.profile .fieldgroup {
				width: 500px;
				margin: 0 0 4px;
				clear: both;
				}
				
				.profile .fieldgroup label {
					width: 180px;
					text-align: left;
					color: #222;
					font-size: 1.2em;
					font-family: Georgia;
					float: left;
					height: 28px;
					line-height: 28px;
					margin: 1px 0;
					padding: 0 10px 0 0;
					display: block;
					text-align: right;
					}
					
				.profile .fieldgroup .data {
					width: 300px;
					text-align: left;
					color: #222;
					font-size: 1.2em;
					font-family: Georgia;
					float: left;
					height: 28px;
					line-height: 28px;
					margin: 1px 0;
					padding: 0 10px 0 0;
					display: block;
					text-align: left;
					}
					
				.profile .fieldgroup .textbox {
					width: 300px;
					font-size: 1.1em;
					margin: 1px 0;
					padding: 6px 4px;
					font-family: Georgia;
					background: #fff;
					border: 1px solid #EABA79;
					border-top: 1px solid #EABA79;
					border-left: 1px solid #EABA79;
					color: #222;
					float: left;
					}
					
				.profile .fieldgroup .checkbox {
					float: left;
					}
				
/*************************************************
		MAIN CONTENT: CONTACT US
*************************************************/	
			.contact fieldset {
				width: 520px;
				padding: 20px;
				}
				
				.contact fieldset h4 {
					font-size: 1.4em;
					margin: 0 0 10px;
					padding: 0 0 10px;
					border-bottom: 2px solid #B5763B;
					}
				
			.contact .field {
				width: 500px;
				margin: 0 0 4px;
				clear: both;
				}
				
				.contact .field label {
					width: 100px;
					text-align: left;
					color: #222;
					font-size: 1.2em;
					font-family: Georgia;
					float: left;
					height: 28px;
					line-height: 28px;
					margin: 1px 0;
					padding: 0 10px 0 0;
					display: block;
					}
					
				.contact .field .data {
					width: 300px;
					text-align: left;
					color: #222;
					font-size: 1.2em;
					font-family: Georgia;
					float: left;
					height: 28px;
					line-height: 28px;
					margin: 1px 0;
					padding: 0 10px 0 0;
					display: block;
					text-align: left;
					}
					
				.contact .field .textbox {
					width: 300px;
					font-size: 1.1em;
					margin: 1px 0;
					padding: 6px 4px;
					font-family: Georgia;
					background: #fff;
					border: 1px solid #EABA79;
					border-top: 1px solid #EABA79;
					border-left: 1px solid #EABA79;
					color: #222;
					float: left;
					}
				
				.contact .field textarea {
					width: 300px;
					font-size: 1.1em;
					margin: 1px 0;
					padding: 6px 4px;
					font-family: Georgia;
					background: #fff;
					border: 1px solid #EABA79;
					border-top: 1px solid #EABA79;
					border-left: 1px solid #EABA79;
					color: #222;
					float: left;
					}
					
				.contact .fieldgroup .checkbox {
					float: left;
					}
					
				.contact .send-btn { float: right; margin-right: 100px; }
				
				.back-btn {
					display: block;
					margin: 10px 10px 20px 20px;
					width: 70px;
					height: 30px;
					background: url('../img/btn-back.png') no-repeat;
					text-indent: -9000px;
					}
				
/*************************************************
		MAIN CONTENT: GUESTBOOK
*************************************************/				
		.guestbook-sign {
			width: 185px;
			height: 40px;
			display: block;
			background: transparent url('../img/btn-guestbook-sign.png') no-repeat;
			text-indent: -9000px;
			position: absolute;
			top: -50px;
			right: 30px;
			}
			
		.guestbook-sign-below {
			width: 185px;
			height: 40px;
			display: block;
			background: transparent url('../img/btn-guestbook-sign.png') no-repeat;
			text-indent: -9000px;
			float: left;
			margin: 6px;
			}
			
		#guestbook-latest {
			width: 550px;
			height: 500px;
			background: url('../img/bg-guestbook.png') -12px 0px repeat-y;
			margin: 0;
			padding: 0;
			}
			#guestbook .guestbook-subject {
				width: 540px;
				height: 59px;
				padding: 21px 0 0 20px;
				background: url('../img/hdr-guestbook.png') no-repeat;
				font-size: 2em;
				color: #fff;
				margin: 0 0 0 -11px;
				}
				#guestbook .guestbook-subject .charcounter {
					display: block;
					margin: 50px 0 0 15px;
					font-size: 0.5em;
					}
				
			
			.guestbook-latest-left {
				width: 300px;
				height: 300px;
				margin: 20px;
				float: left;
				}
			.guestbook-latest-right {
				width: 170px;
				height: 300px;
				float: left;
				margin: 20px 20px 20px 0;
				}
			
		#guestbook .entry {
			font-size: 1.2em;
			color: #6c4920;
			border: none;
			margin: 0;
			padding: 0 0 10px;
			}
			
		#guestbook .signature {
			color: #4a2e0e;
			font-size: 1.3em;
			font-style: italic;
			margin: 10px 0;
			padding: 10px 0;
			}
			
		#guestbook .photo {
			border: 2px solid #fff;
			}
							
		#guestbook .visit-meta {
			color: #4a2e0e;
			font-size: 1.4em;
			font-style: italic;
			border-left: 1px solid #d39e74;
			margin: 10px 0;
			padding: 0 0 0 10px;
			}
			#guestbook .visit-meta div {
				margin: 0 0 10px;
				}
			#guestbook .date, #guestbook .names {
				color: #8e6739;
				display: block;
				}
				
			#guestbook .visit-who-label .names {
				overflow: auto;
				width: 180px;
				height: 120px;
				}				
				
		/*****
		GUESTBOOK FORM
		*****/
		#guestbook label.title {
			color: #fff;
			display: block;
			float: left;
			width: 120px;
			margin: 0;
			padding: 0;
			}
		#guestbook input#title {
			width: 400px;
			font-size: 1em;
			padding: 2px;
			color: #fff;
			border: none;
			background: transparent;
			border-bottom: 2px solid #91d7f2;
			float: left;
			}
			
		#guestbook label {
			display: block;
			font-size: 1.1em;
			padding: 5px 0;
			font-weight: bold;
			color: #5b3c18;
			}
			#guestbook label span {
				font-size: 0.8em;
				padding: 0 0 0 10px;
				font-weight: normal;
				color: #8e6739;
				}
			#guestbook .charcounter {
				font-weight: normal;
				color: #8e6739;
				}
			
		#guestbook .textbox {
			width: 270px;
			padding: 4px;
			border: none;
			background: #fff;
			font-size: 1.1em;
			color: #6c4920;
			font-family: 'Georgia', sans-serif;
			border: 1px solid #d39e74;
			}
			
		#guestbook textarea {
			width: 270px;
			height: 120px;
			padding: 4px;
			border: none;
			background: #fff;
			font-size: 1.1em;
			color: #6c4920;
			font-family: 'Georgia', sans-serif;
			border: 1px solid #d39e74;
			}
			
			#guestbook textarea#field_id_33 {
				height: 50px;
				}
				
		#guestbook .ngen-file-input {
			font-size: 0.8em;
			}
			.ngen-file-choose-existing { display: none; }
			
			.help {
				font-size: 1em !important;
				padding: 10px 0 0;
				font-weight: normal;
				color: #8e6739;
				}
			
			
		#btn-save-guestbook-comment {
			clear: both;
			float: right;
			margin: 10px 40px 0 0;
			width: 150px;
			height: 30px;
			border: none;
			text-indent: -9000px;
			cursor: pointer;
			background: url('../img/btn-sign-guestbook-submit.png') no-repeat;
			}
			
		/*****
		GUESTBOOK RECENT
		*****/
		#guestbook {
			margin: 0 0 20px;
			}
			
		#guestbook-recent h3 {
			width: 540px;
			color: #875a3e;
			font-size: 1.6em;
			border-bottom: 2px solid #e7cea2;
			margin: 10px 0;
			padding: 0 0 10px;
			font-family: 'Georgia', sans-serif;
			}
			
			#guestbook .btn-view-comments {
				display: block;
				margin: 10px 10px 0 0;
				width: 150px;
				height: 30px;
				background: url('../img/btn-view-all-comments.png') no-repeat;
				text-indent: -9000px;
				float: left;
				}
				
			#guestbook .btn-guestbook-overview {
				display: block;
				margin: 10px 0;
				width: 150px;
				height: 30px;
				background: url('../img/btn-guestbook-overview.png') no-repeat;
				text-indent: -9000px;
				}
			
			#guestbook-recent-comments .comment {
				width: 540px;
				padding: 5px 0;
				border-bottom: 1px solid #e7cea2;
				}
				
				#guestbook-recent-comments .comment .comment-image {
					width: 70px;
					float: left;
					display: inline;
					}
					#guestbook-recent-comments .comment .comment-image img { border: 2px solid #fff; }
				
				#guestbook-recent-comments .comment .comment-title {
					width: 400px;
					float: left;
					display: inline;
					}
					#guestbook-recent-comments .comment .comment-title h5 { color: #ad905e; font-size: 1.4em; margin: 0; }
					#guestbook-recent-comments .comment .comment-title span.date { color: #927646; text-transform: uppercase; font-size: 0.9em; }
				
				#guestbook-recent-comments .comment .comment-view {
					width: 70px;
					float: left;
					display: inline;
					padding: 10px 0 0;
					}
					#guestbook-recent-comments .comment .comment-view .guestbook-view {
						display: block;
						width: 70px;
						height: 40px;
						background: url('../img/btn-view.png') no-repeat;
						text-indent: -9000px;
						}
						
/*************************************************
		MAIN CONTENT: COMMENTS
*************************************************/
		#comments {
			margin: 0 0 20px;
			padding: 0 0 20px;
			border-bottom: 1px solid #EABA79;
			}
			
			#comments .no-results {
				margin: 0 0 0 30px;
				}
			
			.comment {
				margin: 10px 0 10px 10px;
				padding: 20px;
				width: 500px;
				}
				.comment .cEntry {
					}
					
					.comment .cEntry .cEntryTop {
						width: 500px;
						height: 20px;
						background: url('../img/comment-top.png') no-repeat;
						}
						
					.comment .cEntry .cEntryMid {
						width: 470px;
						padding: 0 15px;
						background: url('../img/comment-mid.png') repeat-y;
						}
						
					.comment .cEntry .cEntryBot {
						width: 420px;
						height: 40px;
						padding: 20px 80px 0 0;
						background: url('../img/comment-bot.png') no-repeat;
						font-size: 1.1em;
						text-align: right;
						}
						
						.comment .cEntry .cEnrtyBot .date { color: #6f971a; }
			
/*************************************************
		MAIN CONTENT: COMMENT FORM
*************************************************/
		#comments-form {
			margin: 0 0 20px 20px;
			border-bottom: 1px solid #EABA79;
			}
				
			#comments-form fieldset {
				width: 530px;
				padding: 20px;
				}
				
				#comments-form fieldset h4 {
					font-size: 1.4em;
					margin: 0 0 10px;
					padding: 0 0 10px;
					border-bottom: 2px solid #B5763B;
					}
				
			#comments-form .field {
				width: 530px;
				margin: 0 0 4px;
				clear: both;
				}
				
				#comments-form .field label {
					width: 100px;
					text-align: left;
					color: #222;
					font-size: 1.2em;
					font-family: Georgia;
					float: left;
					height: 28px;
					line-height: 28px;
					margin: 1px 0;
					padding: 0 10px 0 0;
					display: block;
					}
					
				#comments-form .field .data {
					width: 400px;
					text-align: left;
					color: #222;
					font-size: 1.2em;
					font-family: Georgia;
					float: left;
					height: 28px;
					line-height: 28px;
					margin: 1px 0;
					padding: 0 10px 0 0;
					display: block;
					text-align: left;
					}
					
				#comments-form .field .textbox {
					width: 400px;
					font-size: 1.1em;
					margin: 1px 0;
					padding: 6px 4px;
					font-family: Georgia;
					background: #fff;
					border: 1px solid #EABA79;
					border-top: 1px solid #EABA79;
					border-left: 1px solid #EABA79;
					color: #222;
					float: left;
					}
				
				#comments-form .field textarea {
					width: 400px;
					font-size: 1.1em;
					margin: 1px 0;
					padding: 6px 4px;
					font-family: Georgia;
					background: #fff;
					border: 1px solid #EABA79;
					border-top: 1px solid #EABA79;
					border-left: 1px solid #EABA79;
					color: #222;
					float: left;
					}
					
				#comments-form .fieldgroup .checkbox {
					float: left;
					}
					
				#comments-form .send-btn { float: right; margin-right: 10px; }
				
				.back-btn {
					display: block;
					margin: 10px 10px 20px 20px;
					width: 70px;
					height: 30px;
					background: url('../img/btn-back.png') no-repeat;
					text-indent: -9000px;
					}
						


/*************************************************
		MAIN CONTENT: KIDS
*************************************************/
		#kids {
			width: 960px;
			margin: 40px 20px 0;
			}
			
			#kids h3 {
				font-size: 1.4em;
				margin: 5px 0 15px;
				color: green;
				}
			
			.kids-link {
				width: 310px;
				height: 240px;
				float: left;
				display: block;
				text-indent: -9000px;
				margin: 10px 0;
				}
				
				#ask-larry		{ background: url('../img/kids-ask-larry.gif') no-repeat; }
				#fun-games		{ background: url('../img/kids-fun-games.gif') no-repeat; }
				#babies-gallery	{ background: url('../img/kids-babies-gallery.gif') no-repeat; }
				#events-diary	{ background: url('../img/kids-events-diary.gif') no-repeat; }
				#art-gallery	{ background: url('../img/kids-art-gallery.gif') no-repeat; }
				#fun-facts 		{ background: url('../img/kids-fun-facts.gif') no-repeat; }
				#birthdays 		{ background: url('../img/kids-birthdays.gif') no-repeat; }
/*************************************************
SIDE
*************************************************/
#side {
	width: 320px;
	float: left;
	display: inline;
	}
	
	#quick-links {
		margin: -40px 0 0;
    	width: 220px;
    	}
		#quick-links h3 {
    		font-size: 2em;
    		margin: 0 0 10px;
    		}
    	#quick-links li a {
        	display: block;
        	font-size: 1.3em;
        	padding: 2px 0 8px;
        	}
	
	/*****
	SIDE BOX
	*****/
	.side-box {
		margin: 0;
		position: relative;
		min-height: 80px;
		}
		
	/*****
	SIDE BOX HEADER
	*****/
	.side-box h3 {
		position: absolute;
		top: 0;
		right: -43px;
		
		width: 335px !important;
		height: 80px !important;
		margin: 15px 0 30px !important;
		padding: 0 20px !important;
		
		color: #fff !important;
		border: none !important;
		text-indent: -9000px;
		}
		
		.side-box .side-box-content {
		    clear: both;
		    padding: 90px 0 0;
		    min-height:0;
		    }
		    * html .side-box .side-box-content {height:1%}
		
		/*****
		SIDEBOX TOGGLE LINK
		*****/
		.side-box h3 .toggle {
			position: absolute;
			top: 27px;
			left: 7px;
			display: block;
			width: 40px;
			height: 19px;
			}
			.side-box h3 .hide { background: url('../img/btn-side-toggle.png') 0 -19px no-repeat; }
			.side-box h3 .show { background: url('../img/btn-side-toggle.png') 0 0 no-repeat !important; }
		
		/*****
		SIDEBOX LEFT SIDE (TITLE) [TEXT HIDDEN]
		*****/
		.side-box h3  .left {
			float: left;
			display: block;
			width: 200px;
			color: #fff;
			text-decoration: none;
			}
			
		/*****
		SIDEBOX RIGHT SIDE (LINK TO MORE|RSS LINK)
		*****/
		.side-box h3 .right {
			display: block;
			float: right;
			width: 105px;
			margin: 9px 0 0;
			font-weight: normal;
			}
			
			/*****
			SIDEBOX RIGHT LINK
			*****/
			.side-box h3  .right .link {
				display: block;
				width: 60px;
				float: left;
				text-decoration: none;
				text-align: left;
				color: #fff;
				text-transform: uppercase;
				font: normal 1.1em 'Arial', sans-serif;
				border-right: 1px solid #fff;
				margin: 22px 0 0;
				padding: 0;
				text-indent: 0 !important;
				}
				.side-box h3 .right .link:hover { text-decoration: underline; }
			
			/*****
			SIDEBOX RIGHT RSS
			*****/
			.side-box h3 .right .rss {
				margin: 0 0 0 10px;
				width: 30px;
				height: 60px;
				float: left;
				background: url('../img/ico-rss-feed.png') 5px 15px no-repeat;
				text-decoration: none;
				color: #fff;
				text-indent: -9000px;
				}
				
			/*****
			SIDEBOX CONTENT
			*****/
			.side-box .side-box-content {
				clear: both;
				padding: 90px 0 0;
				}
				.side-box .side-box-body { display: block; }
		
				
/*************************************************
	Global Side Entry Styles
*************************************************/
			.meta {
				width: 280px;
				color: #037272;
				margin: 5px 0;
				}
				.meta .date {
					float: left;
					width: 120px;
					text-align: left;
					}
				.meta .category {
					float: right;
					width: 159px;
					text-align: right;
					}
			.title {
				width: 280px;
				color: #ff6600;
				font-size: 1.3em;
				text-decoration: none;
				margin: 5px 0;
				}
				

		
/*************************************************
MAIN CONTENT: SEARCH
*************************************************/
#search-results {
	margin: 0 0 20px;
	}
	
	#search-results .result-odd, #search-results .result-even {
		margin: 10px;
		}

				
/*************************************************
CALLOUTS
*************************************************/
#callouts h3 {
	background: url('../img/hdr-get-involved.png') no-repeat;
	}
				
	#callouts .side-box-content a {
		width: 160px;
		height: 105px;
		margin: 5px 0;
		display: block;
		float: left;
		}
		
		#callouts .side-box-content a img { }
		
		
/*************************************************
KIDS CALLOUTS
*************************************************/
#kids-callouts h3 {
	background: url('../img/hdr-kids-callouts.png') no-repeat;
	}
				
	#kids-callouts .side-box-content a {
		width: 160px;
		height: 105px;
		margin: 5px 0;
		display: block;
		float: left;
		}
		
		#kids-callouts .side-box-content a img { }


/*************************************************
MEMBER
*************************************************/
	#member h3 {
		background: url('../img/hdr-members-area.png') no-repeat;
		}
	
	#member .panel {
		padding: 10px;
		}
		
		#member a.icon {
			width: 260px;
			height: 34px;
			display: block;
			margin: 2px 1px;
			padding: 0 0 0 50px;
			font-size: 1em;
			text-transform: uppercase;
			color: #7e5320;
			text-decoration: none;
			text-align: left;
			line-height: 34px;
			}
			#member a.icon:hover { color: #fff; }
			#panel-view-profile { background: transparent url('../img/member-view-profile.png') no-repeat; }
			#panel-edit-profile { background: transparent url('../img/member-edit-profile.png') no-repeat; }
			#panel-avatar { background: transparent url('../img/member-edit-avatar.png') no-repeat; }
			#panel-guestbook { background: transparent url('../img/member-guestbook.png') no-repeat; }
			#panel-logout { background: transparent url('../img/member-logout.png') no-repeat; }
	
	#member form {
		padding: 10px 10px 0;
		}
		
	#user { margin: 20px 0 0; }
		
		#member form .field {
			width: 290px;
			margin: 0 0 4px;
			}
			
		#user .field { margin: 0 0 10px; }
			
			#member form .field label, #user .field label {
				width: 80px;
				text-align: left;
				color: #864f1b;
				font-size: 1.3em;
				font-family: Georgia;
				float: left;
				height: 25px;
				line-height: 25px;
				display: block;
				}
				#user .field label { width: 160px; }
				#user .field label span { display: block; margin: -10px 0 0; font-size: 0.8em; color: #8e6739; }
				
			#member form .field .textbox, #user .field .textbox {
				width: 190px;
				font-size: 1.1em;
				padding: 6px 4px;
				font-family: Georgia;
				background: #fdf6e6;
				border: 1px solid #fff2d5;
				border-top: 1px solid #b17838;
				border-left: 1px solid #b17838;
				color: #864f1b;
				float: right;
				}
				#user .field .textbox { width: 300px; margin: 1px 0 3px; }
				
			#member form .checkboxes, #user .checkboxes {
				margin: 10px 0;
				padding: 10px 0;
				border-top: 1px solid #b17838;
				border-bottom: 1px solid #b17838;
				}
				
				#user .checkbox {}
				
				#user.registration .checkbox { float: left; display: block; margin: 5px 20px 5px 120px; }
				#user .registration .terms { padding: 15px 0 0; display: block; float: left;}
				#user .register-links {
					margin: 10px 0;
					padding: 16px 0 10px;
					border-top: 1px solid #b17838;
					border-bottom: 1px solid #b17838;
					}
				
				
			#member form .login-btn, #user .login-btn {
				float: right;
				width: 115px;
				height: 30px;
				margin: 10px 0 0 0;
				padding: 0;
				border: none;
				cursor: pointer;
				background: url('../img/btn-member-login.png') top left no-repeat;
				}
				#member form .login-btn { margin: 5px 0 0; }
				
			#member form .register-btn, #user .register-btn {
				width: 100px;
				height: 30px;
				margin: 10px 0;
				border: none;
				cursor: pointer;
				background: url('../img/btn-member-register.png') no-repeat;
				}
			
			#user .retrieve-btn {
				width: 100px;
				height: 30px;
				margin: 10px 0;
				border: none;
				cursor: pointer;
				background: url('../img/btn-member-retrieve.png') no-repeat;
				}
			
			.save-btn {
				width: 70px;
				height: 30px;
				margin: 10px 0;
				border: none;
				cursor: pointer;
				background: url('../img/btn-save.png') no-repeat;
				float: right;
				}
				
			.send-btn {
				width: 70px;
				height: 30px;
				margin: 10px 0;
				border: none;
				cursor: pointer;
				background: url('../img/btn-send.png') no-repeat;
				}
				
			.member-alt-links {
				margin: 15px 0 0;
				display: block;
				float: left;
				}
/*************************************************
CALENDAR
*************************************************/
#calendar {
	clear: both;
	}
	
#calendar h3 {
	background: url('../img/hdr-upcoming-events.png') no-repeat;
	}

#calendar .head {
	width: 300px;
	color: #875a3e;
	font: bold 1.5em 'Georgia', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	border-bottom: 1px dotted #999;
	padding: 8px 0;
	margin: 0 0 0 20px;
	}
	
#calendar .head .date {
	float: left;
	}
	
#calendar .head .buttons {
	float: right;
	width: 80px;
	}
	
#calendar .head span a {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	text-indent: -9000px;
	margin: 0 0 0 10px;
	}
	
	#calendar .head span a.previous { right: 45px; background: url('../img/btn-calendar-arrows.png') no-repeat 0 0; }
		#calendar .head span a.previous:hover { background: url('../img/btn-calendar-arrows.png') no-repeat 0 -19px; }
	#calendar .head span a.next { right: 10px; background: url('../img/btn-calendar-arrows.png') no-repeat -36px 0; }
		#calendar .head span a.next:hover { background: url('../img/btn-calendar-arrows.png') no-repeat -36px -19px; }

.calendarBG { width: 300px; height: 150px; margin: 0 0 0 20px; }

.calendarBlank {
	text-align:  center;
	vertical-align: middle;
	color: #847554;
	font-weight: bold;
	font-size: 0.9em;
	}

.calendarHeader { 
	font-weight: bold; 
	color: #fff; 
	text-align: center;
	}

.calendarDayHeading {
	height: 30px;
	width: 30px;
	font-weight: bold; 
	font-size: 0.9em;
	color: #666158; 
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	}
	
.calendarToday { 
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing:	.1em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-color: #ff6200;
	color: #fee8ae;
	}

#calendar table.calendarBG tbody tr.daterow td.calendarToday a, #calendar table.calendarBG tbody tr.daterow td.calendarCell a { display: block; color: #fee8ae; }

#calendar table.calendarBG tbody tr.daterow td {
	height: 30px;
	width: 30px;
	}
	
.calendarCell {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #4e9283;
	}
	
.calendarEntry {
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing:	.1em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background: transparent url('../img/bg-cal-entry.png') 11px 5px no-repeat;
	color: #fff;
	}
	.calendarEntry a { color: #fff; text-decoration: none; display: block; }
	
#calendar table.calendarBG tbody tr.daterow {
	border-top: 1px dotted #999;		
	}
	
#calendar table.calendarBG tbody tr.calendarHeader th {
	font-family: Georgia, Times, Serif;
	color: #bbb;
	font-size: 1.5em;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	}
	
div.month {
	padding: 1px 5px;	
	}
	
#calendar table.calendarBG tbody tr.calendarHeader th div.calendarMonthLinks a {
	color: #999;
	vertical-align: middle;
	padding: 4px 8px;
	text-decoration: none;
	}
	
/*************************************************
UPCOMING EVENTS
*************************************************/
#upcoming-events {
	clear: both;
	}
	
	#upcoming-events ul li a {
		display: block;
		width: 280px;
		margin: 5px 0;
		padding: 5px 0 5px 40px;
		text-decoration: none;
		border-bottom: 1px dotted #ff6600;
		background: url('../img/ico-event.png') 10px 10px no-repeat;
		}
		#upcoming-events ul li a:hover { border-bottom: 1px solid #ff6600; }
		
/*************************************************
LATEST NEWS
*************************************************/
#latest-news {
	clear: both;
	}
	
	#latest-news h3 {
		background: url('../img/hdr-latest-news.png') no-repeat;
		}
	
	#latest-news ul li a {
		display: block;
		width: 280px;
		margin: 5px 0;
		padding: 5px 0 5px 40px;
		text-decoration: none;
		border-bottom: 1px dotted #ff6600;
		background: url('../img/ico-news.png') 10px 5px no-repeat;
		}
		#latest-news ul li a:hover { border-bottom: 1px solid #ff6600; }
		
/*************************************************
PUBLIC PROFILE
*************************************************/
#profile {
	width: 550px;
	height: 300px;
	background: url('../img/bg-guestbook.png') bottom center repeat-y;
	margin: 5px 0 0;
	padding: 0;
	}
	
	#profile .profile-subject {
		width: 540px;
		height: 55px;
		padding: 21px 0 0 20px;
		background: url('../img/hdr-guestbook.png') bottom center no-repeat;
		font-size: 2em;
		color: #fff;
		margin: 0 0 0 -4px;
		}		
	
	.profile-left {
		width: 290px;
		height: 300px;
		margin: 10px 10px 10px 20px;
		float: left;
		padding: 0 0 0 10px;
		}
		.profile-left div, .profile-right div {
			font-size: 1.4em;
			padding: 5px 0;
			color: #a6763c;
			}
			.profile-left div span {
				float: right;
				color: #6e4719;
				}
	.profile-right {
		width: 170px;
		height: 300px;
		float: left;
		margin: 10px 20px 20px 20px;
		text-align: right;
		}
		
		.profile-right .avatar img {
			border: 2px solid #fff;
			display: block;
			margin: 5px 0;
			padding: 0;
			float: right;
			}
			
	.subscriptions { margin: 30px 0 0; }
		
/*****
Edit Avatar
*****/
table.avatar-edit label {	
	display: block;
	font-size: 1.1em;
	padding: 5px 0;
	margin: 0 20px 0 0;
	font-weight: bold;
	color: #5b3c18;
	}
	
table.avatar-edit img {
	border: 2px solid #fff;
	display: block;
	margin: 0;
	padding: 0;
	}	
	.btn-remove-avatar {
		width: 150px;
		height: 30px;
		border: none;
		margin: 10px 0;
		text-indent: -9000px;
		background: url('../img/btn-remove-avatar.png') no-repeat;
		}
	
	.btn-upload-avatar {
		width: 150px;
		height: 30px;
		border: none;
		margin: 10px 0;
		text-indent: -9000px;
		background: url('../img/btn-upload-avatar.png') no-repeat;
		}
		
/*****
KIDS
*****/
#question {
	width: 570px;
	height: 320px;
	background: url('../img/bg-ask-larry.png') no-repeat;
	}
	
	#question h3 { display: none; }
	
	#question form { width: 300px; padding: 120px 0 0 50px; }
	#question form label {
		text-align: left;
		color: #f8ec97;
		font-size: 1.2em;
		font-family: Georgia;
		height: 25px;
		line-height: 25px;
		display: block;
		font-weight: bold;
		}
	#question form textarea {
		display: block;
		width: 290px;
		height: 80px;
		border: 2px solid #fff;
		color: #7f7639;
		background: #f8ec97;
		font-size: 1.2em;
		margin: 1px 0;
		padding: 6px 4px;
		font-family: Georgia;
		}
		
	#question form .btn-ask-larry {
		clear: both;
		display: block;
		margin: 5px 0 0 0;
		width: 160px;
		height: 40px;
		border: none;
		text-indent: -9000px;
		cursor: pointer;
		background: url('../img/btn-ask-larry.png') no-repeat;
		}
		
#answers {
	margin: 20px 0 20px;
	}
	
	.answer {
		margin: 10px 20px 20px 0;
		padding: 0 0 20px;
		}
		.answer h4 {
			font-size: 1.4em;
			}
		.answer .date {
			margin: 0;
			float: right;
			color: green;
			}
	
/*****
MAP
*****/
.top { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 2px solid #B5763B; }
#map {
	border: 2px solid #fff;
	background: #fff;
	}
#map.small {
	float: right;
	width: 330px;
	}
.contact-details {
	float: left;
	width: 180px;
	}

	
/*****************************************************************************
3. scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
	.sIFR-active #interior.kids h2 {
		font-size: 3em;
		background: transparent;
    	visibility: hidden;
		}
		
	.sIFR-active #interior.kids h3.home-message {
		font-size: 2em;
		margin: 0 0 5px 30px;
		color: green;
		background: transparent;
    	visibility: hidden;
		}
		
	.sIFR-active #interior #body h4 {
		font-size: 1.6em;
		margin: 0;
		padding: 0;
		color: green;
		background: transparent;
    	visibility: hidden;
		}
		
	/*
.sIFR-active h3 {
		font-size: 1.6em;
		margin: 0;
    	visibility: hidden;
		}
		
	.sIFR-active h4 {
		font-size: 1.6em;
		margin: 0;
    	visibility: hidden;
		}
*/
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/********************
MEMBERSHIP & ADOPTION
********************/
.animal-active { background: transparent url('../img/bg-paper-panel-active.png') top left no-repeat; }

#membership-adoption-main {
	width: 920px;
	margin: 20px auto;
	}
	
	#membership-adoption-main h3 {
		padding: 10px 0 20px 20px;
		font-size: 1.4em;
		}
	
#membership-adoption-main {
	width: 675px;
	margin: 20px 0 0 15px;
	float: left;
	display: inline;
	}

/*************************************************
MEMBERSHIP SIDE 
**************/
#membership-side {
	margin: 20px 0 0;
	width: 205px;
	height: 520px;
	padding: 25px 25px 25px 20px;
	float: left;
	display: inline;
	background: url('../img/membership-side.png') -5px -5px no-repeat;
	}
	
	#membership-side h4 {
		width: 210px;
		text-indent: -9000px;
		}
		#membership-side h4.park 			{ height: 40px; background: url('../img/side-park-header.png') -20px -10px no-repeat; }
		#membership-side h4.conservation	{ height: 50px; background: url('../img/side-conservation-header.png') -20px -6px no-repeat; } 
		
	
	#membership-side .membership-side-body p {
		color: #fef1cc;
		font-size: 1.1em;
		line-height: 1.4em;
		}
		
#membership-adoption-side {
	width: 250px;
	float: left;
	}

#membership-adoption-side h3 {
	font-size: 1.6em;
	border-bottom: 1px solid #3DB3E0;
	color: #3DB3E0;
	text-transform: uppercase;
	margin: 10px 0;
	}
		
#membership-adoption-side #animal-grid {
	width: 235px;
	float: left;
	}
	
	#membership-adoption-side #animal-grid .animal-panel {
		width: auto !important;
		margin: 5px !important;
		}
		

#subscription-panes { width: 915px; margin: 20px; }

#subscription-panes .pane {
	width: 280px;
	height: 680px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
	background: url('../img/bg-pane.png') bottom center no-repeat;
	position: relative;
	}
	
	#subscription-panes .collapsed {
		height: 200px !important;
		}

/** PANE HEADER ***********************************************************************************/

	#subscription-panes .pane .pane-header {
		width: 300px;
		height: 80px;
		position: relative;
		}
		#subscription-panes .pane .pane-header h3 {
			width: 300px;
			height: 75px;
			text-indent: -9000px;
			position: absolute;
			top: -15px;
			left: -9px;
			}
		
		#subscription-panes #park.pane .pane-header h3 { background: url('../img/bnr-park-membership.png') no-repeat; }
		#subscription-panes #conservation.pane .pane-header h3 { background: url('../img/bnr-conservation-membership.png') no-repeat; }
		#subscription-panes #animal.pane .pane-header h3 { background: url('../img/bnr-adopt-an-animal.png') no-repeat; }

/** PANE BODY *************************************************************************************/
	.pane-body { padding: 5px 15px 15px; }
	.pane-body p {
		font-size: 1.1em !important;
		line-height: 1.6em !important;
		padding: 2px 0 7px !important;
		}


/** PANE BUTTONS **********************************************************************************/

	.pane-buttons { padding: 0 15px; position: absolute; bottom: 0; }
	.pane-buttons a {
		display: block;
		width: 250px;
		height: 40px;
		margin-bottom: 10px;
		text-indent: -9000px;
		}
		.sign-up { background: url('../img/btn-subscribe-now.png') 0 0 no-repeat; }
			.sign-up:hover { background: url('../img/btn-subscribe-now.png') 0 -40px no-repeat; }
		.subscribe-renew { background: url('../img/btn-subscribe-renew.png') 0 0 no-repeat; }
			.subscribe-renew:hover { background: url('../img/btn-subscribe-renew.png') 0 -40px no-repeat; }
		.sign-up-gift { background: url('../img/btn-buy-as-gift.png') no-repeat; }
			.sign-up-gift:hover { background: url('../img/btn-buy-as-gift.png') 0 -40px no-repeat; }
		.adopt { background: url('../img/btn-adopt-an-animal.png') no-repeat; }
			.adopt:hover { background: url('../img/btn-adopt-an-animal.png') 0 -40px no-repeat; }
		.adopt-gift { background: url('../img/btn-adopt-as-gift.png') no-repeat; }
			.adopt-gift:hover { background: url('../img/btn-adopt-as-gift.png') 0 -40px no-repeat; }
		.login-to-subscribe { background: url('../img/btn-login-to-subscribe.png') 0 0 no-repeat; }
			.login-to-subscribe:hover { background: url('../img/btn-login-to-subscribe.png') 0 -40px no-repeat; }
		.register { background: url('../img/btn-register.png') no-repeat; }
			.register:hover { background: url('../img/btn-register.png') 0 -40px no-repeat; }
		.buy-a-membership { background: url('../img/btn-buy-a-membership.png') no-repeat; }
			.buy-a-membership:hover { background: url('../img/btn-buy-a-membership.png') 0 -40px no-repeat; }
		.new-member-register-to-buy { background: url('../img/btn-new-member-register-to-buy.png') no-repeat; }
			.new-member-register-to-buy:hover { background: url('../img/btn-new-member-register-to-buy.png') 0 -40px no-repeat; }
	
/**************************************************************************************************/

.payment-form { width: 650px; background: url('../img/bg-membership-form.png') 0 0 no-repeat; }

.payment-form fieldset {
	margin: 0 0 20px;
	padding: 0 25px;
	}
	
	.payment-form #personal { width: 650px; }
	
	.payment-form .address-container { width: 650px; margin: 0 0 0 25px; }
		.payment-form #billing { width: 310px; float: left; display: inline; padding: 0 !important; }
		.payment-form #delivery { width: 310px; float: left; display: inline; padding: 0 0 0 17px !important; }
		
	.payment-form #animal {  }
	.payment-form #animal .fields {
		padding: 10px 0;
		background: url('../img/ico-pick-your-favourite.png') center right no-repeat;
		}
		
	.payment-form #gift-message {
		clear: both;
		margin: 0 !important;
		padding: 0 !important;
		}
		
		.payment-form #gift-message #gift_message {
			width: 590px;
			height: 200px;
			margin: 1px 0;
			padding: 6px 4px;
			background: white url('../img/bg-form-field.png') repeat-x;
			border: 1px solid #EABA79;
			color: #222;
			font-size: 1.1em;
			font-family: Georgia;
			}
		

/**************************************************************************************************/
	.use-billing { position: relative; z-index: 999; float: right; color: white; margin: 20px 35px 0 0; }
	.payment-form fieldset .header {
		height: 70px;
		position: relative;
		}
		
		.payment-form fieldset .header h3 {
			height: 70px;
			position: absolute;
			top: 0;
			left: -25px;
			text-indent: -9000px;
			}
			.payment-form #animal .header h3 { width: 640px; background: url('../img/bnr-choose-an-animal.png') no-repeat; }
			.payment-form #personal .header h3 { width: 640px; background: url('../img/bnr-personal-details.png') no-repeat; }
			.payment-form #billing .header h3 { width: 315px; background: url('../img/bnr-billing-details.png') no-repeat; }
			.payment-form #delivery .header h3 { width: 315px; background: url('../img/bnr-delivery-details.png') no-repeat; }
		
/**************************************************************************************************/
	.payment-form span.required {
		color: red;
		font-size: 0.8em;
		}
	.payment-form label.error {
		width: 110px !important;
		height: auto !important;
		padding: 5px !important;
		border: 1px solid red;
		background: red;
		color: white;
		font-size: 1em !important;
		line-height: 1em !important;
		font-size: 0.9em;
		}

	.payment-form #personal .fields { width: 630px; }
	.payment-form #billing .fields { width: 290px; }
	.payment-form #delivery .fields { width: 290px; margin: 0 0 0 -17px; }
	
	.payment-form #personal .field {
		width: 290px;
		margin: 0;
		padding: 10px 0;
		}
		
		.payment-form #personal .field {
			float: left;
			display: inline;
			margin: 0 20px 0 0;
			}
		
		.payment-form .field label {
			display: block;
			width: 100%;
			height: 30px;
			font-size: 1.2em;
			line-height: 30px;
			}
		#renew { border-top: 2px solid #EABA79; margin: 10px 0 0; padding: 10px 0 0 25px; }
		#age-check { border-top: 2px solid #EABA79; margin: 10px 0 0; padding: 10px 0 0 20px; }
			#age-check label { line-height: none; font-size: 1.2em;}
		.payment-form .field .checkbox { float: left; margin: 10px 10px 0 0; }
			
		.payment-form .field .textbox {
			width: 270px;
			font-size: 1.1em;
			margin: 1px 0;
			padding: 6px 4px;
			font-family: Georgia;
			background: white url('../img/bg-form-field.png') repeat-x;
			border: 1px solid #EABA79;
			color: #222;
			}
			
		.payment-form .field select {
			width: 270px;
			}
			
		.payment-form .field textarea {
			width: 270px;
			}
			
		.payment-form .help {
			margin: 5px 0 10px;
			width: 250px;
			padding: 15px;
			display: block;
			position: relative;
			z-index: 0;
			color: white;
			font-size: 1em;
			background: #B5B689;
			border: 3px double white
			}
			
				
		
/**************************************************************************************************/

	#save-your-details {
		width: 150px;
		height: 30px;
		margin: 20px 20px 0 0;
		text-indent: -9000px;
		border: none;
		background: url('../img/btn-save-your-details.png') no-repeat;
		float: right;
		cursor: pointer;
		}
		
	#make-secure-payment {
		display: block;
		width: 150px;
		height: 30px;
		margin: 20px 20px 0 0;
		text-indent: -9000px;
		border: none;
		background: url('../img/btn-make-secure-payment.png') no-repeat;
		float: right;
		cursor: pointer;
		}
		
/*************************************************
MEMBER PAYMENT DETAILS
*****/
#payment-groups .group {
	float: left;
	width: 250px;
	height: 120px;
	margin: 0 20px 0 0;
	}
	
	#payment-groups .group h5 {
		border-bottom: 2px solid #864F1B;
		}
		
#payment-groups .group div {
	font-size: 1.2em;
	}der h3 { width: 315px; background: url('../img/bnr-delivery-details.png') no-repeat; }
		
/**************************************************************************************************/
	.payment-form span.required {
		color: red;
		font-size: 0.8em;
		}
	.payment-form label.error {
		width: 110px !important;
		height: auto !important;
		padding: 5px !important;
		border: 1px solid red;
		background: red;
		color: white;
		font-size: 1em !important;
		line-height: 1em !important;
		font-size: 0.9em;
		}

	.payment-form #personal .fields { width: 630px; }
	.payment-form #billing .fields { width: 290px; }
	.payment-form #delivery .fields { width: 290px; margin: 0 0 0 -17px; }
	
	.payment-form #personal .field {
		width: 290px;
		margin: 0;
		padding: 10px 0;
		}
		
		.payment-form #personal .field {
			float: left;
			display: inline;
			margin: 0 20px 0 0;
			}
		
		.payment-form .field label {
			display: block;
			width: 100%;
			height: 30px;
			font-size: 1.2em;
			line-height: 30px;
			}
		#renew { border-top: 2px solid #EABA79; margin: 10px 0 0; padding: 10px 0 0 25px; }
		#age-check { border-top: 2px solid #EABA79; margin: 10px 0 0; padding: 10px 0 0 20px; }
			#age-check label { line-height: none; font-size: 1.2em;}
		.payment-form .field .checkbox { float: left; margin: 10px 10px 0 0; }
			
		.payment-form .field .textbox {
			width: 270px;
			font-size: 1.1em;
			margin: 1px 0;
			padding: 6px 4px;
			font-family: Georgia;
			background: white url('../img/bg-form-field.png') repeat-x;
			border: 1px solid #EABA79;
			color: #222;
			}
			
		.payment-form .field select {
			width: 270px;
			}
			
		.payment-form .field textarea {
			width: 270px;
			}
			
		.payment-form .help {
			margin: 5px 0 10px;
			width: 250px;
			padding: 15px;
			display: block;
			position: relative;
			z-index: 0;
			color: white;
			font-size: 1em;
			background: #B5B689;
			border: 3px double white
			}
			
				
		
/**************************************************************************************************/

	#save-your-details {
		width: 150px;
		height: 30px;
		margin: 20px 20px 0 0;
		text-indent: -9000px;
		border: none;
		background: url('../img/btn-save-your-details.png') no-repeat;
		float: right;
		cursor: pointer;
		}
		
	#make-secure-payment {
		display: block;
		width: 150px;
		height: 30px;
		margin: 20px 20px 0 0;
		text-indent: -9000px;
		border: none;
		background: url('../img/btn-make-secure-payment.png') no-repeat;
		float: right;
		cursor: pointer;
		}
		
/*************************************************
MEMBER PAYMENT DETAILS
*****/
#payment-groups .group {
	float: left;
	width: 250px;
	height: 120px;
	margin: 0 20px 0 0;
	}
	
	#payment-groups .group h5 {
		border-bottom: 2px solid #864F1B;
		}
		
#payment-groups .group div {
	font-size: 1.2em;
	}