/* 
	Delta Animal Control - Main Stylesheet
	June 2009
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/


/* COLOURS

#ffffff - white - content background

#fef9e7 - yellow - sidebar odd row background
#d1cdac - beige - body background
#b89e45 - bronze - animal photo borders, sidebar links

#e3f1ff - light blue - animals listing even striped background
#729ac7 - blue - nav bar background
#4676ab - blue - links, search bar background, top-link background
#4474aa - dark blue - search background, sitemap headers
#2f6bae - dark blue - dropdown background
#0b4789 - dark blue - dropdown hovers

#f2f2f2 - light grey - section nav background, text size background
#e3e3e3 - grey - section nav level 2 background
#dbdada - grey - breadcrumbs background
#c8c8c8 - grey - sidebar title background
#656464 - dark grey - breadcrumbs text
#3f3f3f - dark grey - content text

*/


/* Sections flagged with =
	GENERIC
	SCREAMER
	TOP
	WRAPPER
	BRAND
	ACCESSIBILITY
	BREADCRUMBS
	MAIN
	CONTENT
	SIDEBAR
	SECTION-NAVIGATION
	NAVIGATION (main)
	META-NAVIGATION
	SEARCH
	FOOTER
	SECTION-SPECIFIC
		Home
		Sections
		Sitemap
		Seach Results
		What's New
		Our Animals
		Animals Listing
		Animal Detail
		404
		
*/


/* =GENERIC
----------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
	background-image: url(images/bk-html.png);
	background-color: #d1cdac;
	color: #3f3f3f;
}

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-image: url(images/bk-body.png);
	background-repeat: repeat-x;
	min-width: 974px;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

a:link, a:visited {
	color: #4676ab;
}

a:focus, a:hover, a:active {
	color: #4676ab;
	overflow: hidden;
}

a img {
	border: none;
}


.clear {
	clear: both;
	line-height: 1;
	height: .1em;
	font-size: .1em;
}

form {
	margin: 0;
	padding: 0;
}

/* class added by jquery -- when entire box is clickable */
.click-box {
	cursor: pointer;
}

.highlight {
	background-color: #fdfbc0;
}

/* =SCREAMER
----------------------------------------------------*/
/* flagging bad code */

/* MS Word classes, bad tags */

p.MsoTitle, p.MsoSubtitle, p.MsoListParagraphCxSpFirst, p.MsoListParagraphCxSpMiddle, p.MsoListParagraphCxSpLast, p.MsoNormal {
	display: block;
	border: solid 5px red !important;
	background-color: yellow !important;
}

/* =TOP
----------------------------------------------------*/

#top {
	width: 100%;
	background-image: url(images/bk-top.png);
	background-position: 963px 0;
	background-repeat: no-repeat;
}


/* =WRAPPER
----------------------------------------------------*/

#wrapper { /* ie6.css */
	width: 949px;
	min-width: 949px;
	padding-right: 14px;
	margin: 0;
	position: relative;
	background-image: url(images/bk-wrapper.png);
	background-repeat: repeat-y;
	z-index: 30;
}


/* =BRAND
----------------------------------------------------*/

#brand {
	position: relative;
	width: 949px;
	height: 107px;
	margin: 0 0 36px 0;
	padding: 0;
	background-image: url(images/bk-header.png);
	background-repeat: no-repeat;
}                                  

#brand p#heading {
	margin: 0;
	padding: 0;
}

#brand p#heading a {
	display: block;
	width: 178px;
	height: 59px;
	padding: 10px;
	position: absolute;
	top: 5px;
	left: 10px;
}

#brand p#heading strong {
	position: absolute;
	left: -9999px;
}

#brand #print-logo {
	display: none;
}


/* =ACCESSIBILITY
----------------------------------------------------*/

#accessibility {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 18px;
}

/* Skip Links */

#accessibility #skip-links {
	position: absolute;
	left: 250px;
	top: 25px;
}

#accessibility #skip-links strong, #accessibility #skip-links .separator {
	position: absolute;
	top: -9999px;
}

#accessibility #skip-links a:link, #accessibility #skip-links a:visited {
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0;
	top: -500px;
	display: block;			
}

#accessibility #skip-links a:focus, #accessibility #skip-links a:active {
	position: static;
	width: 11em;
	height: auto;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	padding: .5em;
	font-size: 1.2em;
}


/* =BREADCRUMBS
----------------------------------------------------*/

#breadcrumbs {
	min-height: 27px;
	width: 949px;
	background-color: #c8c8c8;
}

#breadcrumbs-inside {
	min-height: 21px;
	width: 537px;
	padding: 5px 3px 1px 215px;
	background-color: #dbdada;
	color: #656464;
}

#breadcrumbs p {
	margin: 0;
	font-size: .9em;
	color: #6f6f6f;
	line-height: 1.4;
}

#breadcrumbs p .title {
	font-weight: bold;
	display: block;
	position: absolute;
	left: -9999px;
}

#breadcrumbs p a {
	color: #656464;
	text-decoration: none;
}

#breadcrumbs p strong {
	font-weight: bold;
}

#breadcrumbs p .separator {
	color: #656464;
	font-size: .9em;
	padding: 0 3px;
}

/* =MAIN
----------------------------------------------------*/
#main {
	float: left;
	width: 100%;
}


/* =CONTENT
----------------------------------------------------*/

#content {
	margin: 0 194px 0 198px;
	padding: 0 32px 60px 16px;
	overflow: hidden;
	line-height: 1.6;
	font-size: .95em;
}


