@charset "utf-8";



/* CSS Document */



body {



	background-color: #3399CC;



	padding: 0px;



	margin: 0px;



	background-attachment: fixed;



	background-image: url(../images/bg.jpg);



	background-repeat: repeat-x;



	background-position: left top;



}







#header {

	background-image: url(../images/approved_header2.jpg);

	background-repeat: no-repeat;

	height: 180px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 0px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #666;

	border-left-color: #666;

}



#flashheader {

	height: 180px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 0px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #666;

	border-left-color: #666;

}

	/* hide from ie on mac \*/	

	#flashcontent {

	width: 900px;

	height: 450px;

	padding-top: 20px;

	z-index: -1000;

	padding-bottom: 20px;

	}

	/* end hide */

.none {

	text-decoration: none;

	margin-left: 20px;

}

#bottom_radius {

	background-image: url(../images/bottom_radius.gif);

	background-repeat: no-repeat;

	height: 22px;

	width: 902px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 0px;

}

.temp {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333;

	margin-left: 20px;

	background-color: #FFF;

	font-weight: bold;

	padding-top: 20px;

}

#footer {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align: center;

	color: #333;

	margin-top: 10px;

	text-decoration: none;

	padding-bottom: 10px;

}



#footer a:link{



	color: #FFFFFF;



	text-decoration: none;



}



#footer a:visited{



	color: #FFFFFF;



	text-decoration: none;



}



#footer a:hover{



	color: #000066;



	text-decoration: none;



}



#footer a:active{



	color: #000066;



	text-decoration: none;



}



.container {

	background-color: #FFF;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #666;

	border-bottom-color: #666;

	border-left-color: #666;



}

h1#dental_header span { display: none; }

h1#dental_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/dental_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#emergency_header span { display: none; }

h1#emergency_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/emergency_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 0px;

	margin-right: auto;

	padding: 0px;

}

h1#staff_header span { display: none; }

h1#staff_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/staff_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: 12px;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#staff_header2 span { display: none; }

h1#staff_header2 {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/staff_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#petsupply_header span { display: none; }

h1#petsupply_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/petsupply_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#veterinary_header span { display: none; }

h1#veterinary_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/veterinary_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#veterinary_header2 span { display: none; }

h1#veterinary_header2 {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/veterinary_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: 12px;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#newsletter_header span { display: none; }

h1#newsletter_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/newsletter_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#questions_header span { display: none; }

h1#questions_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/questions_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#directions_header span { display: none; }

h1#directions_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/directions_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: 12px;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#links_header span { display: none; }

h1#links_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/links_header.jpg);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 0px;

	margin-right: auto;

}

h1#contact_header span { display: none; }

h1#contact_header {

	height: 45px; /* height of the replacement image */

	background-image: url(../images/contact_header.png);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-left: auto;

	margin-bottom: 10px;

	margin-right: auto;

}

H3 {

	margin-top: 20px;

	margin-bottom: 10px;

	color: #333;

}

H4 {



	margin-top: 20px;



	margin-bottom: 20px;



}

H5 {

	margin-top: 0px;

	margin-bottom: 5px;

	color: #333;

	}



.rule {

	padding: 0px;

	color: #9CF;

	margin-top: -10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.h3pic {

	width: 150px;

	border: 1px solid #666;

	float: left;

	margin-right: 20px;

	margin-bottom: 10px;

	height: auto;

	clear: left;

	padding: 5px;

	text-decoration: none;

}

.250pic {

	width: 200px;

	border: 1px solid #000066;

	float: left;

	margin-right: 20px;

	margin-bottom: 10px;

	height: auto;

	clear: left;

}

.sidepic {

	width: 190px;

	border: 1px solid #666;

	margin-right: auto;

	margin-bottom: 20px;

	height: auto;

	padding: 5px;

	text-decoration: none;

	margin-top: 20px;

	margin-left: 10px;

	background-color: #FFF;

}

.floatpic {

	width: 100px;

	border: 1px solid #666;

	margin-right: auto;

	margin-bottom: 20px;

	height: auto;

	padding: 5px;

	text-decoration: none;

	margin-top: 20px;

	margin-left: 10px;

	background-color: #FFF;

}

.content {



	width: 600px;



	float: left;



	overflow: hidden;



}

.text {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	line-height: 1.5em;

	overflow: visible;

	padding-left: 20px;

	padding-bottom: 20px;

	float: left;

	padding-top: 0px;

	margin-top: 0px;

	padding-right: 20px;

	width: 600px;

}

.vettext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	line-height: 1.5em;

	overflow: visible;



	float: left;

	padding-top: 0px;

	margin-top: 0px;

	padding-right: 20px;

	width: 600px;

	background-image: url(../images/veterinary_bg.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	height: 400px;

}

.stafftext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	line-height: 1.5em;

	overflow: visible;

	padding-left: 0px;

	padding-bottom: 20px;

	float: left;

	padding-top: 0px;

	margin-top: 0px;

		padding-right: 0px;

	width: 650px;

}



