@charset "utf-8";
/*
Client:	Barrie Veterinary Hospital
Author: Ty Walkland

/*GLOBAL*/

* {
	margin: 0;
	padding: 0;
}

body { margin:30px 0 0 0; background:url(../../images/bg-body.png) repeat-x #192e42; }

img { border:none; }

.skip { position:absolute; top:2%; left:2%; text-indent:-9999px; }

.clear { clear:both; content:"."; }

.spacer { clear:both; height:40px; }

#wrapper { margin:auto; width:1134px; position:relative; }

#topper {
	width:1054px;
	padding: 0 40px;
	position: relative;
}

#topper.index {
	height:323px;
	background:url(../../images/bg-top-index.png) bottom no-repeat;
}

#topper.content {
	height:143px;
	background:url(../../images/bg-top.png) bottom no-repeat;
}

#logo {
	position:absolute;
	top:30px;
	left:65px;
}

	/*Navigation*/
	
	ul#navTop {
	position:absolute;
	top:43px;
	right:65px;
	list-style:none;
	}
	
	ul#navTop li { float:left; }
	
	ul#navTop li a {
	display:block;
	height:30px;
	margin-right:2px;
	text-indent:-9999px;
	}
	
	ul#navTop li#clinic a { width:90px; background:url(../../images/nav-clinic.png) no-repeat; }
	ul#navTop li#clinic a:hover { background:url(../../images/nav-clinic-on.png) no-repeat; }
	
	ul#navTop li#pet a { width:80px; background:url(../../images/nav-pet.png) no-repeat; }
	ul#navTop li#pet a:hover { background:url(../../images/nav-pet-on.png) no-repeat; }
	
	ul#navTop li#resources a { width:92px; background:url(../../images/nav-resources.png) no-repeat; }
	ul#navTop li#resources a:hover { background:url(../../images/nav-resources-on.png) no-repeat; }
	
	ul#navTop li#home a { width:52px; background:url(../../images/nav-home.png) no-repeat; }
	ul#navTop li#home a:hover { background:url(../../images/nav-home-on.png) no-repeat; }
	
	#navShadow {
	position:absolute;
	top:79px;
	right:58px;
	}

/*STRUCTURE*/
#content {
	width:1120px;
	padding:0 7px;
	background:url(../../images/bg-content.png) repeat-y;
	overflow:auto;
}


#footer {
	width:1040px;
	padding:30px 40px 0 40px;
	background:#E2E2E2 url(../../images/bg-footer.png) bottom repeat-x;
	border-top:1px solid #C2C2C2;
	clear:both;
	overflow: auto;
}

#footer.content {
	padding:15px 15px 0 15px;
	width: 1090px;
	height: 45px;
}

p#welcome {
	position:absolute;
	width:360px;
	left:90px;
	top:145px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#ebebeb;
}

p#welcome a {
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color:#b0d8ff;
	text-align: right;
	border-bottom: 1px solid;
}

p#welcome a:hover {
	color:#CC6;
}

.header {
	font:normal 20px/1 Arial Narrow, Arial, Helvetica, sans-serif;
	color:#b0d8ff;
	display:block;
	margin-bottom:8px;
}

#portal {
	position:relative;
	width:220px;
	height:140px;
	top:140px;
	left: 785px;
}

#portal input {
	padding: 4px 4px;
	background-color:#F5F5F5;
	border:1px solid #666;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}

#portalAbout {
	position:relative;
	left:76px;
	top:15px;
}

#bookmark {
	position:absolute;
	bottom:18px;
	right:90px;
	border:none;
}

#bookmark.content {
	bottom:11px;
	right:65px;
}

#mast {
	position:relative;
	width:640px;
	height:210px;
	background:url(../../images/bg-mast.png) no-repeat;
	float: left;
}

#mast blockquote {
	position:absolute;
	top:110px;
	left:310px;
	width:275px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#mast table {
	position:absolute;
	top:15px;
	right:15px;
	width:150px;
	border:none;
	border-left:1px solid #CC6;
}

#mast td {
	font:normal 10px/0.9 Arial, Helvetica, sans-serif;
}

#mast td.left {
	width:30%;
	color:#CC6;
	text-transform:uppercase;
	padding-left:5px;
}

#mast td.right { width:70%; color:#fff; }

.mastLinks {
	position:absolute;
	bottom:5px;
	left:275px;
}