/* Text Size */

/* only shown if javascript is active */

#content p#text-size {
	margin: 8px 0 10px 20px;
	padding: 5px 10px;
	font-size: 11px;
	width: 108px;
	float: right;
	background-color: #f2f2f2;
	line-height: 1.2;
	text-align: center;
}

#content #text-size strong {
	font-weight: normal;
	text-transform: lowercase;
}

#content #text-size a.size {
	padding: 2px 4px;
	color: #3f3f3f;
	text-decoration: none;
	font-weight: normal;
}

#content #text-size a.size:focus, #content #text-size a.size:hover, #content #text-size a.size:active, #text-size a.selected {
	background-color: #fff;
	color: #6f6f6f;
	text-decoration: none;
}

#content #text-size .small {
	font-size: 11px;
}

#content #text-size .medium {
	font-size: 15px;
}

#content #text-size .large {
	font-size: 20px;
}



#content h1, #content h2, #content h3, #content h4 {
	margin: 2em 0 .3em 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #3f3f3f;
}

#content h1#headline {
	margin: .7em 0;
	padding: 0;
	font-size: 1.8em;
	line-height: 1.2;
}

#content h2 {
	font-size: 1.5em;
}

#content h3 {
	font-size: 1.3em;
}

#content h4 {
	font-size: 1.2em;
}

#content a:link, #content a:visited {
	text-decoration: underline;
	font-weight: bold;
}

#content a:focus, #content a:hover, #content a:active {
	text-decoration: none;
}

#content p {
	line-height: 1.8;
	margin: 0 0 1em 0;
}

#content ul, #content ol {
	margin-top: 1em;
	margin-bottom: 1em;
}


#content li {
	margin-bottom: .5em;
	line-height: 1.3;
}

#content ol ol {
	list-style-type: lower-alpha;
}


/* Images */

#content img.image-border {
	padding: 3px;
	border: solid 1px #e1e1e1;
}

#content img.image-right {
	float: right;
	display: block;
	margin: 0 0 1.5em 1.5em;
}

#content img.image-left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

#content img.image-right-border {
	float: right;
	margin: 0 0 1.5em 1.5em;
	padding: 3px;
	border: solid 1px #e1e1e1;
}

#content img.image-left-border {
	float: left;
	margin: 0 1.5em 1.5em 0;
	padding: 3px;
	border: solid 1px #e1e1e1;
}

/* if jquery is active, images get fancy shadows */

#content .image-shadow-wrapper {
	position: relative;
	overflow: hidden;
	padding: 5px 8px 8px 5px;
}

#content .image-shadow-float-right {
	float: right;
	margin: 0 0 .5em 1.5em;
}

#content .image-shadow-float-left {
	float: left;
	margin: 0 1.5em .5em 0;
}


#content .image-shadow-wrapper div {
	position: absolute;
}

/* top */

#content .image-shadow-wrapper .image-shadow-top-middle {
	/*width: 100%;*/
	height: 5px;
	top: 0;
	left: 5px;
	background-image: url(images/photo-shadow-top-middle.png);
	background-repeat: repeat-x;
}

#content .image-shadow-wrapper .image-shadow-top-left {
	width: 5px;
	height: 5px;
	top: 0;
	left: 0;
	background-image: url(images/photo-shadow-top-left.png);
	background-repeat: no-repeat;
}

#content .image-shadow-wrapper .image-shadow-top-right {
	width: 8px;
	height: 5px;
	top: 0;
	right: 0;
	background-image: url(images/photo-shadow-top-right.png);
	background-repeat: no-repeat;
}

/* bottom */

#content .image-shadow-wrapper .image-shadow-bottom-middle {
	/*width: 100%;*/
	height: 8px;
	bottom: 0;
	left: 5px;
	background-image: url(images/photo-shadow-bottom-middle.png);
	background-repeat: repeat-x;
}

#content .image-shadow-wrapper .image-shadow-bottom-left {
	width: 5px;
	height: 8px;
	bottom: 0;
	left: 0;
	background-image: url(images/photo-shadow-bottom-left.png);
	background-repeat: no-repeat;
}

#content .image-shadow-wrapper .image-shadow-bottom-right {
	width: 8px;
	height: 8px;
	bottom: 0;
	right: 0;
	background-image: url(images/photo-shadow-bottom-right.png);
	background-repeat: no-repeat;
}


/* left */

#content .image-shadow-wrapper .image-shadow-left-middle { /* ie6.css */
	/*height: 100%;*/
	width: 5px;
	top: 5px;
	left: 0;
	background-image: url(images/photo-shadow-middle-left.png);
	background-repeat: repeat-y;
}

#content .image-shadow-wrapper .image-shadow-left-top {
	display: none;
}

#content .image-shadow-wrapper .image-shadow-left-bottom {
	display: none;
}


/* right */

#content .image-shadow-wrapper .image-shadow-right-middle { /* ie6.css */
	/*height: 100%;*/
	width: 8px;
	top: 5px;
	right: 0;
	background-image: url(images/photo-shadow-middle-right.png);
	background-repeat: repeat-y;
}

#content .image-shadow-wrapper .image-shadow-right-top {
	display: none;
}

#content .image-shadow-wrapper .image-shadow-right-bottom {
	display: none;
}


#content .image-shadow-wrapper img {
	display: block;
	margin: 0;
	padding: 0;
}


