*{
padding:0;
margin:0
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5% }
li, dd { margin-left:5% }
fieldset { padding: .5em }
a:focus{outline:none;}
html {
	font-size: 100.01%;
	background:url(../images/htmlBg.jpg) 0 50% repeat-x fixed;
}
body {
	font: 1em Verdana, Arial, sans-serif;
	text-align:center;
	background:url(../images/bodyBg.jpg) 50% 0 no-repeat;
}
a img{
border:0;
}
h1{
}
#wrapper{
  width:930px;
  margin:0 auto;
  text-align:left;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wrapperBg.png', sizingMethod='scale');
  }
#wrapper[id] {
  background:url(../images/wrapperBg.png) 0 0 repeat;  
}
#header{
  height:122px;
  width:910px;
  margin-left:12px;
}
  #header .logoMain{
  float:left;
  width:272px;
  height:117px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logoBg.png', sizingMethod='scale');
  background:url(../images/logoBg.png) 0 0 repeat;
  _background:transparent;
  }
  #header .logoMain span{
    position:absolute;
	left:-9999px;
  }
    #header ul#mainNav{
      list-style:none;
	  float:left;
	  width:615px;
	  margin:22px 0 0 0;
	  background:#158D86;
	  padding:0 0 0 19px;
    }
      #header ul#mainNav li{
        list-style:none;
	    float:left;
		margin:0;
		padding:0;
        background: url(../images/navDivider.gif) 100% 0 no-repeat;
      }
        #header ul#mainNav li a{
	      float:left;
		  display:block;
		  height:42px;
          background-position:0 0;
		  background-repeat:no-repeat;
        }
        #header ul#mainNav li a span{
		  position:absolute;
		  left:-9999px;
		}
        #header ul#mainNav li.homeBtn a{width:109px;background-image:url(../images/homeBtn.png);}
        #header ul#mainNav li.homeBtn a:hover{background-position:0 -42px;}
        #header ul#mainNav li.contactsBtn a{width:141px;background-image:url(../images/contactsBtn.png);}
        #header ul#mainNav li.contactsBtn a:hover{background-position:0 -42px;}
        #header ul#mainNav li.forumBtn a{width:99px;background-image:url(../images/forumBtn.png);}
        #header ul#mainNav li.forumBtn a:hover{background-position:0 -42px;}
        #header ul#mainNav li.forAdsBtn a{width:160px;background-image:url(../images/forAdsBtn.png);}
        #header ul#mainNav li.forAdsBtn a:hover{background-position:0 -42px;}
		#header ul#mainNav li.aboutUsBtn{
										position:relative;
		                                }
        #header ul#mainNav li.aboutUsBtn a{
		                                width:106px;
										background-image:url(../images/aboutUsBtn.png);
										}
		#header ul#mainNav li.aboutUsBtn ul{
										position:absolute;
										top:25px;
										left:0;
										display:none;
		                                }
        #header ul#mainNav li.aboutUsBtn ul li{
										 clear:left;
										 }										
		#header ul#mainNav li.aboutUsBtn ul li a{
										width:120px;
										background-image:none;
										background-color:#09847B;
										font-size:0.67em;
										color:#A9E1DD;
										height:25px;
										line-height:25px;
										padding-left:15px;
										text-decoration:none;
										border-top:1px solid #097069;
		                                }
		#header ul#mainNav li.aboutUsBtn ul li a:hover{
										background-color:#097069;
		}
#header #navSearchContainer{
  height:31px;
  width:634px;
  background:#CE1D51 url(../images/searchLineBg.png) 0 0 repeat-y;
  float:left;
  margin-top:13px;
}
  #header #navSearchContainer #searchBox{
    height:19px;
	padding:0;
    width:248px;
	float:right;
	background:#B11D46;
	margin:3px 0 0 0px;
	_display:inline;
	padding:3px;
  }
  #header #navSearchContainer  #searchTherm{
	font-size:0.69em;
	color:#EE88A7;
    height:19px;
    line-height:19px;
    width:164px;
	float:left;
    background:url(../images/searchInputBg.png) 0 0 repeat;
	border:none;
	padding-left:10px;
	float:left;
	margin:0 9px 0 0;
  }
  #header #navSearchContainer #searchSubmit{
    float:left;
  }
  