.text2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

	padding-top: 0px;

	margin-top: -3px;

	line-height: 1.5em;

	overflow: visible;

	padding-left: 15px;

	height: 402px;

}

p {



	margin-top: 10px;



	margin-right: 0px;



	margin-bottom: 0px;



	margin-left: 0px;



}



.link {



	text-decoration: none;



	color: #006;



}

.piclink {

	text-decoration: none;

	color: #006;

	border: 1px solid #006;

	margin-right: auto;

	margin-left: auto;

}





.twoColFixRt #container {

	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	text-align: left;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #666;

	border-bottom-color: #666;

	border-left-color: #666;

	padding: 0px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

.twoColFixRt #container2 {

	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	text-align: left;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #FFF;

	border-bottom-color: #FFF;

	border-left-color: #FFF;

	margin-top: -50px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 20px;

}

.twoColFixRt #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 216px;
	background-color: #9CF;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	display: inline-block;
	height: 100%;
	margin: 0px;
	padding-top: 0px;
}

.twoColFixRt #sidebarcontact{

	float: right; /* since this element is floated, a width must be given */

	width: 220px;

	background-color: #9CF;

	padding-top: -20px;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 10px;

	margin-top: 0px;

	border-top-width: 15px;

	border-top-style: solid;

	border-top-color: #FFF;

	margin-right: 15px;

	height: 440px;

}

.twoColFixRt #sidebar2 {

	float: right; /* since this element is floated, a width must be given */

	width: 220px;

	background-color: #9CF;

	height: auto;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	margin-top: 0px;

}

#map {

	height: 400;

	width: auto;

	background-color: #FFF;

	padding-top: 20px;

}





.twoColFixRt #mainContent {

	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	margin: 0px;

	background-color: #FFF;

} 



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */



	float: right;



	margin-left: 8px;



}



.fltlft { /* this class can be used to float an element left in your page */



	float: left;



	margin-right: 8px;



}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */



	clear:both;



    height:0;



    font-size: 1px;



    line-height: 0px;



}





.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */



	float: right;



	margin-left: 8px;



}



.fltlft { /* this class can be used to float an element left in your page */



	float: left;



	margin-right: 8px;



}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */



	clear:both;






    font-size: 0px;



    line-height: 0px;



}



.glossymenu{

	list-style-type: none;

	padding: 0;

	width: 200px;

	border: 1px solid #666;

			margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}







.glossymenu li a{

	color: #333;

	display: block;

	width: auto;

	text-decoration: none;

	font-family: Verdana;

	font-size: 11px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #666;

	background-image: url(../images/navbg5.gif);

	background-repeat: repeat-x;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 3px;

}











* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */

	width: 200px;





}





.glossymenu li a:active{

	color: #333;

}







.glossymenu li a:hover{

	background-image: url(../images/navbg3.gif);

	color: #FFF;

}

div.left {

	margin-right: 20px;

	width: 180px;

	float: left;

	display: inline;

}

div.left p {

	text-align: center;

	margin-top: 10px;

	margin-bottom: 20px;

	color: #666;

}

.thumb {

	width: 180px;

	padding: 5px;

	border: 1px solid #666;

	text-decoration: none;

}

#email{

	width: 580px;

	float: left;



}

.emailheader{

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: -30px;

	margin-left: 0px;

}