/* Tables */

/* plain tables -- no styling */

#content table {
	border-collapse: collapse;
	border-style: solid;
	border-color: #fff;
	border-spacing: 0;
	border-width: 0;
	margin: .5em 0;
}

#content table td, #content table th {
	line-height: 1.2;
	border-collapse: collapse;
	border-color: #fff;
	border-spacing: 0;
	border-width: 0;
	border-style: solid;
	padding: .8em;
	line-height: 1.2;
	vertical-align: top;
}


#content table th, #content table td h2, #content table td h3, #content table td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
}

#content table p {
	margin: 0;
	line-height: 1.4;
}


#content table.table-styled {
	border-collapse: collapse;
	border-style: solid;
	border-color: #dbdada;
	border-spacing: 0;
	border-width: 1px;
	margin: .5em 0;
}

#content table.table-styled td, #content table.table-styled th {
	border-collapse: collapse;
	border-color: #dbdada;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
}


#content table.table-styled th, #content table tr.header td, #content table tr.header th {
	background-color: #efefef;
	font-weight: bold;
}

#content table.table-styled th, #content table.table-styled td h2, #content table.table-styled td h3, #content table.table-styled td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

#content table.table-styled p {
	margin: 0;
	line-height: 1.2;
}


/* striped tables */

#content table.table-striped {
	border-collapse: collapse;
	border-style: solid;
	border-color: #dbdada;
	border-spacing: 0;
	border-width: 1px;
	margin: .5em 0;
}

#content table.table-striped td, #content table.table-striped th {
	border-collapse: collapse;
	border-color: #dbdada;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
}


#content table.table-striped th, #content table tr.header td, #content table tr.header th {
	background-color: #efefef;
	font-weight: bold;
}

#content table.table-striped th, #content table.table-striped td h2, #content table.table-striped td h3, #content table.table-striped td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

#content table.table-striped p {
	margin: 0;
	line-height: 1.2;
}

#content table tr.even td {
	background-color: #efefef;
}


/* Forms */

#content fieldset {
	margin: 0 0 2em 0;
	padding: 0;
	border: none;
}

#content label, #content .label {
	font-weight: bold;
	display: block;
}

#content label .small-note {
	font-weight: normal;
	font-size: .9em;
	display: block;
}

#content input.text, #content textarea, #content select {
	text-align: left;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 1em;
}

#content .button {
	background-color: #505050;
	color: #fff;
	font-weight: bold;
	border: solid 1px #6a6a6a;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	/*font-size: .9em;*/
	padding: 2px 4px;
}


#content .required {
	display: inline;
}

#content .error {
	color: #c53636;
	font-weight: bold;
}

#content .error .text {
	background-color: #fdfbc0;
}

#content .error .required {
	display: inline;
}

#content form div.wrapper {
	margin-bottom: 1.5em;
}

#content form .note {
	border: solid 1px #3f3f3f;
	padding: 10px 10px 0px 10px;
	margin: 4px 0px 22px 0px;
	background: #f3f3f3;
}

#content form .alternate {
	border: solid 1px #729ac7;
	padding: 10px 10px 0px 10px;
	margin: 4px 0px 22px 0px;
	background: #e7f2ff;
}


#content a#top-link {
	margin-top: 2.5em;
	display: block;
	width: 3em;
	padding: 3px 6px 5px 6px;
	text-align: center;
	color: #fff;
	background-color: #4676ab;
	text-decoration: none;
	float: right;
}

#content a.skip:link, #content a.skip:visited, #content a.skip:hover {
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0;
	top: -9999px;
}

#content a.skip:focus, #content a.skip:active {
	position: static;
	width: auto;
	height: auto;
	color: #312a18;
	background-color: #fff;
	font-weight: bold;
	padding: .2em;
	font-size: 1.2em;
	border: solid 1px #f00;
}



/* =SIDEBAR
----------------------------------------------------*/

#sidebar {
	float: left;
	width: 194px;
	margin-left: -194px;
	margin-top: -27px;
	padding: 0;
	font-size: .85em;
	position: relative;
}


#sidebar #animals-links h3 {
	margin: 0;
	width: 194px;
	height: 27px;
	background-image: url(images/text-animals-for-adoption.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#sidebar #animals-links a.rss-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	width: 194px;
	height: 27px;
	background-image: url(images/icon-rss.png);
	background-position: 164px 6px;
	background-repeat: no-repeat;
}

#sidebar #animals-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar #animals-links ul li {
	margin: 0;
	padding: 8px 5px 8px 80px;
	line-height: 1.2;
	list-style: none;
	position: relative;
	min-height: 54px;
	background-color: #fef9e7;
}

#sidebar #animals-links ul li.even {
	background-color: #fff;
}


#sidebar #animals-links ul li a {
	color: #b89e45;
	font-weight: bold;
	text-decoration: none;
}

#sidebar #animals-links ul li .photo {
	display: block;
	width: 48px;
	height: 48px;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 10px;
	border: solid 3px #b89e45;
}

#sidebar #animals-links ul li .photo img {
	position: absolute;
	left: -8px;
	height: 48px;
}


#sidebar #animals-links p#more-adoptables-link {
	margin: 5px 0;
	line-height: 1.2;
}

#sidebar #animals-links p#more-adoptables-link a {
	display: block;
	width: 192px;
	height: 40px;
	background-image: url(images/button-more-adoptables.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* =SECTION-NAVIGATION
----------------------------------------------------*/

#section-navigation {
	float: left;
	width: 198px;
	margin-left: -949px;
	margin-top: -27px;
	font-size: .9em;
	position: relative;
}