#marquee{
margin-top:3px;
  margin-left:13px;
  float:left;  
  height:19px;
  line-height:19px;
  font-size:11px;
  color:#fff;
}
#marquee a{
  color:#fff;
}
#content{
}
#mainContent{
  width:622px;
  float:right;
  margin-right:12px;
  _display:inline;
}
#sidebar{
  width:270px;
  float:left;
  margin-left:12px;
  _display:inline;
}
  #sidebar #sidebarNav{
    width:261px;
	height:305px;
	padding:4px 0 0 9px;
	clear:both;
	background:#056E66;
	border-top:6px solid #0a8e84;
	border-bottom:6px solid #0a8e84;
  }
  
	#sidebar #sidebarNav ul {
      margin:0;
      padding:0;
      list-style:none;
    }
	#sidebar #sidebarNav #Nav .Menu{
      position:absolute;
	  top:0;
	  left:252px;
	  display: none;
	}
	#sidebar #sidebarNav #Nav li{
      position:relative;      
	  display:block;
      margin:0;
      padding:0;
      float:left;
      clear:left;
    }
	#sidebar #sidebarNav #Nav li li{
      position:static;
    }
	  #sidebar #sidebarNav #Nav li a{
        width:214px;
        display:block;
	    height:31px;
	    color:#a9e1dd;
	    background:url(../images/navElementBg.png) 0 0 no-repeat;
	    text-decoration:none;
	    font:11px/31px Verdana, Arial, sans-serif;
	    padding:0 0 0 38px;
      }
	  #sidebar #sidebarNav #Nav li a:hover{
	    background-position:0 -31px;
	    color:#fff;
      }
	  #sidebar #sidebarNav #Nav li.parent a{
	    background:url(../images/navElementArrowBg.png) 0 0 no-repeat;
	  }
	  #sidebar #sidebarNav #Nav li.parent a:hover{
	      background-position:0 -31px;
	  }
	    #sidebar #sidebarNav #Nav li.parent li a {
	      background:url(../images/navElementBg.png) 0 0 no-repeat;
	    }
	    #sidebar #sidebarNav #Nav li.parent li a :hover{
	      background-position:0 -31px;
	      color:#fff;
	    }
	  #sidebar #sidebarNav #Nav li.baooBtn a{
	    height:41px;
		line-height:16px;
		padding:10px 0 0 48px;
        width:204px;
	    background:url(../images/navElementBaooBg.png) 0 0 no-repeat;
	  }
	  #sidebar #sidebarNav #Nav li.baooBtn a:hover{
	    background-position:0 -51px;
	    color:#fff;
	  }
	  #sidebar #sidebarNav #Nav li.baooBtn li a{
	    height:30px;
		line-height:30px;
		padding:0 0 0 38px;
        width:244px;
	    background:#045E57  url(../images/navSubElementBaooBg.gif) 0 0 no-repeat;
		border-bottom:1px solid #056E66;
	  }
	  #sidebar #sidebarNav #Nav li.baooBtn li a:hover{
	    background-position:0 -31px;
		background-color:#0B9187;
	  }
  #sidebar #outNews{
    width:270px;
	height:212px;
	clear:left;
	border-top:6px solid #0a8e84;
	border-bottom:6px solid #0a8e84;
	padding-top:10px;
	background:#006666;
	margin-top:10px;
  }
      #sidebar #outNews ul{
	    list-style:none;
		margin:0 0 0 8px;
		padding:0;
	  }
      #sidebar #outNews ul li {
	    margin:0;
		padding:0;
		clear:left;
	  }
      #sidebar #outNews ul li a{
	    display:block;
	    width:220px;
		height:25px;
		float:left;
		clear:left;
	    padding:6px 10px;
		color:#eafeff;
		text-decoration:none;
		font-size:0.69em;
	  }
      #sidebar #outNews ul li a:hover{
        background:#fff;
		color:#056E66;
	  }
  #sidebar #outCalender{
    width:240px;
	height:190px;
	clear:left;
	border-top:6px solid #0a8e84;
	border-bottom:6px solid #0a8e84;
	padding-top:10px;
	background:#006666;
	margin-top:10px;
	text-align:left;
	padding-left:30px;
    }
    #sidebar #outCalender tbody,#sidebar #outCalender tr,#sidebar #outCalender td{
	  background:#066;
	  color:#EAFEFF;
	}
	#sidebar #outCalender td{
	  padding:3px 2px 0;
	  color:#EAFEFF;
	}
	#sidebar #outCalender td a.caltxt4 {
	  color:#FF6600;
	}
	#sidebar #outCalender tr a {
	  width:23px;
	  height:18px;
	  overflow:hidden;
	  display:block;
	}
	#sidebar #outCalender td a{
	  background:#066;
	  color:#EAFEFF;
	}
  #sidebar #googleAds{
    width:270px;
    clear:both;
	text-align:center;
	border-top:6px solid #0a8e84;
	border-bottom:6px solid #0a8e84;
	padding-top:10px;
	background:#006666;
	height:277px;
	margin-top:10px;
  }
