html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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;
	vertical-align: baseline;
	background: transparent;
}

body
{
	font-family: arial;
	font-size: 10pt;
}

p { padding-bottom: 10px; }

div.container
{
	width: 936px;
	margin: 0 auto;
}

div.header
{
	position: relative;
	width: 936px;
	height: 209px;
	background-image: url('../images/header-bg.jpg');
}

div.header div.logo
{
	position: absolute;
	left: 22px;
	top: 28px;
}

div.header div.image-rotator
{
	position: absolute;
	top: 28px;
	left: 590px;
	width: 340px;
	height: 161px;
}

div.content
{
	float: left; 
	margin: 0 0 0 185px;
	width: 729px;
	padding-top: 15px;
}

div.content h1
{
	color: #5f4c45;
	background: url('../images/headline-logo.gif') no-repeat;
	padding-left: 85px;
	padding-top: 24px;
	padding-bottom: 31px;
	font-size: 13pt;
	font-weight: bold;
	font-family: Arial Black;
}
div.content h2
{
	color: #5f4c45;
	font-size: 10pt;
	font-family: Arial;
	padding-bottom: 10px;
}

div.content a, div.content a:visited
{
	color: #0000ff;
}

div.content a:hover
{
	color: #5693d0;
}

div.left-bar
{
	float: left;
	margin: 0 0 0 -903px;
	width: 160px;
	background-color: #e77639;
}

div.left-bar ul { list-style-type: none; }
div.left-bar ul li { }

ul.menu 
{
	width: 160px;
}

ul.menu li
{
	border-bottom: solid 2px #e7e7e7;
	background-color: #e77639;
}

ul.menu li.first
{
	border-top: solid 2px #e7e7e7;
}

ul.menu li a, ul.menu li a:visited
{
	display: block;
	width: 159px;
	height: 39px;
	padding: 0px;
	text-indent: -99999px;
	font-size: 10pt;
	font-family: Century Gothic;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

ul.menu li a.home, ul.menu li a.home:visited
{
	background: url('../images/menu/home.gif') no-repeat 0px 0px;
}
ul.menu li a.why-spay, ul.menu li a.why-spay:visited
{
	background: url('../images/menu/why-spay.gif') no-repeat 0px 0px;
}
ul.menu li a.questions, ul.menu li a.questions:visited
{
	background: url('../images/menu/questions.gif') no-repeat 0px 0px;
}
ul.menu li a.low-cost, ul.menu li a.low-cost:visited
{
	background: url('../images/menu/low-cost.gif') no-repeat 0px 0px;
}
ul.menu li a.certificate, ul.menu li a.certificate:visited
{
	background: url('../images/menu/certificate.gif') no-repeat 0px 0px;
}
ul.menu li a.feral-cat, ul.menu li a.feral-cat:visited
{
	background: url('../images/menu/feral-cat.gif') no-repeat 0px 0px;
}
ul.menu li a.contact, ul.menu li a.contact:visited
{
	background: url('../images/menu/contact.gif') no-repeat 0px 0px;
}
ul.menu li a.home:hover, ul.menu li a.why-spay:hover, ul.menu li a.questions:hover, ul.menu li a.low-cost:hover, ul.menu li a.certificate:hover, ul.menu li a.feral-cat:hover, ul.menu li a.contact:hover
{
	background-position: 0px -39px;
}

div.site-sponsers 
{

}

div.site-sponsers h3
{
	font-size: 10pt;
	font-family: Century Gothic;
	font-weight: normal;
	text-align: center;
	width: 160px;
	padding-bottom: 16px;
	padding-top: 16px;
}

div.site-sponsers ul
{

}

div.site-sponsers ul li
{
	padding-bottom: 16px;
	padding-left: 30px;
}

div.site-sponsers ul li.title
{
	padding-top: 16px;
}

div.search-box
{
	float:left;
	width: 300px;
	background-color: #f6d4c2;
	border: 1px solid #5f4c45;
	margin: 4px 10px 4px 4px;
	padding-right:
}

div.search-box h2
{
	width: 290px;
	background-color: #e77639;
	color: #ffffff;
	padding: 5px 5px;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial Black;
	border-bottom: 1px solid #5f4c45;
}

div.search-box div.pet-inputs, div.search-box p.zip-code, div.search-box p.submit-button { padding: 3px 4px;}

div.search-box div.pet-inputs
{
	padding-top: 5px;
}

div.pet-inputs p.add-pet a, div.pet-inputs p.add-pet a:visited
{
	padding-left: 18px;
	background: url(../images/add-icon.gif) no-repeat center left;
	text-decoration: none;
}

div.pet-inputs p.add-pet a:hover
{
	background: url(../images/add-icon-hover.gif) no-repeat center left;
	text-decoration: underline;
}

div.search-box p.submit-button
{
	text-align: center;
}

.hidden { display: none;}

ul.search-results
{
	list-style-type: none;
}

ul.search-results li
{
	clear: both;
	
}

ul.search-results li a, ul.search-results li a:visited
{
	color: #0066cc;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}

ul.search-results li div.details-left a.more-info, ul.search-results li div.details-left a.more-info
{
	font-weight: normal;
	font-size: 9pt;
	font-style: italic;
}

ul.search-results li a:hover
{
	color: #5693d0;
	text-decoration: underline;
}

ul.search-results li div.details-left 
{
	float: left;
	width: 300px;
	padding-bottom: 20px;
}

ul.search-results li div.details-right
{
	float: left; 
}

input.text.address
{
	width: 180px;
	background-color: #ffffa0;
}

.vet-info .label
{
	font-weight: bold;
	width: 150px;
	text-align: right;
	padding-right: 10px;
}

.previous-page
{
	float: right;
	margin-right: 100px;
	margin-top: 20px;
}

.content .map-container
{
	float: right;
}
.content .gmap
{
	width: 250px;
	height: 200px;
	border: 1px solid #000000;
}

.content a.directions
{
	display: block;
	padding-left: 90px;
}

#jQueryFAQ .faqcontent
{
	margin: 0 10px 0 10px;
	font-size: 95%;
}

#jQueryFAQ h2.faqopened, #jQueryFAQ h2.faqclosed
{
	cursor: pointer;
	padding: 0px 0 0 15px;
	border-bottom: dotted 1px #cccccc;
	margin-bottom: 0px;
	margin-top: 10px;
}

#jQueryFAQ h2.faqclosed:hover
{
	color: #5f4c45;
}

#jQueryFAQ h2.faqclosed 
{
	color: #666666;
	background: transparent url(../images/collapsed.png) no-repeat scroll 0 4px;
}

#jQueryFAQ h2.faqopened 
{
	color: #5f4c45;
	background: transparent url(../images/expanded.png) no-repeat scroll 0 4px;
}

#search-map-canvas
{
	width: 600px;
	height: 400px;
	border: 1px solid #000000;
}

.map-results
{
	padding-left: 140px;
}

.results-list
{
	padding-left: 450px;
}

table.contact-form tr
{
	
}

table.contact-form tr td
{
	padding-bottom: 3px;
}

table.contact-form tr td.label
{
	text-align: right;
	width: 150px;
	font-weight: bold;
	padding-right: 5px;
	vertical-align: top;
}

table.contact-form tr td input.text
{
	width: 200px;
}

table.contact-form tr td textarea.comments
{
	width: 450px;
	height: 140px;
}