#section-navigation a {
}


#section-navigation #section-navigation-top {
}

#section-navigation #section-navigation-top h3 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 198px;
	height: 29px;
	background-image: url(images/bk-section-navigation-top2.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}

#section-navigation #section-navigation-top h3 a {
	display: block;
	width: 198px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-position: 24px 14px;
	background-repeat: no-repeat;
}

#section-navigation #section-navigation-inside {
	padding-bottom: 60px;
	background-image: url(images/bk-section-navigation-bottom.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #f2f2f2;
	width: 192px;
}


#section-navigation #section-navigation-middle {
	width: 192px;
}

/* Level 1 */

#section-navigation #section-navigation-middle ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#section-navigation #section-navigation-middle ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#section-navigation #section-navigation-middle ul li a { /* ie6.css */
	text-decoration: none;
}

#section-navigation #section-navigation-middle ul li a:link, #section-navigation #section-navigation-middle ul li a:visited {
	display: block;
	padding: 5px 10px 5px 24px;
	color: #3f3f3f;
	border-bottom: solid 1px #f2f2f2;
	background-image: url(images/arrow-right-grey.png);
	background-position: 16px 10px;
	background-repeat: no-repeat;
}

#section-navigation #section-navigation-middle ul li a:focus, #section-navigation #section-navigation-middle ul li a:hover, #section-navigation #section-navigation-middle ul li a:active {
	background-color: #c8c8c8;
}

#section-navigation #section-navigation-middle ul li a.parent {
	font-weight: bold;
}

#section-navigation #section-navigation-middle ul li a.selected {
	font-weight: bold;
	color: #4676ab;
}

/* Level 2 */

#section-navigation #section-navigation-middle ul li ul {
	background-color: #e3e3e3;
}

#section-navigation #section-navigation-middle ul li ul li {
	text-transform: none;
}

#section-navigation #section-navigation-middle ul li ul li a:link, #section-navigation #section-navigation-middle ul li ul li a:visited {
	padding-left: 38px;
	background-position: 30px 10px;
}

/* Level 3 */

#section-navigation #section-navigation-middle ul li ul li ul {
	background-color: #fff;
}

#section-navigation #section-navigation-middle ul li ul li ul li {
}

#section-navigation #section-navigation-middle ul li ul li ul li a:link, #section-navigation #section-navigation-middle ul li ul li ul li a:visited {
	padding-left: 52px;
	background-position: 44px 10px;
}


/* Level 4 */

#section-navigation #section-navigation-middle ul li ul li ul li ul {
}

#section-navigation #section-navigation-middle ul li ul li ul li ul li {
}

#section-navigation #section-navigation-middle ul li ul li ul li ul li a:link, #section-navigation #section-navigation-middle ul li ul li ul li ul li a:visited {
	padding-left: 66px;
	background-position: 58px 10px;
}

/* =NAVIGATION (main)
----------------------------------------------------*/

#main-navigation { /* ie6.css */
	position: absolute;
	top: 108px;
	left: 0;
	width: 755px;
	height: 35px;
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
	z-index: 200;
	font-size: .9em;
}

#main-navigation h3 {
	position: absolute;
	top: -9999px;
}


#main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main-navigation ul#navigation {
	position: relative;
	width: 755px;
	height: 35px;
}

#main-navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 50px;
	height: 35px;
}

#main-navigation a {
	display: block;
	height: 35px;
	text-indent: -9999px;
}

#main-navigation li.sfhover a {
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
}




/* About Us */

#main-navigation ul li#about-nav {
	/*width: 89px;*/
	width: 77px;
	left: 12px;
}

#main-navigation ul li.sfhover a#about-nav-link {
	background-position: -12px -35px;
}


/* Our Animals */

#main-navigation ul li#animals-nav {
	width: 97px;
	left: 89px;
}

#main-navigation ul li.sfhover a#animals-nav-link {
	background-position: -89px -35px;
}

/* Shelter Services */

#main-navigation ul li#shelter-nav {
	width: 124px;
	left: 186px;
}

#main-navigation ul li.sfhover a#shelter-nav-link {
	background-position: -186px -35px;
}

/* How to Help */

#main-navigation ul li#help-nav {
	width: 96px;
	left: 310px;
}

#main-navigation ul li.sfhover a#help-nav-link {
	background-position: -310px -35px;
}


/* Learning Centre */

#main-navigation ul li#learning-nav {
	width: 123px;
	left: 406px;
}

#main-navigation ul li.sfhover a#learning-nav-link {
	background-position: -406px -35px;
}


/* Bylaw & Licensing */

#main-navigation ul li#bylaw-nav {
	width: 132px;
	left: 529px;
}

#main-navigation ul li.sfhover a#bylaw-nav-link {
	background-position: -529px -35px;
}


/* I Want To */

#main-navigation ul li#want-nav {
	/*width: 94px;*/
	width: 85px;
	left: 661px;
}

#main-navigation ul li.sfhover a#want-nav-link {
	background-position: -661px -35px;
}


/* Drop Down Level 1 */

#main-navigation ul li ul { /* ie6.css */
	position: relative;
	display: none;
	width: 14em;
	height: auto;
	/*top: 20px;*/
	/*left: -9999em;*/
	color: #000;
	background-color: #2f6bae;
	padding: 0;
	border-width: 0 3px 3px 0;
	border-style: solid;
	border-color: #0b4789;
}


