/*
THIS IS THE PRINT STYLE SHEET
ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ
*/





/*
WHOLE SITE SETTINGS
ÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐÐ
*/

body {
	padding: 0px;
	margin: 0px;
	background: #444444;
}

img {
	border: none;
}

* {
	margin: 0;
	padding: 0;
}






/*
BASIC ELEMENTS
ÐÐÐÐÐÐÐÐÐÐÐÐÐÐ
*/

/*For the print style sheet % and ems have been changed to pt sizes and colours have been changed to be black/greys*/


p {
	font-family: "Arial", sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10pt;
	line-height: 15pt;
	padding: 5px 0px 5px 0px;
	}

h1{
/* Used for all major page headings */
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 18pt;
	color: #404040;
	padding: 10px 0px 5px 0px;
	}

h2 {	
/* Used for all secondary page headings */
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 12pt;
	color: #404040;
	padding: 10px 0px 5px 0px;
	}

h3 {
/* Used for all tertiary page headings */
	font-family: "Arial", sans-serif;
	font-weight: bold;
	color: #404040;
	font-size: 10pt;
	line-height: 14pt;
	padding: 5px 0px 0px 0px;
	}

h4 {
/* Used for tagline in header */
	font-family: "Arial", sans-serif;
	font-weight: bold;
	color: #404040;
	font-size: 10pt;
	line-height: 18pt;
	padding: 10px 0 0 0;
	letter-spacing: -0.2px;
	}

h5 {	
/* Used for leftpane menu options page headings and photo captions*/
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 18pt;
	color: #404040;
	padding: 0px 0px 5px 0px;
	}

h6 {	
/* Used for the URL*/
	font-family: "Arial", sans-serif;
	font-weight: bold;
	color: #404040;
	font-size: 10pt;
	line-height: 14pt;
	padding: 5px 0px 0 10px;
	}
	
a:link {
	color: #00336C;
	font-weight: bold;
	}
a:visited {
	color: #769CB2;
	font-weight: normal;
	}
a:hover {
	color: #990000;
	}
a:active {
	color: #769CB2;
	}



/*
MAIN CONTAINERS
-----------------
*/

/*The overarching divs have been commented out so that the contents inside display but the formatting isn't used.*/

/*#wrapper {
	width: 100%;
	margin: 4px;
	}*/

	
/*#container {
	width: 992px;
	padding: 0px;
	margin: 0 auto 0 auto;
	border: 2px solid #444444;
	background: #FBFDF5;
	}*/
	/*992 plus 2 for border plus 3 for shadow 1 plus 3 for shadow 1 is 1000*/

/*#shadow1 {
	border: 3px solid #363636;
	}*/
	
/*#shadow2 {
	border: 3px solid #292929;
	}*/

/*The left header doesn't display and the logo is inserted the logo in the header to use a logo with a white background.*/
#header {
	width: 100%;
	height: 130px;
	background-image: url("images/template/hbvclogoprint.gif");
	background-repeat: no-repeat;
	background-position: left top;
	}

/*The tag2 line has been removed as it's an image and not required for print.*/
#mainnav {
/*	background-image: url("images/template/tag2.png");
	background-repeat: no-repeat;
	background-position: right top;*/
	width: 100%;
/*	height: 65px;
	background-color: #8E9F6B;*/
	margin: 0px;
	padding: 0px;
}

/*The photos div are not required to display, I've added display: none; code.*/	
#photos {
	width: 980px;
	height: 110px;
	margin: 10px 0 0 0;
	display: none;
	}
	
#content {
	width: 100%;
	}
	
/*I didn't need the border on the footer for print.*/
#footer {
	position: relative;
	bottom: 0;
/*	border-top: 30px solid #8E9F6B;*/
	width: 970px;
	height: 18px;    
	padding: 0 0 3px 10px;
	}
#footer p {	
	font-size: 0.6em;
	clear: both;
	}	

/*
HEADER DIVS
-----------------
*/

#leftheader {
	float: left;
/*	width: 77.6mm;
	height: 38.8;*/
	margin: 10px 0 10px 10px;
	display: none;
	}

#rightheader {
	float: right;
	width: 600px;
	height: 130px;
	margin: 10px;
	}

#utility {
	float: right;
	max-width: 500px;
	min-width: 100%;
	height: 15px; 
	display: none;
	}

#url {
	float: right;
/*	width: 100px;
	height: 30px;*/
/*	text-align: right;*/
/*	padding: 10px 0 0 0;*/
	display: inline;
	}

#tag1 {
	float: right;
	width: 500px;
	height: 10px;
	text-align: right;
	margin: 70px 0 0 0;
	display: none;
	}

/*#tag2 {
	height: 35px;
	width: 100%
	}*/

#tabs {
	float: left;
	width: 825px;
	position: relative;
	bottom: 0;
	height: 30px;
	text-align: center;
	display: none;
	}
	

/*
CONTENT DIVS
-----------------
*/
#leftpane {
	float: left;
	width: 70mm;
/*	margin: 10pt 0 10pt 0;*/
/*get the leftpane to line up under the logo*/
	}
#centre {
	float: left;
	width: 160mm;
/*	margin: 10pt 0 10pt 10pt;*/
	padding: 0 10pt;
	page-break-inside: auto;
	}
#rightpane {
	float: left;
	width: 0px;
	margin: 10px 0 10px 10px;
	display: none;
	}
#centreright {
	width: 100%;
	text-align: right;
	display: none;
	}


