/* CSS Document */
/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, applet, object, iframe, blockquote, pre,  abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: left;
}
html { background: #fff url(images/bg_top_left_x.gif) repeat-x 0 0}

h2 { height: 1%; padding: 6px 10px 8px; color: #fff; font: normal 22px/28px arial; text-align: center}
h4 { height: 1%; padding: 6px 1px 8px; color: #000; font: normal 18px/20px arial; text-align: center}
.blue_title { width: 187px; background: #19c6f2 url(images/box_2_top.gif) no-repeat 0 0; margin-bottom: 27px;}
.blue_title h2 { background: url(images/box_2_bottom.gif) no-repeat left bottom}

.green_title { width: 187px; background: #14bc2f url(images/box_4_top.gif) no-repeat 0 0; margin-bottom: 26px;}
.green_title h2 { background: url(images/box_4_bottom.gif) no-repeat left bottom}

.purple_title { width: 187px; background: #d00089 url(images/box_5_top.gif) no-repeat 0 0; margin-bottom: 26px;}
.purple_title h2 { background: url(images/box_5_bottom.gif) no-repeat left bottom}

h3 {
	padding-left: 34px;
	background: url(images/img_5.gif) no-repeat 0 3px;
	color: #404040; font: normal 25px/28px arial;
	margin-bottom: 18px;
}

h3.title-page {
	padding-left: 34px;
	background: url(images/lgiconlargeanimal.png) no-repeat 0 3px;
	color: #404040; font: normal 25px/28px arial;
	margin-bottom: 18px;
}
title {
	padding-left: 34px;
	background: url(images/img_5.gif) no-repeat 0 3px;
	color: #404040; font: normal 25px/28px arial;
	margin-bottom: 18px;
}

a { color: #404040; font: normal 13px/19px arial;}
a:hover { text-decoration: none}

a.more {
	float: right; display: inline;
	background: url(images/marker_3.gif) no-repeat right 7px;
	padding-right: 16px;
	color: #12b8ee;
}

ul.list_1 {
	margin-left:0px; padding-left:0px;
	list-style:none outside;
}
ul.list_1 li {
	height: 1%;
	background: url(images/marker_1.gif) no-repeat 0 6px;
	padding-left: 10px;
	margin-bottom: 6px;
}
ul.list_1 li.last_li { margin-bottom:0}
ul.list_1 li a { text-decoration: none}
ul.list_1 li a:hover { text-decoration: underline}

ul.list_2 {
	margin-left:0px; padding-left:0px;
	list-style:none outside;
}
ul.list_2 li {
	height: 1%;
	background: url(images/marker_2.gif) no-repeat 0 4px;
	padding-left: 19px;
	margin-bottom: 23px;
}
ul.list_2 li.last_li { margin-bottom:0}

ul.list_3 {
	margin-left:0px; padding-left:0px;
	list-style:none outside;
}
ul.list_3 li {
	height: 1%;
	margin-bottom: 24px;
	color: #12b8ee;
	line-height: 16px;
}
ul.list_3 li.last_li { margin-bottom:0}

ul.list_4 {
	margin-left:10px; padding-left:0px;
	list-style:none outside;
}
ul.list_4 li {
	height: 1%;
	background: url(images/pdf.png) no-repeat 0 4px;
	padding-left: 40px;
	margin-bottom: 23px;
}
ul.list_4 li.last_li { margin-bottom:0}

ul.list_5 {
	margin-left:10px; padding-left:0px;
	list-style:none outside;
}
ul.list_5 li {
	height: 1%;
	background: url(images/catpaw.png) no-repeat 0 4px;
	padding-left: 40px;
	margin-bottom: 23px;
}
ul.list_5 li.last_li { margin-bottom:0}

ul.list_6 {
	margin-left:10px; padding-left:0px;
	list-style:none outside;
}
ul.list_6 li {
	height: 1%;
	background: url(images/smiconlargeanimal.png) no-repeat 0 4px;
	padding-left: 40px;
	margin-bottom: 23px;
}
ul.list_6 li.last_li { margin-bottom:0}


.br1 { line-height: 18px}
.br2 { line-height: 13px}
.br3 { line-height: 53px}
.br4 { line-height: 44px}
.br5 { line-height: 12px}
.br6 { line-height: 20px}

#top_right {
	width: 50%; height: 319px;
	background: url(images/bg_top_right_x.gif) repeat-x 0 0;
	position: absolute;
	top: 0; right: 0;
}

#global {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	color: #404040; font: normal 13px/19px arial;
}

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/

#header {
	width: 100%; height: 319px;
	background: url(images/bg_header.jpg) no-repeat top left;
	position: relative;
}

#title {
	width: 286px;
	height: 160px;
	padding-top: 110px;
	background: url(images/vetsymbol.png) no-repeat 88px 0;
	overflow: hidden;
	position: absolute;
	top: 37px;
	left: 26px;
}

.title {
	color: #4c4c4c;
	font: normal 26px/28px georgia;
	text-align: center;
}
.subtitle { color: #404040; font: normal 17px/23px arial; margin-left: 80px;}

ul.top_nav {
	position: absolute;
	top: 36px; left: 864px;
}

ul.top_nav li {
	float: left;
	width: 22px; height: 21px;
	padding-left: 12px;
	list-style: none;
}
ul.top_nav li.first { background: none; padding-left: 0}

ul.top_nav li a {
	display: block;
	width: 22px; height: 21px;
}
ul.top_nav2 {
	position: absolute;
	top: 116px; left: 864px;
}

ul.top_nav2 li {
	float: left;
	width: 100px; height: 121px;
	padding-left: 12px;
	list-style: none;
}
ul.top_nav2 li.first { background: none; padding-left: 0}

ul.top_nav2 li a {
	display: block;
	width: 100px; height: 121px;
}

/*
================================================================================
|                                     MAIN                                     |
================================================================================
*/

#main {
	width: 100%;
	padding-bottom: 64px;
}

.clearfix {
	clear: both;
	width: 100%; height: 0px;
	position: relative; overflow: hidden;
}

#menu {
	width: 259px;
	position: relative;
	margin-left: -45px;
	margin-right: -27px;
	margin-bottom: 32px;
	padding: 37px 0px 21px;
}

#menu li {
	height: 1%;
	padding-left: 43px;
	clear: both;
	margin: 0 27px 6px 45px;
	margin-bottom: 6px;
	list-style: none;
	vertical-align: text-top;
	background: url(images/menu_line.gif) repeat-x left bottom;
}
#menu li.menu_last { background: none; margin-bottom:0}

#menu li a {
	display: block;
	background: url(images/menu_off.gif) no-repeat 0 6px;
	color: #404040; font: normal 16px/20px arial;
	padding: 0px 20px 10px;
	text-decoration: none;
}
#menu a:hover { color: #ff8e09; background: url(images/menu_on.gif) no-repeat 0 6px}
#menu a.active { color: #ff8e09; background: url(images/menu_on.gif) no-repeat 0 6px}