#main-navigation ul li.sfhover ul {
	position: static;
	display: block;
}

#main-navigation ul li.sfhover ul li { /* ie6.css */
}

#main-navigation ul li ul li {
	float: none;
	position: relative;
	height: auto;
	padding: 0;
	margin: 0;
	z-index: 200;
	width: auto;
	line-height: 1.2;
}

#main-navigation ul li ul li a {
	display: block;
	height: auto;
	text-indent: 0;
	color: #fff;
	display: block;
	width: 12.2em;
	padding: .4em .9em;
	text-decoration: none;
	position: relative;
	line-height: 1.2;
}

#main-navigation ul li.sfhover ul li a {
	background-image: none;
}


.safari #main-navigation ul li.sfhover ul li a {
	width: 12.4em;
}

#main-navigation ul li.sfhover ul li.sfhover a {
	background-color: #0b4789;
	color: #fff;
}

#main-navigation ul li.sfhover ul li.parent a {
	background-image: url(images/arrow-right-white.png);
	background-position: 13em center;
	background-repeat: no-repeat;
}

#main-navigation ul li.sfhover ul li.sfhover-parent a {
}

#main-navigation ul li.sfhover ul li.parent ul li a, #main-navigation ul li.sfhover ul li.parent ul li.parent ul li a {
	background-image: none;
}

/* Drop Down Level 2 */

#main-navigation ul li.sfhover ul li ul {
	position: absolute;
	top: 0;
	margin: 0 0 0 14em;
	left: -9999px;
	z-index: 250;
}

#main-navigation li#want-nav ul li ul {
	margin: 0 0 0 -13em;
}


#main-navigation ul li.sfhover ul li.sfhover-parent ul {
	left: 0;
	left: -4px;
}

#main-navigation ul li.sfhover ul li ul li.sfhover {
	position: relative;
	z-index: 350;
	display: block;
	width: auto;
}

#main-navigation ul li.sfhover ul li.sfhover-parent ul li a {
	background-color: #2f6bae;
	color: #fff;
}

#main-navigation ul li.sfhover ul li ul li.sfhover a {
	background-color: #0b4789;
	color: #fff;
	position: relative;
	z-index: 450;
}




/* =META-NAVIGATION
----------------------------------------------------*/

#meta-navigation {
	position: absolute;
	top: 0;
	right: 18px;
     right: 14px;
	width: 382px;
	height: 107px;
	margin: 0;
	padding: 0;
	z-index: 40;
	font-size: .9em;
	color: #fff;
	background-image: url(images/photo-default.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

#meta-navigation h3 {
	position: absolute;
	top: -9999px;
}

#meta-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#meta-navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 13px;
	left: 0;
}

#meta-navigation ul li a  {
	display: block;
	color: #fff;
	height: 36px;
	text-indent: -9999px;
}

#meta-navigation ul li#donate-nav {
	width: 65px;
	left: 0px;
}

#meta-navigation ul li#contact-nav {
	width: 85px;
	left: 67px;
}

#meta-navigation ul li#sitemap-nav {
	width: 70px;
	left: 153px;
}


/* =SEARCH
----------------------------------------------------*/

#search { /* ie6.css */
	position: absolute;
	top: 108px;
	right: 14px;
	width: 194px;
	height: 35px;
	margin: 0;
	padding: 0;
	z-index: 50;
	background-color: #4474aa;
	background-image: url(images/bk-search.png);
	background-position: 5px 0;
	background-repeat: no-repeat;
}

#search form {
	margin: 0;
}

#search form p {
	margin: 0;
	line-height: 1;
}

#search label {
	margin: 0;
	display: block;
	position: absolute;
	left: -9999px;
}

#search .text { /* ie6.css */
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	width: 106px;
	height: auto;
	padding: 0 4px 0 0;
	display: block;
	float: left;
	margin-left: 40px;
	margin-top: 11px;
	background-color: transparent;
	border: none;
}

#search .submit { /* ie6.css */
	width: 28px;
	height: 35px;
	display: block;
	float: right;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0 8px 0 0;
	font-size: 0;
	text-align: right;
	color: #4474aa;
	overflow: hidden;
	text-indent: -9999px;
}

/* =FOOTER
----------------------------------------------------*/
#footer { /* ie6.css */
	width: 963px;
	min-height: 56px;
	margin: 0;
	padding: 0 0 50px 0;
	position: relative;
	background-image: url(images/bk-footer2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 10;
}

#footer #footer-inside {
	padding: 0;
	margin: 0 0 0 330px;
	position: relative;
	font-size: .9em;
}

#footer #footer-inside a {
	font-weight: bold;
}


#footer #footer-inside .col {
	width: 190px;
	float: left;
	margin-right: 20px;
}

#footer #footer-inside #col-3 {
	margin-right: 0;
}

#footer #footer-inside p {
	margin: 0;
	line-height: 1.4;
}

#footer #footer-inside #footer-links {
	clear: both;
}

#footer #footer-inside a#footer-top-link:link, #footer #footer-inside a#footer-top-link:visited, #footer #footer-inside a#footer-top-link:hover {
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0;
	top: -9999px;
}

#footer #footer-inside a#footer-top-link:focus, #footer #footer-inside a#footer-top-link:active {
	position: static;
	width: auto;
	height: auto;
	color: #4676ab;
	background-color: #fff;
	font-weight: bold;
	padding: .2em;
	font-size: 1.2em;
	border: solid 2px #4676ab;
}