/*
TABLES
-----------------
*/
table {
	background: #C1D4DB;
	padding: 2px;
	width: auto;
	}
td {
	font-family: "Arial", sans-serif;
	font-weight: normal;
	padding: 2px 6px 2px 6px;
	border: 1px solid #ffffff;
	color: #404040;
	font-size: 75%;
	line-height: 130%;
	}
th {
	padding: 2px 6px 2px 6px;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	color: #00336C;
	font-size: 75%;
	line-height: 130%;
	text-align: left;
	}

/*
LISTS AND LINKS
-----------------
*/
#content ol {
	margin: 0 0 0 20px;
	}
#content ul {
	list-style-image: url("images/template/paw.png");
	margin: 0 0 0 20px;
	}
#content li {
	font-family: "Arial", sans-serif;
	font-weight: normal;
	font-size: 10pt;
	line-height: 14pt;
	padding: 2px 0px 2px 5px;
	color: #404040;
	/*to prevent strange sizing in IE - the font-size here is set as pixels. This does mean that making the font larger or smaller doesn't affect these two indents - however relative sizes were problematic as I've nested these list styles.*/
	}
#content ul.indent {
	list-style-image: url("images/template/pawdot.png");
	}
#content li.indent {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	font-weight: normal;
	color: #404040;
	}

#utility ul {
	list-style: none;
	}
#utility li {
	font-family: "Arial", sans-serif;
	font-weight: normal;
	font-size: 10pt;
	line-height: 14pt;
	padding: 5px 0px 5px 16px;
	color: #00336C;
	float: right;
	letter-spacing: 0.55px;
/*letter spacing added so that the links don't move the words significantly in the utility - links and hovers don't have the spacing.*/
	}
#utility a {
	color: #00336C;
	font-weight: bold;
	letter-spacing: 0;
	}
#utility a:hover {
	color: #990000;
	text-decoration:underline;
	letter-spacing: 0;
	}

#tabs ul {
	list-style: none;
	margin: 0 0 0 5px;
	}
#tabs li {
	float: left;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: #ffffff;
	width: 110px;
	background-image: url("images/template/tabs.png");
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
}
#tabs li.current {
	background-image: url("images/template/tabactive.png");
	background-repeat: no-repeat;
	background-position: left top;
	color: #00336C;
	font-weight: bold;
	text-decoration: none;
	}
#tabs a {
	color: #00336C;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}
#tabs a:hover {
	color: #990000;
	text-decoration:underline;
	}

#subnav ul {
	list-style-image: url("images/template/paw.png");
	margin: 0 0 0 30px;
	}
#subnav li {
	font-family: "Arial", sans-serif;
	font-weight: normal;
	font-size: 10pt;
	line-height: 14pt;
	padding: 5px 0px 5px 5px;
	border-bottom: 0.1em solid #E2E2B5;
	}


/*
BANNER PHOTOS
-----------------
*/
#photo1 {
	float: left;
	width: 230px;
	text-align: left;
	display: inline;
	}
#photo2 {
	float: left;
	width: 440px;
	text-align: left;
	display: inline;
	}
#photo3 {
	float: left;
	width: 310px;
	text-align: left;
	display: inline;
	}
.d1p1 {
	background-image: url("images/header/d1p1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d1p2 {
	background-image: url("images/header/d1p2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d1p3 {
	background-image: url("images/header/d1p3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d2p1 {
	background-image: url("images/header/d2p1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d2p2 {
	background-image: url("images/header/d2p2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d2p3 {
	background-image: url("images/header/d2p3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d3p1 {
	background-image: url("images/header/d3p1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d3p2 {
	background-image: url("images/header/d3p2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d3p3 {
	background-image: url("images/header/d3p3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d4p1 {
	background-image: url("images/header/d4p1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d4p2 {
	background-image: url("images/header/d4p2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d4p3 {
	background-image: url("images/header/d4p3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d5p1 {
	background-image: url("images/header/d5p1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d5p2 {
	background-image: url("images/header/d5p2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d5p3 {
	background-image: url("images/header/d5p3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d6p1 {
	background-image: url("images/header/d6p1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d6p2 {
	background-image: url("images/header/d6p2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d6p3 {
	background-image: url("images/header/d6p3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d7p1 {
	background-image: url("images/header/d7p1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d7p2 {
	background-image: url("images/header/d7p2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d7p3 {
	background-image: url("images/header/d7p3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d8p1 {
	background-image: url("images/header/d8p1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d8p2 {
	background-image: url("images/header/d8p2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}
.d8p3 {
	background-image: url("images/header/d8p3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	}

/*
BANNER PHOTOS
-----------------
*/
.petphotos {
	border-top: 2px solid #8E9F6B;
	padding: 5px 0 5px 0;
	}

/*
LEFTPANE DIVS
-----------------
*/

#contact {
	float: left;
	background: #C1D4DB;
	width: 70mm;
	text-align: left;
	padding: 10px;
/*	background-image: url("images/template/contactus.png");
	background-repeat: no-repeat;
	background-position: left top;
	removed the tab images*/
	}
#subnav {
	float: left;
	background: #D6D8A9;
	width: 70mm;
	text-align: left;
	padding: 10px;
/*	background-image: url("images/template/inthissection.png");
	background-repeat: no-repeat;
	background-position: left top;
	removed the tab images*/
	}

/*
CONTENT DIVS
-----------------
*/

#breadcrumbs {
	margin-top: 0px;
	margin-bottom: 0px;
	display: none;
	}
#breadcrumbs p {	
	font-size: 0.6em;
	}