#calendarWrapper{
  height:320px;
  width:621px;
}
 #calenderBody{
    background:#163936 url(../images/calenderBg.png) 0 0 repeat-x; 
    width:621px;
	height:288px;
 }
  #calendarTextBox{
    float:left;
    padding:5px 0 0 10px;
	margin:0;
    width:182px;    
    background:url(../images/searchTextBg.gif) 0 0 no-repeat;
  }
    #calendarTextBox p{
	  font-size:0.69em;
	  color:#a9e1dd;
	  margin-top:10px;
	  margin-bottom:1px;
	  margin-right:0px;
	}
    #calendarTextBox a{
	  color:#fff;
	}
    #calendarTextBox p img{
	  margin-left:50px;
	}
    #calendarTextBox a img{
	  margin-left:10px;
	}
  #calendarContainer{
    float:right;
    width:413px;
	height:212px;
  }
  #calenderHead{
    width:620px;
	  height:32px;
	  background:url(../images/calenderNavBg.gif) 0 0 repeat-x;
  }
    a#adopteTab,a#parentsTab,a#entrTab,a#outTab{float:left;}
    a#adopteTab span,a#parentsTab span,a#entrTab span,a#outTab span{position:absolute;left:-9999px;}
	a#adopteTab{
	  width:115px;
	  height:32px;
      background:url(../images/adoptedBtn.png) 0 0 no-repeat;
	}
	a#parentsTab{
	  width:183px;
	  height:32px;
      background:url(../images/parentsBtn.png) 0 0 no-repeat;
	}
	a#entrTab{
	  margin:3px 0 0 20px;
	  width:71px;
	  height:26px;
      background:url(../images/entrancsBtn.png) 0 0 no-repeat;
	}
	a#outTab{
	  margin:3px 0 0 20px;
	  width:71px;
	  height:26px;
      background:url(../images/outBtn.png) 0 0 no-repeat;
	}
    #yearsAdopte{
	  float:right;
      width:400px;
	  margin:10px 10px 0 0;
	  _display:inline;
	  border:3px solid #fff;
	  background:url(../images/yearsTableBg.png) 0 0 repeat;
	  cursor:url(images/zoom.cur);
	}
    #yearsAdopte table a{
	  display:block;
	  width:40px;
	  height:36px;
	  font-size:0.69em;
	  text-decoration:none;
	  overflow:hidden;
	  line-height:36px;
	  text-align:center;
      background:url(../images/yearsLinkBg.png) 0 0px no-repeat;
	  color:#667;
	  cursor:url(images/zoom.cur);
	}
    #yearsAdopte table a:hover{
      background-position:0 -36px;	  
	  color:#ca0a3f;
	}
	#parentTable{display:none;}