/* =SECTION-SPECIFIC
----------------------------------------------------*/

/* =Home
----------------------------------------------------*/

.page-home {
}

.page-home #breadcrumbs-inside {
	width: 493px;
	padding: 5px 3px 1px 22px;
}

.page-home #content {
	margin: 0 431px 0 0px;
	padding: 0 32px 60px 22px;
}

.page-home #content p#more-about-us-link a {
	display: block;
	width: 144px;
	height: 40px;
	background-image: url(images/button-more-about-us.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.page-home #extra {
	float: left;
	width: 237px;
	margin-left: -431px;
	margin-top: -27px;
	padding: 0;
	font-size: .85em;
	position: relative;
}

.page-home #extra #whats-new h3 {
	margin: 0;
	width: 237px;
	height: 27px;
	background-image: url(images/text-whats-new.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.page-home #extra #whats-new a.rss-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	width: 194px;
	height: 27px;
	background-image: url(images/icon-rss.png);
	background-position: 112px 6px;
	background-repeat: no-repeat;
}

.page-home #extra #whats-new ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-home #extra #whats-new ul li {
	margin: 0;
	padding: 8px;
	line-height: 1.2;
	list-style: none;
	position: relative;
	background-color: #f2f2f2;
}

.page-home #extra #whats-new ul li.even {
	background-color: #fff;
}

.page-home #extra #whats-new ul li br {
	display: none;
}

.page-home #extra #whats-new ul li .title {
	display: block;
	margin-bottom: .3em;
}
               
.page-home #extra #whats-new ul li .blurb {
	display: block;
	margin: .3em 0;
}

.page-home #extra #whats-new ul li a {
	font-weight: bold;
	text-decoration: none;
}


.page-home #extra #whats-new p#more-whats-new-link {
	margin: 5px 0;
	line-height: 1.2;
}

.page-home #extra #whats-new p#more-whats-new-link a {
	display: block;
	width: 237px;
	height: 40px;
	background-image: url(images/button-more-whats-new.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* =Sections
----------------------------------------------------*/
/* About Us */

.section-about #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-about-us.png);
}

.section-about #main-navigation ul li a#about-nav-link {
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
	background-position: -12px -35px;
}

.section-about #meta-navigation {
    	background-image: url(images/photo-about.jpg);
}

/* Our Animals */

.section-animals #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-our-animals.png);
}

.section-animals #main-navigation ul li a#animals-nav-link {
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
	background-position: -89px -35px;
}

.section-animals #meta-navigation {
    	background-image: url(images/photo-animals.jpg);
}


/* Shelter Services */

.section-shelter #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-shelter-services.png);
}

.section-shelter #main-navigation ul li a#shelter-nav-link {
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
	background-position: -186px -35px;
}

.section-shelter #meta-navigation {
    	background-image: url(images/photo-shelter.jpg);
}


/* How to Help */

.section-help #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-how-to-help.png);
}

.section-help #main-navigation ul li a#help-nav-link {
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
	background-position: -310px -35px;
}

.section-help #meta-navigation {
    	background-image: url(images/photo-help.jpg);
}


/* Learning Centre */

.section-learning #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-learning-centre.png);
}

.section-learning #main-navigation ul li a#learning-nav-link {
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
	background-position: -406px -35px;
}

.section-learning #meta-navigation {
    	background-image: url(images/photo-learning.jpg);
}


/* Bylaw & Licensing */

.section-bylaw #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-bylaw-licensing.png);
}

.section-bylaw #main-navigation ul li a#bylaw-nav-link {
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
	background-position: -529px -35px;
}

.section-bylaw #meta-navigation {
    	background-image: url(images/photo-bylaw.jpg);
}


/* I Want To */

.section-want #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-i-want-to.png);
}

.section-want #main-navigation ul li a#want-nav-link {
	background-image: url(images/bk-navigation.png);
	background-repeat: no-repeat;
	background-position: -661px -35px;
}

.section-want #meta-navigation {
}


/* =Sitemap
----------------------------------------------------*/

.page-sitemap #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-sitemap.png);
}

.page-sitemap #content #sitemap {
	margin-bottom: 20px;
}

.page-sitemap #content #sitemap p#activate {
	margin: 0;
	font-weight: bold;
}

.page-sitemap #content #sitemap .slider {
}

.page-sitemap #content #sitemap .slider a {
	border: none;
}

.page-sitemap #content #sitemap .slider .col {
	width: 220px;
	float: left;
}

.page-sitemap #content #sitemap .slider #col-one {
	margin-right: 20px;
}

.page-sitemap #content #sitemap .slider ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-sitemap #content #sitemap .slider ul li {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}

.page-sitemap #content #sitemap .slider ul li.closed {
}

.page-sitemap #content #sitemap .slider a {
	text-decoration: none;
}

.page-sitemap #content #sitemap .slider ul li h3 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.3;
	font-weight: normal;
}

.page-sitemap #content #sitemap .slider ul li h3 a {
	display: block;
	padding: 0;
	color: #fff;
	background-color: #729ac7;
	width: 220px;
}

.page-sitemap #content #sitemap .slider ul li h3 a span {
	display: block;
	padding: 6px 20px 6px 10px;
	background-image: url(images/icon-plus.png);
	background-position: right center;
	background-repeat: no-repeat;
}


