.adopt-container {border-bottom: 1px solid #ccc;  margin: 0 0 10px 0; padding: 0;}
.adopt-photo {margin: 0 15px 15px 15px; padding: 0;  float: left; display: inline;}
.adopt-container ul {padding: 0; margin: 0 0 0 0; list-style-type: none;  }
.adopt-container p {display: block; clear: both; margin-top: 10px; margin-bottom: 10px;}
.happy-tails-entry {border-bottom: 1px solid #ccc; margin: 0 15px 10px 0; padding: 0;}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family:Arial, Helvetica, sans-serif;
} 
 
#pagewidth{ 
 width:807px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:370px; 
 background-color:#898986; 
 width:100%;
 background: url(images/template/fido-logo.gif) 0px 8px no-repeat;
} 
#header h1 {
	padding: 0;
	margin: 0;
}

#header h1 a {
	position: absolute;
	top: 8px;
	left: 0px;
	display: block;
	width: 240px;
	height: 90px;
	text-indent:-9000px;
	border-bottom:none;
} 
#header-photo {
	margin-top:110px;
	padding: 0;
}

a:link {color: #000; text-decoration: underline; font-weight:bold;}
a:visited {color: #000; text-decoration: underline; font-weight: bold;}
a:hover {color: #ed1a21; text-decoration: underline; font-weight: bold;}
a:active {color: #000; text-decoration: underline; font-weight: bold;}
/*************/
#navigation {
	width: 807px;
	height: 40px;
	margin: 0 0 0 0;
	padding: 0;
	top:10px;
	position:relative;
    background:url(images/template/menu.gif);
	background-repeat:no-repeat;
}
#navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#navigation li {
	float: left;
	height: 40px;
}
#navigation li a {
	float: left;
	overflow: hidden;
	padding-top: 40px;
	height: 0px;
}

#navigation li a#mainnav-about {background: url(images/template/menu.gif) 0px 0px; width: 80px;}
#navigation li a#mainnav-news {background: url(images/template/menu.gif) -80px 0px; width: 77px;}
#navigation li a#mainnav-help {background: url(images/template/menu.gif) -157px 0px; width: 99px;}
#navigation li a#mainnav-adopt {background: url(images/template/menu.gif) -256px 0px; width: 79px;}
#navigation li a#mainnav-happy {background: url(images/template/menu.gif) -335px 0px; width: 77px;}
#navigation li a#mainnav-monthly {background: url(images/template/menu.gif) -412px 0px; width: 101px;}
#navigation li a#mainnav-city {background: url(images/template/menu.gif) -513px 0px; width: 118px;}
#navigation li a#mainnav-contact {background: url(images/template/menu.gif) -631px 0px; width: 94px;}
#navigation li a#mainnav-links {background: url(images/template/menu.gif) -725px 0px; width: 82px;}

#navigation li a#mainnav-about:hover {background: url(images/template/menu.gif) 0px -40px;}
#navigation li a#mainnav-news:hover {background: url(images/template/menu.gif) -80px -40px;}
#navigation li a#mainnav-help:hover {background: url(images/template/menu.gif) -157px -40px;}
#navigation li a#mainnav-adopt:hover {background: url(images/template/menu.gif) -256px -40px;}
#navigation li a#mainnav-happy:hover {background: url(images/template/menu.gif) -335px -40px;}
#navigation li a#mainnav-monthly:hover {background: url(images/template/menu.gif) -412px -40px;}
#navigation li a#mainnav-city:hover {background: url(images/template/menu.gif) -513px -40px;}
#navigation li a#mainnav-contact:hover {background: url(images/template/menu.gif) -631px -40px;}
#navigation li a#mainnav-links:hover {background: url(images/template/menu.gif) -725px -40px;}

/*************/
#main-col{
 	width:512px; 
 	float:left; 
 	position:relative; 
 	/* background-color:#89E3E3; */
	border-right:1px solid #000;
 }
#main-col h2 {
	line-height: 22px;
	margin: 15px;
}
#main-col p {
 	font-size: 12px;
	line-height:18px;
	margin: 15px;
}
#main-col ul {font-size:12px; margin-left:16px;}
#home-opener{border-bottom: 1px solid #000; padding:0 0 16px 0; height:1px; margin: 0 17px 0 15px;}
#main-col h3.news {font-size: 18px; margin: 10px 15px 0 15px; padding: 0;}
#main-col h3.news-title {font-size: 14px; margin: 10px 15px 0 15px; padding: 0;}
#main-col p.news-date {margin-top: 0; padding: 0;}
.happy-tales-photo {margin-left:16px;}
.vert-divider {border-bottom: 1px solid #ccc; width: 469px; margin-left:15px; margin-bottom:16px;}
.home-news-container {border-bottom: 1px solid #ccc; width: 469px;  margin:0 0 0 15px; padding: 0 0 0 0;}
h4 {font-size: 14px; margin-left: 15px; padding: 0;}
p.cal-detail {padding: 0; margin: 0 0 0 15px;}

#Featured {padding-left: 20px; margin-bottom: 20px; }

#side-col{
	/* background-color: #5ca56b; */ 
 	float: right; 
 	display:inline; 
 	position: relative; 
 	width:294px; 
}
#side-col p {font-size: 12px; margin-left:15px; line-height:16px;}
#side-col h2 {margin: 15px; font-size:18px;}
#side-col h3 {margin: 15px; font-size:14px;}
.home-event {margin: 10px 15px 10px 15px; padding: 0;}
.home-event p {margin: 0; padding: 0;}
/*** About ***/
#aboutAcc {width: 260px; margin-top:14px; margin-left:15px;}
#aboutAcc h3 {
	padding: 10px 0 12px 15px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}