.content_l {
	width: 190px; float: left;
	position: relative;
	padding-left: 45px;
	padding-bottom: 10px;
}
.content_l a.more { margin-right: 3px}

.content_center {
	width: 428px; float: left;
	position: relative;
	padding-top: 31px;
	padding-left: 51px;
}

.content_r {
	width: 197px; float: left;
	position: relative;
	padding-top: 31px;
	padding-left: 53px;
}

.grey_box {
	width: 425px;
	background: #e6f7fc url(images/box_3_top.gif) no-repeat 0 0;
	margin-bottom: 25px;
}
.grey_box_cont {
	height: 1%;
	position: relative;
	background: url(images/box_3_bottom.gif) no-repeat left bottom;
	padding: 28px 33px 59px 38px;
}
.grey_box_cont h3 { background: none; padding-left: 0}

.columns {
	width: 100%;
	position: relative;
}
.col_1_left { width: 129px; float: left}
.col_1_center { width: 129px; float: left; padding-left: 20px}
.col_1_right { width: 129px; float: left; padding-left: 20px}

.table {
	width: 425px;
	background: url(images/line_table_y.gif) repeat-y 24px 0;
	line-height: 17px;
	margin: 17px 0 0px;
	position: relative;
}
.table_cont { position: relative; background: url(images/line_table_y.gif) repeat-y 380px 0}

.table_row {
	width: 100%;
	background: url(images/line_table_x.gif) repeat-x top left;
	clear: both;
	padding: 1px 0 0px;
}
.table_row_first { background: none}

.table_col1 {
	float: left; width: 10px;
	padding-left: 5px;
}

.table_col2 {
	float: left; width: 500px;
	padding-left: 7px;
}

.table_col3 {
	float: left; width: 2px;
	padding-left: 9px;
}

.pict11 { padding: 0px 0 38px;}
.pict11 img { float: left; margin: 9px 11px 0px 0px}
.img31 { padding: 4px 0 16px; vertical-align: text-top}
.pict41 { padding: 0px 0 44px;}
.pict41 img { float: left; margin: 4px 21px 0px 0px}
.pict42 { padding: 16px 0 0px;}
.pict42 img { float: left; margin: 4px 21px 0px 0px}
/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
#footer {
	width: 909px;
	margin: 0 45px;
	padding: 27px 0 27px;
	background: #e8e8e8 url(images/bg_footer_top.gif) no-repeat 0 0;
}

#copyrights {
	padding: 0px 28px 0 44px;
	text-align: center;
	color: #404040; font: normal 13px/16px arial;
}
#copyrights span { margin-left: 16px; font-weight: normal}
#copyrights a { color: #404040;  font: normal 13px/16px arial; margin: 0 16px 0 12px; text-decoration: underline}
#copyrights a:hover { text-decoration: none}
/*
================================================================================
|                                    GALLERY                                   |
================================================================================
*/
#gallery {
	width: 447px; height: 128px;
	margin-right: -19px;
	overflow: hidden;
	position: relative;
	padding-top: 17px;
}