.page-sitemap #content #sitemap .slider ul li h3 a.open span {
	background-image: url(images/icon-minus.png);
}


.page-sitemap #content #sitemap .slider ul li ul {
	margin: 8px 0 0 0;
	padding: 0;
}

/* Level 2 */


.page-sitemap #content #sitemap .slider ul li ul li {
	background-image: none;
	text-transform: uppercase;
	margin: 4px 0;
	padding: 8px 10px 4px 10px;
	border-top: solid 1px #c0c0c0;
}

.page-sitemap #content #sitemap .slider ul li ul li a:link, .page-sitemap #content #sitemap .slider ul li ul li a:visited {
	font-weight: normal;
}

.page-sitemap #content #sitemap .slider ul li ul li a:focus, .page-sitemap #content #sitemap .slider ul li ul li a:hover, .page-sitemap #content #sitemap .slider ul li ul li a:active {
}


.page-sitemap #content #sitemap .slider ul li ul li ul {
	margin: 4px 0;
	padding: 0;
	border: none;
	background-image: none;
	list-style: disc;
}


/* Level 3 */

.page-sitemap #content #sitemap .slider ul li ul li ul li {
	border: none;
	padding: 0 0 0 4px;
	margin: 0 0 0 24px;
	text-transform: none;
	list-style: disc;
}


/* Level 4 */

.page-sitemap #content #sitemap .slider ul li ul li ul li ul {
	list-style: circle;
}

.page-sitemap #content #sitemap .slider ul li ul li ul li ul li {
	list-style: circle;
}

/* =Search Results
----------------------------------------------------*/

.page-search #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-search.png);
}


.page-search #content .searchform {
	background-color: #f2f2f2;
	padding: 12px 7px 10px 10px;
	margin: 0;
}

.page-search #content .searchform fieldset {
	margin: 0;
	padding: 0;
}

.page-search #content .searchform fieldset div {
	position: relative;
	float: left;
	padding: 0;
	margin: 0 1em 0 0;
	/*overflow: visible;*/
}

.page-search #content .searchform label, .page-search #content .searchform .label {
	height: 1.6em;
	display: inline;
	margin-right: .4em;
}

.page-search #content .searchform #query-wrapper, .page-search #content .searchform #type-wrapper {
	/*padding-top: 2px;*/
}

.page-search #content .searchform #query-wrapper .text {
	width: 140px;
}

.page-search #content .searchform #type-wrapper select {
}


.page-search #content .searchform .submit { 
	display: block;
     width: 5.5em;
	float: left;
	background-color: #729ac7;
	color: #fff;
     font-weight: bold;
	border: solid 1px #0b4789;
	padding: 2px 0px;
     text-align: center;
}


.page-search #content #did-you {
	font-size: 1.3em;
	margin: 1em 0 0 0;
	color: #9d1725;
	font-style: italic;	
}

.page-search #content #did-you a {
	font-weight: bold;
}

.page-search #content #results-header {
	margin: 1.5em 0;
}

.page-search #content #results-header h3 {
	margin: 0;
	color: #000;
	font-weight: normal;
	font-size: 1em;
}

.page-search #content #results-header h3 .number, .page-search #content #results-header h3 .category {
	font-weight: bold;
}

.page-search #content .searchresult {
	margin: 0 0 1.5em 0;
}

.page-search #content .searchresult a.title {
	font-weight: bold;
}

.page-search #content .searchresult .type {
	color: #656464;
}

.page-search #content .searchresult .extract {
}

.page-search #content .searchresult .date {
	font-style: italic;
}

.page-search #content .searchresult .url {
	font-size: .9em;
}

.page-search #content .paging {
	margin-top: 2.5em;
	padding-top: 10px;
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
}

.page-search #content .paging a:link, .page-search #content .paging a:visited {
	margin-left: .2em;
	padding: .1em .4em;
}

.page-search #content .paging a:focus, .page-search #content .paging a:hover, .page-search #content .paging a:active, .page-search #content .paging a.selected {
	color: #fff;
	background-color: #4676ab;
	text-decoration: none;
}

.page-search #content .paging a.previous-link {
	display: block;
	float: left;
	margin: 0;
	/*padding: 0;*/
}

.page-search #content .paging a.next-link {
	display: block;
	float: right;
	margin: 0;
	/*padding: 0;*/
}


/* =Feedback Form
----------------------------------------------------*/

.page-feedback #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-feedback-form.png);
}

.page-feedback #section-navigation #section-navigation-inside {
	background-image: url(images/bk-section-navigation-bottom-white.png);
	background-color: #fff;
	border-top: solid 1px #e1e1e1;
	padding-bottom: 68px;
}


/* some form styles in Content section */

.page-feedback #content #contact-form-area {
	padding-top: 0;
}

.page-feedback #content #contact-form-area form {
}

.page-feedback #content #contact-form-area form fieldset {
	background-image: url(images/line-horizontal-dotted-grey.png);
	background-repeat: repeat-x;
	padding: 1em 0 0 0;
	margin: 0;
}

.page-feedback #content #contact-form-area form .wrapper {
	padding-bottom: .4em;
}


.page-feedback #content #contact-form-area label, .page-feedback #content #contact-form-area .label {
	margin-bottom: .2em;
}

.page-feedback #content #contact-form-area .text {
	width: 480px;
}

.page-feedback #content #contact-form-area textarea {
	width: 480px;
	height: 10em;
}