.mastLinks a {
	margin-right:10px;
	font:normal 9px/9px Arial, Helvetica, sans-serif;
	color:#CC6;
	text-decoration:none;
	text-transform:uppercase;
}

.mastLinks a img {
	border:none;
}

#news, #adopt {
	width:170px;
	height:150px;
	float:left;
	margin-top: 15px;
	padding: 10px 30px;
}

#news {
	border-right:1px solid #E2E2E2;
}

#news h1, #adopt h1 {
	font:normal 20px Arial Narrow, Arial, Helvetica, sans-serif;
	color:#192e42;
	margin-bottom: 5px;
}

#news p, #adopt p {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #363636;
	margin-left: 5px;
	margin-bottom: 8px;
}

#adopt h2 {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin-top:15px;
	margin-bottom: 3px;
	border-top: 1px solid #ccc;
	padding-top: 5px;
}

#adopt ul {
	list-style:none;
}

#adopt li.adopt, #adopt li.adopt a {
	margin-left:2px;
	font:italic 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #993;
	margin-bottom:0;
}

#adopt li.adopt a:hover {
	border-bottom:1px solid;
}

#news a {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#news a:hover {
	color: #993;
}

img.pdf {
	border:none;
	vertical-align:text-bottom;
	margin-right: 5px;
}


#location {
	width:360px;
	float:left;
	border-right:1px solid #cacaca;
	padding: 0 20px;
	height: 280px;
}


#location img {
	float:right;
	position: relative;
	left: -10px;
	top: -25px;
}

#location h2 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#192e42;
	margin-left: 5px;
}

#location address {
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#192e42;
	margin-bottom: 18px;
	margin-left: 5px;
}

#location table {
	border:none;
	margin-left: 3px;
	width: 170px;
	padding: 0;
}
#location td {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#location td.day {
	width:50%;
	color:#363636;
}
#location td.time {
	width:50%;
	color:#666;
	padding-left: 10px;
}

#location ul {
	list-style:none;
	margin-bottom: 10px;
}

#location li.location, #location li a {
	font:italic 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #666666;
	margin-bottom:0;
	margin-left: 2px;
}

#location li.location a:hover {
	border-bottom:1px solid;
}

address#emerg {
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}

h2#emerg {
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#666;
}

#contact {
	width:390px;
	float:left;
	border-right:1px solid #cacaca;
	padding: 0 20px;
	height: 280px;
}

#contact table {
	border:none;
	margin-bottom: 18px;
	margin-left: 5px;
}

#contact table td, #contact table td a {
	border:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	vertical-align:top;
}

#contact table td.name {
	color:#192e42;
	padding-right: 5px;
}

#contact table td.number {
	color:#369;
	padding-left: 10px;
}

#contact table td.number a {
	color:#369;
	border-bottom: 1px dotted;
}

#contact table td.number a:hover {
	color:#993;
}

#contact input {
	padding: 4px 4px;
	background-color:#F5F5F5;
	border:1px solid #666;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}

	#contact input.box {
	width:150px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
	}

	#contact input.button {
	padding: 3px 3px;
	background-color:#993;
	border:none;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-right: 3px;
	margin-top: 3px;
	}

	#contact textarea {
	padding: 4px 6px;
	width:195px;
	background-color:#F5F5F5;
	border:1px solid #666;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}

#new {
	width:160px;
	float:left;
	padding: 0 20px;
	height: 280px;
}

#new p {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#363636;
	margin-bottom: 8px;
	margin-left: 5px;
}

#new a {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
	border-bottom: 1px dotted #aaa;
}

#new a:hover {
	color:#993;
}

p#copyright {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#909090;
	margin: 0;
	margin-left: -11px;
	width: 190px;
	margin-bottom: 2px;
}

p#credit {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#909090;
	margin: 0 0 8px 3px;
}

p#credit a {
	color:#909090;
	text-decoration:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

p#credit a:hover {
	color:#993;
}

#navFooterContainer { margin-left:-11px; }

	ul#navFooter {
	list-style:none;
	width: 180px;
	}
	
	ul#navFooter.content {
	float:right;
	margin-right: -7px;
	}
	
	ul#navFooter li {
	float:left;
	margin-right: 7px;
	}
	
	ul#navFooter li a {
	text-decoration:none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #909090;
	border:none;
	}

#footer h1 {
	font:normal 20px Arial Narrow, Arial, Helvetica, sans-serif;
	color:#8D8D8D;
	margin-bottom: 10px;
}

#footer h1.firstVisit {
	color:#369;
}