#gallery img {
	float: left; display: inline;
	width: 127px; height: 128px;
	padding-right: 22px;
}

.gallery_nav {
	margin: 18px 160px 0px 170px;
	height: 18px;
	position: relative;
	overflow: hidden;
}

.gallery_nav a.gal_pages {
	float: left;
	width: 16px;
	cursor: pointer;
	color: #404040; font: bold 13px/18px arial;
	text-decoration: underline;
	text-align: center;
	margin-right: 11px;
}
.gallery_nav a.gal_page_last { margin-right: 2px}

a.l_button {
	width: 7px; height: 13px;
	float: left; display: inline;
	cursor: pointer;
	padding-right: 0px;
	background: url(images/button_left.gif) no-repeat 0 bottom;
}

a.r_button {
	width: 7px; height: 13px;
	float: left; display: inline;
	cursor: pointer;
	background: url(images/button_right.gif) no-repeat 1px bottom;
}

/*
================================================================================
|                                   SEARCH FORM                                |
================================================================================
*/
.search_form {
	position: absolute;
	top: 225px; left: 105px;
}
.hours {
	position: absolute;
	top: 68px; left: 855px;
	text-align: center;
}
.search_cont {
	position: relative;
	float: left; display: inline;
	width: 124px; height: 20px;
	background: url(images/box_1.gif) no-repeat top left;
	padding: 3px 4px 0 9px;
}

.search_field {
	display: block; float: left;
	width: 122px; height: 20px;
	border: 0; background: none;
	color: #959595; font: normal 13px/14px arial;
}

input.search_btn {
	display: block; width: 40px; height: 23px;
	float: left; display: inline;
	border: none; padding: 0;
	margin-left: 10px;
	background: url(images/button_1.gif) no-repeat top left;
	color: #fff; font: normal 13px/22px arial;
	cursor: pointer;
}
/*
================================================================================
|                                     NEWSLETTER                               |
================================================================================
*/
#newsletter_box {
	width: 100%;
	margin: 48px 0 0;
}
#newsletter_box h3 {
	padding-left: 34px;
	background: url(images/img_6.gif) no-repeat 1px 4px;
	font-size: 22px;
	margin-bottom: 11px
}

#newsletter_form { overflow: hidden;}
#newsletter_form label { color: #404040; font: normal 13px/28px arial;}

.newsletter_field_cont {
	width: 124px; height: 20px;
	float: left;
	background: url(images/box_6.gif) no-repeat top left;
	padding: 3px 4px 0 9px;
	overflow: hidden;
}

input.newsletter_field {
	display: block;
	border: 0; background: none;
	width: 122px; height: 20px;
	vertical-align: text-top;
	color: #404040; font: normal 13px/13px arial;
}

.newsletter_btn {
	display: block; width: 40px; height: 23px;
	float: left; display: inline;
	margin-left: 10px;
	background: url(images/button_2.gif) no-repeat top left;
	border: 0; padding: 0;
	color: #fff; font: normal 13px/22px arial;
	text-align: center;
	cursor: pointer;
}
/*
================================================================================
|                                    CONTACT FORM                              |
================================================================================
*/
.contact_form {
	color: #404040; font: bold 13px/10px arial;
	padding-top: 6px;
}

.form_columns { height: 1%; margin-bottom: 7px}
.column1 {
	width: 202px;
	float: left; display: inline;
}

.column2 {
	width: 204px;
	float: left; display: inline;
	margin-left: 22px;
}

.field11 {
	width: 199px; height: 14px;
	border: 1px solid #d4d0c8;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	padding: 0 0 2px;
	margin-top: 3px;
}

.field12 {
	width: 201px; height: 14px;
	border: 1px solid #d4d0c8;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	padding: 0 0 2px;
	margin-top: 3px;
}

.name_field {margin-top: 7px}

.message { 
    vertical-align: text-top
}
.field2 {
	width: 225px; height: 125px;
	border: 1px solid #d4d0c8;
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	overflow: auto;
	margin-top: 3px;
}

.btn { text-align: right; margin-top: 19px}
.btn_clear {
	background: url(images/button_3.gif) no-repeat top left;
	width: 56px; height: 19px;
	border: 0px; cursor: pointer;
	margin-right: 12px;
}
.btn_send {
	background: url(images/button_4.gif) no-repeat top left;
	width: 56px; height: 19px;
	border: 0px; cursor: pointer;
}
.asterisk {
	color: #ff0000;
}
.captcha {
	 color: #0066FF;}
input{ color: #404040; font: normal 12px Tahoma}
textarea{color: #404040; font: normal 12px Tahoma}