.emailsubmit{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #333;

	border: 1px solid #CCCCCC;

	background-image: url(../images/navbg5.gif);

	background-repeat: repeat-x;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

}

.emailtext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	text-decoration: none;

}

#photos {

	z-index: -120;

	height: 520px;

	width: 900px;

}

.messagereceived {

	font-family: Verdana, Geneva, sans-serif;

	color: #333;

	background-image: url(../images/ofer_masked.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	height: 300px;

	width: 880px;

	margin-left: 20px;

}

.linkstext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	line-height: 1.5em;

	overflow: visible;

	padding-left: 20px;

	float: left;

	padding-top: 0px;

	margin-top: 0px;

	padding-right: 20px;

	width: 600px;

	height: 320px;

	background-image: url(../images/ofer_masked2.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

.search {

	position: absolute;

	display: inline;

	padding-top: 150px;

	margin-left: 660px;

}

.searchbutton {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #333;

	border: 1px solid #CCCCCC;

	background-image: url(../images/navbg5.gif);

	background-repeat: repeat-x;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	margin: 0px;

	display: inline;

}

.thumbnail{

position: relative;

z-index: 0;

width: 150px;

	border: 1px solid #666;

	float: left;

	margin-right: 20px;

	margin-bottom: 10px;

	height: auto;

	clear: left;

	padding: 5px;

	text-decoration: none;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

	position: absolute;

	background-color: #FFF;

	padding: 5px;

	left: -1000px;

	border: 1px solid gray;

	visibility: hidden;

	color: #333;

	font-family: Verdana, Geneva, sans-serif;



}



.thumbnail span img{ /*CSS for enlarged image*/

	padding: 0px;

	border: 1px solid #FFF;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: -1px;

left: -1px; /*position where enlarged image should offset horizontally */



}

.docs {

position: relative;

z-index: 0;

width: 180px;

	border: 1px solid #666;

	float: left;

	margin-right: 20px;

	margin-left: 0px;

	margin-bottom: 10px;

	height: auto;

	clear: left;

	padding: 5px;

	text-decoration: none;

}



.docs:hover{

background-color: transparent;

z-index: 50;

}



.docs span{ /*CSS for enlarged image*/

	position: absolute;

	background-color: #FFF;

	padding: 5px;

	left: -1000px;

	border: 1px solid gray;

	visibility: hidden;

	color: #333;

	font-family: Verdana, Geneva, sans-serif;



}



.docs span img{ /*CSS for enlarged image*/

	padding: 0px;

	border: 1px solid #FFF;

}



.docs:hover span{ /*CSS for enlarged image on hover*/

	visibility: visible;

	top: -1px;

	left: -20px; /*position where enlarged image should offset horizontally */

	overflow: visible;

}

.tube {

	clear: left;

	float: left;

	padding: 5px;

	margin-top: 0px;

	margin-right: 20px;

	margin-bottom: 0px;

	margin-left: 0px;

	border: 1px solid #666;

	display: inline;

}

.tubehead {

	clear: left;

	float: left;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #333;

	padding: 0px;

	margin-top: -10px;

	margin-right: 20px;

	height: 50px;

	width: 162px;

}

.tubetext {

	clear: left;

	float: left;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #333;

	padding: 0px;

	margin-top: 5px;

	margin-right: 20px;

	height: 60px;

	width: 162px;

}

.indent {

	float: left;

	width: 300px;

	margin-right: auto;

	margin-left: -20px;

	margin-top: 0px;

	margin-bottom: 20px;



}

.pawlist

{

	list-style: none;



}



.pawlist li 

{

	padding-right: 20px;

	list-style-image: url(../images/paw.gif);

	margin-left: 150px;

}

.hometext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	line-height: 1.75em;

	overflow: visible;

	padding-left: 0px;

	padding-bottom: 0px;

	float: left;

	padding-top: 0px;

	margin-top: 0px;

	padding-right: 20px;

	width: 600px;

	font-weight: bold;

}

.homepic {

	margin-left: 20px;

}

.homeside {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	line-height: 1.75em;

	overflow: visible;

	padding-left: 20px;

	padding-bottom: 0px;


	padding-top: 0px;

	margin-top: 0px;

	padding-right: 20px;

	width: 196px;


}