.divider {
	width:200px;
	height:1px;
	background:#cacaca;
	margin: 50px 0 10px -20px;
}

	ul#navTopSub {
	position:absolute;
	list-style:none;
	bottom: 11px;
	left: 65px;
	}
	
	ul#navTopSub li {
	float:left;
	margin-right: 15px;
	}
	
	ul#navTopSub li {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ebebeb;
	}
	
	ul#navTopSub li a {
	text-decoration:none;
	color: #b0d8ff;
	}
	
	ul#navTopSub li a:hover {
	color:#CC6;
	border-bottom:1px dotted;
	}

ul#navTrace {
	list-style:none;
	position: absolute;
	top: 12px;
	left: 15px;
}

ul#navTrace li {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
}

ul#navTrace li {
	color:#666;
}

ul#navTrace li a {
	color:#909090;
	text-decoration:none;
}
ul#navTrace li a:hover {
	border-bottom: 1px dotted;
}

.slash { background:url(../../images/icon-slash.gif) 0 50% no-repeat; padding-left:10px; }

#contentContainer {
	padding:30px 40px;
	width:1040px;
	position: relative;
}

#contentLeft {
	width:593px;
	float: left;
	padding-right: 30px;
	padding-top: 20px;
	border-right: 1px solid #cacaca;
}

#contentRight {
	width:416px;
	float: right;
}

#contentRight h1 {
	font:normal 18px Arial Narrow, Arial, Helvetica, sans-serif;
	color: #8D8D8D;
	margin-bottom: 0.2em;
}

#contentRight h2 {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#192e42;
}

#contentRight p {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin-bottom: 0.5em;
}

#contentRight a {
	text-decoration:none;
}

#contentRight h1.emerg {
	color:#F00;
	font-size: 15px;
}

.boxRight {
	width:363px;
	float: right;
	padding: 20px 0 20px 52px;
}

.boxRight:hover {
	background:#F4F4F4;
}

.boxRight a {
	text-decoration:none;
}

.boxRight dt {
	font:normal 18px Arial Narrow, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	color: #369;
}

.boxRight dd.img {
	float: left;
	width: 100px;
	margin-right: 15px;
}

.boxRight dd.img img {
	border:2px solid #b0d8ff;
}

.boxRight dd.desc {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding-top: 5px;
	padding-right: 10px;
}

.infoRight {
	width:363px;
	float: right;
	padding: 20px 0 20px 52px;
}

.boxDivider {
	height:1px;
	background:#cacaca;
	width:auto;
	clear: both;
}

#footerLeft {
	width:60%;
	float:left;
	padding-top: 7px;
	padding-left: 10px;
}

#footerRight {
	width:30%;
	float:right;
	text-align: right;
}

#footerRight p {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#909090;
	text-align: right;
}

#footerRight p a {
	color:#909090;
	text-decoration:none;
	border-bottom: 1px dotted #aaa;
}

#footerRight p a:hover {
	color:#993;
}

	ul#navTopFooter {
	list-style:none;
	}
	
	ul#navTopFooter li {
	float:left;
	margin-right: 15px;
	}
	
	ul#navTopFooter li {
	font: 12px bold Arial Narrow, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
	ul#navTopFooter li a {
	text-decoration:none;
	color: #808080;
	}
	
	ul#navTopFooter li a:hover {
	border-bottom:1px dotted;
	}

#contentLeft h1 {
	font:normal 30px Arial Narrow, Arial, Helvetica, sans-serif;
	color: #192e42;
	margin-bottom: 0.2em;
}

#contentLeft h2 {
	font:normal 20px Arial Narrow, Arial, Helvetica, sans-serif;
	color: #8D8D8D;
	margin-bottom: 0.2em;
	margin-top: 1em;
}

#contentLeft h2 a {
	color: #8D8D8D;
	text-decoration:none;
}

#contentLeft h3 {
	font:bold 13px Arial Narrow, Arial, Helvetica, sans-serif;
	color: #444;
	margin-left: 10px;
}

#contentLeft p {
	font:normal 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	color: #363636;
	margin-bottom: 1em;
}

#contentLeft p a {
	text-decoration:none;
	border-bottom: 1px dotted;
	}

#contentLeft p.sub {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-bottom: 1em;
}

address.about {
	font:normal 15px Verdana, Arial, Helvetica, sans-serif;
	color:#192e42;
	margin-left: 20px;
	float: left;
	margin-right: 15px;
}