#siteContent {
  min-height:289px;
  _height:289px;
  padding-bottom:10px;
  width:620px;
  background:#E4F4F3 url(../images/contentVerticalBg.png) 0 0 repeat-y;
}
#siteContent p{
  font-size:0.69em;
  color:#416a67;
  line-height:1.5em;
}
#siteFriends {
  height:413px;
  width:620px;
  background:#E4F4F3;
}
#siteFriends a{
  float:left;
  border:1px solid #E3F0ED;
  margin-right:2px;
}
#siteFriends p{
  margin:15px 8px;
  padding:0;
}
.toTop{
  clear:both;
  display:block;
  width:910px;
}
.toTop a{
  background:url(../images/toTop.png) 0 0 repeat;  
  height:18px;
  width:162px;
  float:right;
  margin:6px 0;
}
.toTop span{
 position:absolute;
 left:-9999px; 
}
#footer{
  clear:both;
  font-size:0.65em;
  width:930px;
  margin:0 auto;
  height:60px;
  text-align:left;
}
#footerLinks{
  width:315px;
  float:left;
  margin:10px 0 0;
}
#footerLinks span{
  margin:0 5px;
  color:#fff;
}
#footerLinks a{
  padding:0 8px;
  line-height:13px;
  color:#fff;
  text-decoration:none;
}
#footerLinks a:hover{
  background:#fff;
  color:#056e66;
}
.afterfooterLinksDivider{
  width:49px;
  height:45px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footerDivider.png', sizingMethod='scale');
  background:url(../images/footerDivider.png) 0 0 repeat;
  _background:transparent;
  float:left;
  padding:0;
  margin:0 0 0 0;
  _display:inline;
  }
#copy{
  width:540px;
  float:left;
  margin:10px 0 0 10px;
}
#copy p{
  margin:0;
  padding:0;
  color:#fff;
  line-height:1.4em;
}
.afterFriendsDivider{
  width:49px;
  height:36px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/afterFriendsDivider.png', sizingMethod='scale');
  background:url(../images/afterFriendsDivider.png) 0 0 repeat;
  _background:transparent;
  margin:0 0 0 315px;
  _display:inline;
  padding:0;
  float:left;
}
#siteContent .story{
  background:#e2ecdb;
  bordeR:1px solid #C4D0BB;
  padding:15px 15px 0 15px;
  margin:30px;
}
 .story li{
   font-size:0.69em;
   line-height:1.6em;
   color:#416A67;
 }
 .story div li{
   font-size:1em;
 }
#siteContent  .story li p{
   font-size:1em;
 }
 
#siteContent .story p{
  margin-left:0;
  margin-right:0;
  line-height:1.6em;
  font-size:0.69em;
}
#siteContent .story div p{
  font-size:1em;
}
#siteContent .story table td{
  font-size:0.675em;
   color:#416A67;
}
#siteContent .story a:link{
  color:#697E1F;
}
#siteContent .story a:visited{
  color:#8DAA2B;
}
#siteContent .story a:hover{
  color:#fff;
  background-color:#0A8F85;
}
#siteContent .story a.btn-slide{
  background:url(../images/slideSwitch.png) 0 0 no-repeat;
  width:63px;
  height:18px;
  clear:both;
  display:block;
  margin-left:450px;
  margin-top:10px;
}
#siteContent .story a.active{
  background-position:-63px 0;
}
#siteContent .story a.btn-slide span{
  position:absolute;
  left:-9999px;
}
.panel{
	display: none;
	font-size:0.69em;
	color:#416A67;
}
pre{
  font: 0.7em/1.6em Verdana, Arial, sans-serif;
  padding:0;
  margin:0;
  color:#416A67;
}
.panel pre{
  font-size: 1.0em;
}
#sendForm{
  margin-bottom:10px;
  }
