@import url(webtools-only.css);

* { margin: 0; padding: 0; }

	body { min-height: 100.01%; line-height: 1em; }
	
	html { height: 100%; margin-bottom: 1px; }
	
	#imageFadeContainer {
		position:relative;
		top:0;
		left:0;
	}

	#imageFadeContainer img {
		position:absolute;
		top:0;
		left:0;
		display:none
	}
 
       .comment-replies {
           margin-left: 30px;
       }
       
       .form-element.form-hide {
	   display: none;
       }

       .form-element.form-type-checkbox label,
       .form-element.form-type-radio label {
	   display: inline;
       }

       .form-float-left {
	   float: left;
       }
	
       .form-element.form-float-left {
           padding-right: 10px;
       }
       

		html {
			background: #f2f0d8 url(/images/html_bg.png) repeat-x 0px 0px;
		}

		html.hummingbird {
			background: #f2f0d8 url(/images/html_bg_hb.png) repeat-x 0px 0px;
		}
		
		body {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 0.75em;
			color: #333;
		}
		
		a, #sidebar form input.input-text {
			text-decoration: none;
			color: #4571a8;
		}
		
		a:hover {
			color: #53cbd3;
		}
		
			a img {
				border: none;
			}
			
		p, li, td, blockquote, #main div.form-element {
			font-size: 1em;
			line-height: 1.4166em;
			margin-bottom: 1em;
		}
		
		blockquote {
			margin: 0 1.4166em 1em;
		}
		
		ul {
			margin-bottom: 1em;
		}
		
		li, td {
			margin-bottom: 0;
		}
			
		h2 {
			color: #4571a8;
			font-size: 1.4166em;
			line-height: 1em;
			margin-bottom: 0.7059em;
			letter-spacing: -0.02em;
		}
		
		h3 {
			color: #4571a8;
			font-size: 1.25em;
			line-height: 1.1332em;
			margin-bottom: 0.2833em;
			letter-spacing: -0.02em;
		}
		
		.clear {
			clear: both;
		}
		
		.filler {
			height: 1.4166em;
			width: 100%;
		}
		
		#navigation {
			width: 100%;
			height: 56px;
			text-align: center;
			background: transparent url(/images/navigation_bg.png) repeat-x 0px 0px;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/navigation_bg.png', sizingMethod='scale');
			margin-bottom: 45px;
		}
		
			#navigation ul.navigation {
				width: 740px;
				height: 14px;
				padding: 18px 0 24px;
				margin: 0 auto;
				background: transparent url(/images/navigation_ul_bg.png) no-repeat 50% 0px;
				_background: none;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/navigation_ul_bg.png', sizingMethod='scale');
			}
			
				#navigation ul.navigation li {
					display: inline;
					list-style: none;
				}
				
				#navigation ul.navigation li.nav-home {
					display: none;
				}

					#navigation ul.navigation li a {
						position: relative;
					}
				
						#navigation ul.navigation li a img {
							background-position: 50% 0px;
							background-repeat: no-repeat;
							height: 14px;
							margin: 0 6px;
						}
						
						#navigation ul.navigation li.nav-vision a img {
							background-image: url(/images/nav_vision.gif);
							width: 42px;
						}

						#navigation ul.navigation li.nav-donate a img {
							background-image: url(/images/nav_donate.gif);
							width: 48px;
						}

						#navigation ul.navigation li.nav-hummingbird-creations a img {
							background-image: url(/images/nav_hummingbird.gif);
							width: 165px;
						}

						#navigation ul.navigation li.nav-volunteer a img {
							background-image: url(/images/nav_volunteer.gif);
							width: 68px;
						}

						#navigation ul.navigation li.nav-partners a img {
							background-image: url(/images/nav_partners.gif);
							width: 59px;
						}

						#navigation ul.navigation li.nav-news a img {
							background-image: url(/images/nav_news.gif);
							width: 37px;
						}

						#navigation ul.navigation li.nav-contact-us a img {
							background-image: url(/images/nav_contactus.gif);
							width: 75px;
						}
						
						#navigation ul.navigation li.selected a img, #navigation ul.navigation li.ancestor a img, #navigation ul.navigation li a:hover img {
							background-position: 50% -14px;
						}
						
		#wrapper {
			background: #ebe8c3;
			border: 3px solid #d8d5ae;
			width: 794px;
			margin: 0 auto;
		}

			#header {
			}
			
				#header a {
					width: 240px;
					height: 124px;
					background: transparent url(/images/logo_sanctuary.png) no-repeat 50% 50%;
					_background: none;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo_sanctuary.png', sizingMethod='crop');
					position: absolute;
					top: 65px;
					left: 50%;
					margin-left: -120px;
					z-index: 100;
					cursor: pointer;
				}
				
				html.hummingbird #header a {
					width: 160px;
					height: 220px;
					background: transparent url(/images/logo_hummingbird.png) no-repeat 50% 50%;
					_background: none;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo_hummingbird.png', sizingMethod='crop');
					margin-left: -80px;
				}
		
			#content {
				min-height: 400px;
				_height: 400px;
				_overflow: visible;
				position: relative;
			}
			
				#hero {
					width: 750px;
					height: 224px;
					overflow: hidden;
					position: relative;
					margin: 22px;
				}
				
					#hero #hero_overlay {
						width: 750px;
						height: 224px;
						position: absolute;
						top: 0px;
						left: 0px;
						z-index: 50;
						background: transparent url(/images/hero_overlay.png) no-repeat 50% 50%;
						_background: none;
						_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hero_overlay.png', sizingMethod='crop');
					}
					
				#sidebar {
					width: 220px;
					position: absolute;
					top: 263px;
					left: 16px;
					z-index: 10;
				}
				
					#sidebar li {
						list-style: none;
					}
					
					#sidebar div.sidebar_block {
						padding-bottom: 10px;
						background: transparent url(/images/sidebar_bg_btm.png) no-repeat 0px 100%;
						_background: none;
						_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sidebar_bg_btm.png', sizingMethod='crop');
						margin-bottom: 1em;
						width: 220px;
					}
					
						#sidebar div.sidebar_block h2 {
							font-size: 1em;
							padding: 12px 12px 8px;
							background: transparent url(/images/sidebar_bg_top.png) no-repeat 0px 0px;
							_background: none;
							_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sidebar_bg_top.png', sizingMethod='crop');
							margin-bottom: 0;
							color: #999a9d;
							width: 196px;
						}
						
						#sidebar div.sidebar_block ul, #sidebar .form-newsletter-signup {
							background: transparent url(/images/sidebar_bg_mid.png) repeat-y 0px 100%;
							_background: none;
							_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sidebar_bg_mid.png', sizingMethod='scale');
							padding: 0 12px;
							margin: 0;
							width: 196px;
						}
						
							#sidebar div.sidebar_block ul li {
								margin-left: 1em;
								text-indent: -1em;
							}
							
							#sidebar div.sidebar_contact-us ul li {
								margin-left: 0;
								text-indent: 0;
							}

								#sidebar div.sidebar_contact-us ul li a {
									position: relative;
								}

				#main {
					margin: 22px 22px 22px 200px;
					background: #fff;
					border: 3px solid #e3e0b6;
					padding: 22px 22px 22px 48px;
					min-height: 250px;
					_height: 250px;
					width: 496px;
				}
				
					#main ul.navigation {
						list-style: none;
						margin-bottom: 1.4166em;
					}
					
						#main ul.navigation li {
							display: inline;
							border-left: 1px solid #d0cda9;
							padding-left: 10px;
							margin-left: 10px;
							line-height: auto;
						}
						
						#main ul.navigation li.first {
							padding-left: 0;
							margin-left: 0;
							border: none;
						}
						
							#main ul.navigation li a {
								color: #a85f4b;
							}
							
					#main div.page-content table {
						border-collapse: collapse;
						width: 100%;
						border-top: 3px solid #e5e5e5;
						border-bottom: 3px solid #e5e5e5;
						margin-bottom: 1.4166em;
					}
					
						#main div.page-content table td {
							padding: 0.5em;
							border-bottom: 1px solid #e5e5e5;
							vertical-align: top;
						}
						
				input.input-text, textarea.input-textarea {
					border: 2px solid #d7d7d7;
					background: #fff url(/images/input_shadow.gif) no-repeat 0px 0px;
					padding: 3px 1px 1px 2px;
					width: 393px;
					height: 1.4166em;
					color: #999a9d;
					font-weight: bold;
					font-family: inherit;
					font-size: 1em;
				}

				#sidebar input.input-text, textarea.input-textarea {
					width: 120px;
				}

				textarea.input-textarea {
					height: 7.083em;
				}
				
					div.form-element label {
						display: none;
					}
					
				#main div.form-type-submit {
					text-align: right;
					width: 400px;
				}
				
				input.input-submit {
					background: #4571a8;
					border: 2px solid #e9ebeb;
					border-bottom-color: #838383;
					border-right-color: #838383;
					color: #fff;
					padding: 2px;
					font-weight: bold;
				}
				
				#main h2 {
					position: relative;
				}
				
					#main h2 a.back {
						position: absolute;
						right: 0px;
						_right: 10px;
						color: #999a9d;
						font-weight: normal;
						font-size: 0.7059em;
						letter-spacing: normal;
					}
				
				#main div.item {
					min-height: 195px;
					_height: 195px;
					margin-bottom: 1.4166em;
				}
				
					#main div.item h3 {
						padding-top: 2em;
					}
				
					#main a.card_thumb {
						float: left;
						position: relative;
						width: 195px;
						height: 195px;
						overflow: hidden;
						padding-top: 10px;
						cursor: pointer;
						height: 141px;
						padding: 27px 0;
						text-align: center;
					}
					
					#main div.cards a.card_thumb {
						margin: 1em;
					}
					
						#main a.card_thumb span.fg {
							display: block;
							width: 195px;
							height: 195px;
							background: transparent url(/images/card_fg.png) 50% 50%;
							_background: none;
							_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/card_fg.png', sizingMethod='scale');
							position: absolute;
							top: 0px;
							left: 0px;
							z-index: 10;
						}

						#main a.card_thumb_vertical span.fg {
							background: transparent url(/images/card_fg_vertical.png) 50% 50%;
							_background: none;
							_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/card_fg_vertical.png', sizingMethod='scale');
						}
						
				#main a.arrow_link {
					padding-left: 12px;
					background: transparent url(/images/arrow.gif) no-repeat 0px 50%;
					color: #999a9d;
					font-weight: bold;
				}

				#main .item-cards a.arrow_link {
					display: block;
					overflow: hidden;
					text-indent: -10000px;
					background: transparent url(/images/buy-cards-now.png) no-repeat 0px 0px;
					width: 94px;
					height: 22px;
				}
				
				.hummingbird-creations #main form {
					float: left;
					margin-right: 1em;
				}

			#footer {
				margin: 1em auto 1em 200px;
				font-size: 0.75em;
				color: #a2a088;
				clear: both;
			}
			
				#footer a {
					color: #a2a088;
				}
				
			#login-wrap {
				padding-top: 100px;
			}
			
				#login-wrap #login-form-container form {
					padding-bottom: 30px;
				}

			#sidebar .form-newsletter-signup div.form-element {
				display: inline;
			}

			#sidebar .form-newsletter-signup div.clear {
				display: none;
			}