table.about {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#369;
	margin-left: 20px;
	border: none;
	border-left: 1px dotted #cacaca;
}

table.about td.day {
	padding-right: 1em;
	color: #666;
	padding-left: 1em;
}

.map {
	float:right;
}

img.navOff {
	margin-right:2px;
}

ul.jump {
	margin-bottom: 1em;
	margin-left: 10px;
}

ul.jump li {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
}

ul.jump li a {
	color:#666;
	text-decoration:none;
}

ul.jump li a:hover {
	border-bottom: 1px dotted;
	color: #369;
}

table.contact {
	font:Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	border: none;
}

table.contact a {
	border-bottom: 1px dotted;
	text-decoration: none;
	color: #369;
}

table.contact a:hover {
	border-bottom: 1px dotted;
	color: #CC6;
}

table.contact td.name {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding-right: 5px;
	color: #666;
}

table.contact td.number {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	color: #369;
}

address.right {
	font:normal 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	margin-right: 20px;
	margin-bottom: 1em;
}

address.emerg {
	font:normal 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 1em;
}

table.hours {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: none;
	margin-left: -3px;
	color: #369;
	margin-bottom: 1em;
}

table.hours td.day {
	color: #666;
	padding-right: 1em;
}

a.google {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 1px dotted;
}

table.contacts {
	font:"Times New Roman", Times, serif;
	border: none;
	width: 80%;
	margin-left: 8px;
}

table.contacts td.name {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #363636;
}

table.contacts td.number {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #369;
}

table.contacts td.number a {
	color: #369;
	text-decoration:none;
	border-bottom:1px dotted;
}

table.contacts td.number a:hover {
	color:#CC6;
	border-bottom: 1px dotted;
}

#contentLeft input {
	padding: 4px 4px;
	background-color:#F5F5F5;
	border:1px solid #666;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}

	#contentLeft input.box {
	width:200px;
	margin-bottom: 1em;
	display: block;
	margin-left: 10px;
	}

	#contentLeft input.button {
	padding: 3px 3px;
	background-color:#993;
	border:none;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-right: 3px;
	margin-top: 3px;
	}

	#contentLeft textarea {
	padding: 8px;
	width:350px;
	background-color:#F5F5F5;
	border:1px solid #666;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin-left: 10px;
	display: block;
	margin-bottom: 0.8em;
	}

dl.navSub {
	padding: 10px;
	text-decoration:none;
}

dl.navSub a {
	text-decoration:none;
}

dl.navSub:hover {
	background: #F4F4F4;
	text-decoration:none;
}

dl.navSub dt {
	font:normal 18px Arial Narrow, Arial, Helvetica, sans-serif;
	color: #369;
	margin-bottom: 0.2em;
	text-decoration:none;
}

dl.navSub dt a {
	text-decoration:none;
}

dl.navSub dd {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #363636;
	text-decoration:none;
}

dl.navSub dd a {
	text-decoration:none;
}

a.internal {
	color:#369;
	border-bottom: 1px dotted;
}

a.internal:hover {
	color:#993;
}

a.browse {
	color:#8D8D8D;
	display: block;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1em;
	margin-left: 10px;
}

img.calc {
	float:right;
	margin-left:10px;
	margin-bottom: 1em;
}

img.reader {
	float:right;
	margin-left:10px;
	margin-bottom: 10px;
}

#contentRight h1.contribute {
	color:#993;
	font-size: 15px;
}

ul.links {
	list-style: none;
}

ul.links a {
	text-decoration:none;
}

ul.links li:hover {
	background: #F4F4F4;
}

ul.links li {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #369;
	padding: 3px 0;
	padding-left: 10px;
}

a.top {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	color: #666;
	margin-top: 0.5em;
	margin-left: 10px;
	margin-bottom: 1em;
}

img.top {
	border:none;
	margin-right: 5px;
	margin-bottom: 3px;
}

ul.map {
	float:left;
	list-style:none;
	width: 128px;
	padding-right: 20px;
}

ul.map li {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-bottom: 0.3em;
}

ul.map li.first {
	font:normal 20px Arial Narrow, Arial, Helvetica, sans-serif;
	color: #369;
	margin-bottom: 0.2em;
	margin-left: 0px;
}

ul.map li.first a {
	color: #369;
	text-decoration:none;
}

ul.map li a {
	color:#666;
	text-decoration:none;
}

ul.map li a:hover {
	border-bottom: 1px dotted;
	color: #369;
}