#sendForm fieldset{
  border:none;  
  padding:0;
  margin:0;
  display:block;
}
#sendForm label{
  display:block;
  font-size:0.7em;
  margin:4px 0 1px;
  padding:0;
}
#sendForm input{
  margin:0;
  padding:0;
  width:170px;
}
#sendForm .parentChild{
  margin:4px 0;
}
#sendForm .parentChild input{
  width:30px;
  float:left;
}
#sendForm .parentChild label{
  padding:0;
  margin:0;
  }
#sendForm .contactChoice{
  margin:4px 0;
}
#sendForm .contactChoice input{
  width:30px;
  float:left;
}
#sendForm .contactChoice label{
  padding:0;
  width:100px;
  margin:0;
  float:left;
  }
#sendForm .contactChoice #address{
  width:150px;
  clear:none;
  float:left;
}
#sendForm #submit{
  width:auto;
  margin:10px 0;
 }
#calenderNav{
   clear:both;
   height:30px;
   margin:9px 0 0 30px;
   }
   #calenderNav a{
      text-decoration:none;
	  color:#fff;
	  font-size:0.7em;
	  padding:0 11px;
	  line-height:30px;
	  display:block;
	  float:left;
	  background:url(../images/titleBackground.gif) 0 0 repeat-x;
	  border:1px solid #71A9A5;
      }
   #calenderNav a:hover,#calenderNav a.current{
      background:#E2ECDB;
	  color:#277C7E;
      }
   #calenderNav a:hover.current{
      background:#E2ECDB;
	  color:#277C7E;
      }
   #calendarItemWrapper{
     border:1px solid #C4D0BB;
	 background:#E2ECDB;
   margin:0 30px;
   clear:both;
   }
   .calendarProfile{
     font-size:0.7em;
	 border-bottom:1px dotted #C4D0BB;
	 padding:5px 0 15px;
   }
   .calendarProfile .thumbImg{
      float:left;
	  margin:7px;
	  border:3px solid #fff;
      }
   .calendarProfile .title{
      float:left;
	  display:block;
	  width:457px;
	  margin-right:7px;
	  margin-top:7px;
      }
   .calendarProfile .content{
      float:right;
	  display:block;
	  width:457px;
	  margin-right:7px;
	  margin-top:7px;
	  display:none;
      }
   .calendarProfile .contactBtn{
      display:block;
	  clear:both;
	  float:left;
	  text-decoration:none;
	  height:20px;
	  line-height:20px;
	  padding:0 9px;
	  color:#fff;
	  margin:10px 0 0;
	  background:url(../images/titleBackground.gif) 0 0 repeat-x;
      }
   .calendarProfile a.man{color:#0873b0;}
   .calendarProfile a.woman{color:#f52591;}
/* Additional CSS */
.verticalDivider{
  width:67px;
  height:11px;
  margin:0;
  padding:0;
  overflow:hidden;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/verticalDivider.png', sizingMethod='scale');
  background:url(../images/verticalDivider.png) 0 0 repeat;
  _background:transparent;
  }
.flLeft{float:left;}
.flRight{float:right;}
.textImg{float:left;padding:10px;}
.clearLeft{clear:left;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 span{
	visibility: hidden;
	font-size: 18px;
	width:621px;
	margin:0;
	padding:0;
}
#siteContent h1{
	height:32px;
	font-weight:normal;
	font-size:1.2em;
	color:#fff;
	width:595px;
	background:url(../images/titleBackground.gif) 0 0 repeat-x;
	padding: 5px 0 0 26px;
	margin: 0;
}
#siteFriends h1{
	font-weight:normal;
	font-size:1.2em;
	color:#fff;
	height:32px;
	width:595px;
	background:url(../images/titleBackground.gif) 0 0 repeat-x;
	padding: 5px 0 0 26px;
	margin: 0;
}
.story h3{
	width:525px;
	padding: 5px 0 0 6px;
	font-size: 13px;
	margin: 0;
}