#aboutAcc h3.toggler a {color: #fff;text-decoration: none;}
#aboutAcc h3.toggler a:hover {color: #fff;}
#aboutAcc p {margin: 10px;}
/*** Help ***/
#helpAcc {width: 480px; margin-top:14px; margin-left:15px; margin-bottom:20px;}
#helpAcc h3 {
	padding: 10px 0 12px 15px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}
#helpAcc h3.toggler a {color: #fff;text-decoration: none;}
#helpAcc h3.toggler a:hover {color: #fff;}
#helpAcc p {margin-right: 10px;}

#donate-btn {margin: 0 0 20px 15px; padding: 0 0 0 0;border:none;}
/*** Global ***/
#advocate-call {margin: 20px 0 10px 15px; padding: 0 0 0 0;position: relative; border:none;}
#advocate-call a{background: url(images/template/advocate-call.jpg) 0 0 no-repeat; width: 260px; height: 150px; display:block;}
#advocate-call a:hover{background: url(images/template/advocate-call.jpg) 0px -150px no-repeat; border:none; text-decoration:none;}
#advocate-call span {display: none;}

#tip-call {margin: 20px 0 10px 15px; padding: 0 0 0 0;position: relative; border:none;}
#tip-call a{background: url(images/template/tip-call.jpg) 0 0 no-repeat; width: 260px; height: 150px; display:block;}
#tip-call a:hover{background: url(images/template/tip-call.jpg) 0px -150px no-repeat; border:none; text-decoration:none;}
#tip-call span {display: none;}

#dogfest-call {margin: 20px 0 10px 15px; padding: 0 0 0 0;position: relative; border:none;}
#dogfest-call a{background: url(images/template/dogfest-call.jpg) 0 0 no-repeat; width: 260px; height: 150px; display:block;}
#dogfest-call a:hover{background: url(images/template/dogfest-call.jpg) 0px -150px no-repeat; border:none; text-decoration:none;}
#dogfest-call span {display: none;}

#walk-call {margin: 20px 0 10px 15px; padding: 0 0 0 0;position: relative; border:none;}
#walk-call a{background: url(images/template/walk-call.jpg) 0 0 no-repeat; width: 260px; height: 150px; display:block;}
#walk-call a:hover{background: url(images/template/walk-call.jpg) 0px -150px no-repeat; border:none; text-decoration:none;}
#walk-call span {display: none;}

#footer{
 	clear:both;
	border-top: 1px solid #000;
} 
 #footer p {text-align: center; font-size:12px;}

 /* *** Calendar *** */
.calendar-col {
  float: left;
  width: 100%;
  font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 90%;
  line-height: 1.0em;
  overflow:hidden;
  display: inline;

  }

.calendar-BG {
 background-color: #fff;
width:807px;
}

.calendar-blank { 
 background-color: #fff;
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
}

.calendar-header { 
 font-size: 16px;
 font-weight: bold;
 height: 36px;
 text-align: center;

}

.calendar-month-links {
 font-size: 18px;
 font-weight: bold;
 height: 24px;
 text-align: center;
}

.calendar-day-heading {
 font-weight: bold; 
border: 1px solid #ccc;
 font-size: 10px;
 color: #000; 
 height: 25px;
 background-color: #999; 
 text-align:  center;
 vertical-align: middle;
}

.calendar-today { 
 font-size: 9px;
 font-weight: normal;
 text-decoration: none;
 text-align:  left;
 vertical-align: top;
 color: #333;
 background-color: #FFF;
 overflow: hidden;
border: 1px solid #ccc;
}

.calendar-cell {
 width: 110px;
 height: 100px;
 font-size: 9px;
border: 1px solid #ccc;
 font-weight: normal;
 text-decoration: none;
 text-align: left;
 vertical-align: top;
 background-color:  #fff;
 overflow: hidden;
 color: #333;
}

.day-num-cal,
.today-cal {
	padding: 2px;
	margin-bottom: 2px;
	background: #ccc;
	border-bottom: 1px solid #666;
	text-align: left;
	}
	
.today-cal { /* today's style */
	color: white;
	font-weight: bold;
	background: #666;
	}
	
.title-cal {
   color: #333;
    padding-left: 2px;
    font-size: 12px;
    overflow: hidden;
    background: url(images/i/bullet_red.gif) 0 0px no-repeat;
	}
.title-cal div {line-height: 16px;}
 
 /* *** Float containers fix: *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#main-col{display:none;} 
#two-cols, #side-col{width:100%; float:none;}
}