@charset "windows-1252";		 

/* STANDARD TAG CSS */

body {
	text-align: center;
	font-family: "verdana", "arial", "sans serif";
	font-size: 0.8em;
	background-color: #f8f8f8;
	color:#353535; 
	
}  		

h2 {
	border-bottom:1px solid #47a942;	   
	font-size:1.2em;
	padding:0 10px 0 10px; 
	margin: 0px 0 0 0;
	color:#20368b;
	padding-bottom:1px;
	}
	
h3 {
	font-size:1.5em;
	padding:0 10px 0 10px; 
	margin: 0px 0 0 0;
	color:black;
	padding-bottom:1px;	 
	text-align: justify;
	}

p {
	margin-top:5px;
	margin-bottom:15px;
	}	   
	
ul{
	list-style-image: url(images/elements/ulpaw.gif);
	padding-left:30px;
	margin-left:0;
	}
	
ul li {
	margin-bottom:10px;
	vertical-align:middle;
	padding-left:0;
	margin-left:0;
	}
	
a img {
	border:none;
	text-decoration:none;}
	


/* DIV CSS */
#top, #bottom {
	clear:both;
	margin: 0 auto 0 auto;
	padding:0 25px 0 25px;
	width:820px;
	height:38px;
	}  
	
#top {
	background:url(images/elements/top.gif);
	background-repeat:no-repeat;   
}

#bottom {
	background:url(images/elements/bottom.gif);
	background-repeat:no-repeat;   
}
	
#header, #content, #footer {
	clear:both;
	width:770px;

	}
	 
#content{
	background:url(images/elements/backgroundpaw.gif);
	background-repeat: no-repeat;
	}
	
	
#main {
	clear:both;
	margin: 0 auto 0 auto;
	background:url(images/elements/main.gif);
	background-repeat:repeat-y;
	padding:0 25px 0 25px;
	width:820px;  
	}
	
#header {
	border-bottom:2px solid #47a942;
} 

#leftcol {
	float:left;
	width:425px;
	padding:0 0px 0 0;
	margin:10px 15px 10px 30px;
	text-align: justify; 
background-color:transparent;

	}
	
#rightcol {
	float:left;
	width:245px;
	padding:0 0 0 0px;
	margin:10px 10px 10px 15px;
	text-align: justify;
	background-color:transparent;


	}  
	
#onecol {
	width:690px;
	padding:0 0 0 0;
	margin:10px auto 10px auto;
	text-align:justify; 

	}
	
#leftcol p, #rightcol p {
padding-left:10px;
padding-right:10px;
}

#footer {
	padding-top:20px;}

#footer p{
	color:#b2b2b2;
	text-align:center;
	font-family:"verdana";
	font-size:0.8em;  
	margin-top:20px;
	margin-bottom:0;
	}
	
#pethealthframe {
	width:751px;
	height:700px;
	border:none;
	overflow:hidden;
	}
	  
#med2, #med3, #med4 {
	display:none; 
	
	}  
#promotop {
	padding:0 0 0 0;
	margin:0 0 0 10px;
	background:url(images/elements/promo-top.gif);
	background-repeat:no; 	
	width:405px; 
	height:12px;  
	overflow:hidden;
	}

#promobox{
	background:url(images/elements/promo-box.gif);	  
	width:405px; 
	margin:0 0 0 10px;
	padding:5px 0 0 0 ; 
	}  
	

#promobox p{
padding-bottom:0px;
margin-bottom:0px;
	}  
	
#promobot {
	padding:0 0 0 0;
	margin:0 0 0 10px;
	background:url(images/elements/promo-bot.gif); 
	background-repeat:no; 
	width:405px; 
	height:11px;  
	overflow:hidden;   
	}


/* IMAGES CSS */  

#mainlogo {
	float:left;
	margin: 10px 10px 10px 20px;
	padding:0 ;
	}

#animals {
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0 ;
	}
	
#emergency {
	float:left;
	margin: 10px 0px 10px 10px;
	padding:0 ;
	}		
	
	
a:hover #emergency {
	filter: alpha(opacity=75);
	opacity:0.75;
	
	}				
	
a:hover .menu 	{
	filter: alpha(opacity=75);
	opacity:0.75;
	
	}		
	
#indexp #indexm {
	 filter: alpha(opacity=65);
	opacity:0.65;
	}  
	
#practicep #practicem {
	 filter: alpha(opacity=65);
	opacity:0.65;
	}  
	
#pethealthp #pethealthm {
	 filter: alpha(opacity=65);
	opacity:0.65;
	}  
	
#faqp #faqm {
	 filter: alpha(opacity=65);
	opacity:0.65;
	}  	
	
		
#contactp #contactm {
	 filter: alpha(opacity=65);
	opacity:0.65;
	}  	
	
	
	
.menu {
	float:left;
	margin:0 0 3px 47px;
	}

.footer {
	float:left;
	margin:0 0 0 28px;
	}


	
	
	
/* TEXT BEHAVIOUR */  	
	
.firstpara {
font-size:1.2em;
font-weight:bold;
}				  

.flink {
text-decoration:underline;
color:blue;
cursor:pointer;	
margin-bottom:150px;
}



/* FORMS */

.formbox {
	border:1px solid #47a942}
	
.button {
	border:1px solid #20368c;
	background:#e1e1e1;
	margin-left:10px;} 	 
	
	
/* IMAGE TRANSITION CSS */


 
.contentslide{
padding: 0 0 0 0;
margin:0 5px 10px 5px;
width:200px;
height:110px;
float:left;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}



.pagination{
width: 0px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background: none;
border: none;
border-width: 0 0 0 0; /*Left/ right border width of pagination DIV.*/
display:none;
margin: 0 0 0 -5px; 
padding:0px 0 0px 0px;	 
}	

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 0px; /*IE5 width*/
w\idth: 0px; /*IE6 width*/}

.pagination a:link, a:active, a:focus {color:black; text-decoration:none;}
.pagination a:hover {color:white; text-decoration:none;} 

#paginate-slider1 {display:none;}
#paginate-slider2 {display:none;}

.contentdiv {background-repeat:repeat-y;padding: 0px 0px 0px 0px;margin:0 0 0 0;border:none;}
.contentdiv p {padding:0px 0px 0px 0px;}