.page-feedback #content #contact-form-area textarea.address {
	height: 4em;
}

.page-feedback #content #contact-form-area select {
}


.page-feedback #content #contact-form-area .question {
	display: block;
	font-size: 1.5em;
}

.page-feedback #content #contact-form-area .submit {
	width: 70px;
	height: 20px;
	display: block;
	background-color: transparent;
	background-image: url(images/button-submit.png);
	background-repeat: no-repeat;
	border: none;
	padding: 0;
	font-size: 0;
	text-align: right;
	color: #fff;
	overflow: hidden;
	text-indent: -9999px;
}

/* =What's New
----------------------------------------------------*/

#content #latest-news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #latest-news ul li {
	padding: 0;
	margin: 0 0 2em 0;
	list-style: none;
}

#content #latest-news ul li h3 {
	margin: 0 0 .2em 0;
     font-size: 1em;
}

#content #latest-news ul li p.date {
	display: block;
	margin: 0 0 .3em 0;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.2;
}

#content #latest-news ul li .blurb {
	line-height: 1.6;
}

#content #latest-news ul li .blurb p {
     margin: 0;
}

#content #latest-news ul li p.read-more {
     margin: 0;
}


#content #latest-news p.rss-link a {
     text-decoration: none;
/*	display: block;
     float: left;
	text-indent: -9999px;
	width: 14px;
	height: 14px;
	background-image: url(images/icon-rss.png);
	background-repeat: no-repeat;*/
}

/* =Our Animals
----------------------------------------------------*/

#content #our-animals ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #our-animals ul li {
	margin: 0 5px 10px 0;
	line-height: 1.4;
	list-style: none;
	float: left;
	text-align: center;
}

#content #our-animals ul li .photo {
	display: block;
}


#content #our-animals ul li .photo img { /* ie6.css */
	display: block;
width: 150px;
}


/* =Animals Listing
----------------------------------------------------*/

#content #animals-listing ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #animals-listing ul li {
	margin: 0 0 1em 0;
	line-height: 1.4;
	list-style: none;
}

#content #animals-listing ul li .inside {
	padding: 8px 5px 8px 120px;
	min-height: 73px;
	position: relative;
}


#content #animals-listing ul li.even {
	border-top: solid 1px #e3f1ff;
	border-bottom: solid 1px #e3f1ff;
	padding: 2px 0;
}

#content #animals-listing ul li.even .even-wrapper {
	background-color: #e3f1ff;
}


#content #animals-listing ul li a {
	text-decoration: none;
}

#content #animals-listing ul li .photo {
	display: block;
	width: 102px;
	height: 79px;
	position: absolute;
	top: 5px;
	left: 5px;
}

#content #animals-listing ul li .photo img { /* ie6.css */
	width: 89px;    
	height: 66px;
	overflow: hidden;
}


#content #animals-listing .paging {
	margin-top: 2.5em;
	padding-top: 10px;
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
}

#content #animals-listing .paging a:link, #content #animals-listing .paging a:visited {
	margin-left: .2em;
	padding: .1em .4em;
}

#content #animals-listing .paging a:focus, #content #animals-listing .paging a:hover, #content #animals-listing .paging a:active, #content #animals-listing .paging a.selected {
	color: #fff;
	background-color: #4676ab;
	text-decoration: none;
}

#content #animals-listing .paging a.previous-link {
	display: block;
	float: left;
	margin: 0;
	/*padding: 0;*/
}

#content #animals-listing .paging a.next-link {
	display: block;
	float: right;
	margin: 0;
	/*padding: 0;*/
}


/* =Animal Detail
----------------------------------------------------*/

#content #animal-detail #details {
	font-weight: bold;
}

#content #animal-detail .photo {
	display: block;
	float: left;
}

#content #animal-detail .photo img {
	display: block;
	width: 186px;
}

#content #animal-detail #right {
	float: right;
	width: 290px;
}

#content #animal-detail #right #back-link a {
/*	display: block;
	width: 8em;
	padding: 3px 6px 5px 6px;
	text-align: center;
	color: #fff;
	background-color: #4676ab;
	text-decoration: none;*/
}

#content #animal-detail #right .share {
	display: block;
	margin-bottom: 1em;
}

.fillform a:link, .fillform a:visited{color: #56ab02!important;}

/* =404
----------------------------------------------------*/

.page-404 #section-navigation #section-navigation-top h3 a {
	background-image: url(images/text-page-not-found.png);
}

/* =Forms
----------------------------------------------------*/

#content .forms fieldset {
	padding: 1em 0 2em 0;
	margin: 2em 0;
}

#content .forms fieldset h3 {
	margin: 0 0 .5em 0;
	color: #729ac7;
	font-size: 1.5em;
	border-bottom: solid 1px #ccc;
}

#content .forms .wrapper {
}

#content .forms .wrapper label, #content .forms .wrapper .label {
	display: block;
	font-weight: normal;
	width: auto;
	margin-bottom: .3em;
}

#content .forms .error label, #content .forms .error .label {
	color: #c53636;
	font-weight: bold;
}


#content .forms .wrapper .text, #content .forms .wrapper textarea, #content .forms .wrapper .file {
	width: 70%;
}

#content .forms .wrapper .question {
	font-weight: bold;
	font-size: 1.3em;
}


#content .forms .required {
	/*display: block;*/
	color: #c53636;
}


#content .forms .wrapper .submit {
	font-size: 1.4em;
	padding: .3em;
	float: right;
}