@charset "utf-8";
/* CSS Document */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left; padding:4px 4px 4px 10px; }
.img-right     { float:right; padding:4px 10px 4px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* HTML redefinitions */

body {
background-color: #cbd7ef;
font-family: Tahoma, Helvetica, Arial, sans-serif;
text-align: center;
}

div {
font-size: 10px; 
padding: 0;
margin: 0;
}

b, strong {
font-weight: bold;
}

p {
font-size: 13px;
}

td {
vertical-align: middle;
}

select {
margin: 5px 0 10px 10px;
}

ol {
list-style-position: inside;
}

h1 {
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-size:2em;
padding: 10px 10px 0;
}
 
h2 {
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 24px; 
color: #335db2;
padding: 10px 10px 0;
}
 
h3 {
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 16px; 
color: #335db2;
line-height: 1.1;
padding: 8px 10px 0;
}

h4 {
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 15px; 
color: #335db2;
line-height: 1.1;
padding: 10px 10px 5px;
}

h5 {
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 14px; 
color: #335db2;
line-height: 1.1;
padding: 10px 10px 0;
}

a {
color: #000000;
}

a:link {
color: #0033cc;
text-decoration: underline;
}

a:visited {
color: #335db2;
text-decoration: underline;
}

a:hover {
color: #658bcc;
text-decoration: none;
}

a:active {
color: #658bcc;
text-decoration: none;
}


/* Layout classes */
 
#wrap {
width:770px;
margin:0 auto;
text-align: auto;
}

.ControlPanel table {
border-spacing: 3px;
padding: 3px;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
border: 1px solid transparent;
padding:3px 3px 3px 4px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px;
		line-height: 26px;
	height: 22px;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */

a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
background:#EFEFEF none repeat scroll 0 0;
border:1px solid #ABABAB;
color:#6A6A6A;
padding:3px 3px 3px 4px;
text-decoration:none;
	line-height: 26px;
	white-space: nowrap;
	height: 22px;
}
a.CommandButton:hover {
background:#DFDFDF none repeat scroll 0 0;
border:1px solid #868686;
color:#6A6A6A;
padding:3px 3px 3px 4px;
text-decoration:none;
	line-height: 26px;
	white-space: nowrap;
	height: 22px;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	background-color: transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
	background-color: #f8f8f8;
}
.DataGrid_Header
{
	background-color: #f8f8f8;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color: transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.MainTable {
margin: 20px auto;
width: 770px;
border-spacing: 12px;
vertical-align: top;
}

.Header {
background: url(images/header.gif);
background-repeat: no-repeat;
background-position: center top;
width: 747px;
height: 78px;
vertical-align: middle;
}

.Header h1 {
letter-spacing:0;
font-size:auto;
margin-left: 130px;
padding: 0;
}

.HeaderInner {
background: url(images/header.gif);
background-repeat: no-repeat;
background-position: center top;
width: 747px;
height: 78px;
vertical-align: middle;
}

.HeaderInner h1 {
letter-spacing:0;
font-size:auto;
margin-left: 11px;
padding: 0;
}

.Title {
background: url(images/title.gif);
background-repeat: no-repeat;
background-position: center top;
width: 747px;
height: 41px;
}

.Title h2 {
padding:0;
margin: 0 14px;
letter-spacing:0;
text-align: center;
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 24px; 
background-color: #335db2;
color: #fff;
}

.SidePane {
vertical-align: top;
border-spacing: 0;
padding: 0;
border: 0;
overflow: visible;
}

.PaneTable {
border-spacing: 0;
padding: 0;
border: 0;
overflow: visible;
}

td.Pane {
background: url('images/pane.gif');
background-repeat: no-repeat;
background-position: center;
width: 176px;
height: 127px;
padding: 0;
margin: 0;
text-align:center;
}

.Pane h2 {
padding:0;
margin: 0;
letter-spacing:auto;
font-size:auto;
}

.CentrePane {
width: 370px;
height: 370px;
padding: 0;
margin: 0;
}

td#dnn_LeftPane {
width: 176px;
height: auto;
padding: 0;
margin: 0;
vertical-align: top;
}

td#dnn_RightPane {
width: 176px;
height: auto;
padding: 0;
margin: 0;
vertical-align: top;
}

.LeftPane {
width: 176px;
height: auto;
padding: 0;
margin: 0;
vertical-align: top;
}

#dnn_TopPane {
width: 559px;
padding: 0;
margin: 0;
vertical-align: top;
height: auto;
}

.TopPane {
width: 559px;
padding: 0;
margin: 0;
height: 1px;
vertical-align: top;
}

#dnn_ContentPane {
height: auto;
padding: 0;
margin: 0;
vertical-align: top;
}

.ContentPane {
height: auto;
width: 559px;
padding: 0;
margin: 0;
vertical-align: top;
}

.Footer {
background: url(images/footer.gif);
background-repeat: no-repeat;
background-position: center;
width: 747px;
height: 104px;
margin: 0;
padding: 0;
}

.Address {
float: left;
margin: 4px 0 0 14px;
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 16px; 
background-color: #658bcc;
color: #fff;
text-align: left;
}

.Phone {
float: right;
margin: 2px 14px 0 0;
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 21px; 
background-color: #658bcc;
color: #fff;
text-align: right;
}

.Links {
text-align: center;
color: #6d6d6d;
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px; 
}

.SkinObject {
color: #6d6d6d;
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

.Login {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: regular;
	color: #000;
}

.LoginText {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: regular;
	color: #335db2;
}

.PasswordText {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: regular;
	color: #335db2;
}

A.SkinObject:link, A.Links:link, A.Login:link
{
color: #003399;
text-decoration: underline;
}

A.SkinObject:visited, A.Links:visited, A.Login:visited
{
	text-decoration: underline;
	color: #658bcc;
}

A.SkinObject:hover, A.Links:hover, A.Login:hover
{
	text-decoration: none;
	color: #fff;
}

A.SkinObject:active, A.Links:active, A.Login:active
{
	text-decoration: none;
	color: #fff;
}

.Breadcrumb {
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #6d6d6d;
padding: 5px;
}

.Breadcrumb a:link {
color: #335db2;
text-decoration: underline;
}

.Breadcrumb a:visited {
color: #335db2;
text-decoration: underline;
}

.Breadcrumb a:hover {
color: #6699ff;
text-decoration: none;
}

.Breadcrumb a:active {
color: #6699ff;
text-decoration: none;
}

/* Rounded corner classes */

.rounded{display:block}
.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff;}
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1e8f5;
  border-right:1px solid #e1e8f5;
  background:#f2f5fb;}
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d0dbf0;
  border-right:1px solid #d0dbf0;
  background:#f5f7fb;}
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f5f7fb;
  border-right:1px solid #f5f7fb;}
.rounded4{
  border-left:1px solid #e1e8f5;
  border-right:1px solid #e1e8f5;}
.rounded5{
  border-left:1px solid #f2f5fb;
  border-right:1px solid #f2f5fb;}
.roundedfg{
  background:#ffffff;
  }

.SmallPane {
width: 176px;
padding: 0 0 13px 0;
margin: 0;
text-align:center;
}

.bbTop {
width: 176px;
height: 13px;
background-image: url(images/bb-top.gif);
background-position: bottom;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.bbBody {
text-align: center;
background-image: url(images/bb-body.gif);
background-position: center;
background-repeat: repeat-y;
margin: 0;
}

.bbBody h3 {
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 21px; 
color: #335db2;
line-height: 1.1;
padding: 5px 4px 4px;
text-align: center;
}

.bbBody p {
padding: 3px;
}

.bbBody a:link, .bbBody a:visited {
color: #fff;
text-decoration: none;
}

.bbBody a:hover, .bbBody a:active {
color: #99bfff;
text-decoration: none;
}

.bbBottom {
width: 176px;
height: 13px;
background-image: url(images/bb-bottom.gif);
background-position: top;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

/* Additional classes for menu */

.MenuPane {
width: 176px;
padding: 4px 0;
margin: 0;
text-align:center;
}

.bbBodyMenu {
text-align: center;
background-image: url(images/bb-body.gif);
background-position: center;
background-repeat: repeat-y;
margin: 0;
}

.bbTopActive {
width: 176px;
height: 13px;
background-image: url(images/bbactive-top.gif);
background-position: bottom;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.bbBodyMenuActive {
text-align: center;
background-image: url(images/bbactive-body.gif);
background-position: center;
background-repeat: repeat-y;
margin: 0;
}

.bbBottomActive {
width: 176px;
height: 13px;
background-image: url(images/bbactive-bottom.gif);
background-position: top;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.MenuPane2 {
width: 168px;
padding: 0 0 3px 8px;
margin: 0;
text-align:center;
}

.bbTop2 {
width: 168px;
height: 9px;
background-image: url(images/bb-top2.gif);
background-position: bottom;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.bbBodyMenu2 {
text-align: center;
background-image: url(images/bb-body2.gif);
background-position: center;
background-repeat: repeat-y;
margin: 0;
}

.bbBottom2 {
width: 168px;
height: 9px;
background-image: url(images/bb-bottom2.gif);
background-position: top;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.bbTopActive2 {
width: 168px;
height: 9px;
background-image: url(images/bbactive-top2.gif);
background-position: bottom;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.bbBodyMenuActive2 {
text-align: center;
background-image: url(images/bbactive-body2.gif);
background-position: center;
background-repeat: repeat-y;
margin: 0;
}

.bbBottomActive2 {
width: 168px;
height: 9px;
background-image: url(images/bbactive-bottom2.gif);
background-position: top;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

/* Home page hover classes */

#AboutUs a {
	display: block;
	width: 108px;
	height: 32px;
	text-decoration: none;
	background: url('images/about-us.gif');
	margin: 0 auto;
	}

#AboutUs a:hover {
	background-position: -108px 0;
	}
	
#Registration a {
	display: block;
	width: 133px;
	height: 37px;
	text-decoration: none;
	background: url('images/registration.gif');
	margin: 0 auto;
	}

#Registration a:hover {
	background-position: -133px 0;
	}
	
#TeamMembers a {
	display: block;
	width: 108px;
	height: 62px;
	text-decoration: none;
	background: url('images/team-members.gif');
	margin: 0 auto;
	}

#TeamMembers a:hover {
	background-position: -108px 0;
	}
	
		
#PetInformation a {
	display: block;
	width: 130px;
	height: 62px;
	text-decoration: none;
	background: url('images/pet-information.gif');
	margin: 0 auto;
	}

#PetInformation a:hover {
	background-position: -130px 0;
	}
	
		
#Services a {
	display: block;
	width: 95px;
	height: 31px;
	text-decoration: none;
	background: url('images/services.gif');
	margin: 0 auto;
	}

#Services a:hover {
	background-position: -95px 0;
	}
	
		
#ContactUs a {
	display: block;
	width: 122px;
	height: 30px;
	text-decoration: none;
	background: url('images/contact-us.gif');
	margin: 0 auto;
	}

#ContactUs a:hover {
	background-position: -122px 0;
	}

.over {
	position: absolute;
	left: -5000px;
	}

/* text style used for most text rendered by modules */

.Head {
font-family: 'Century Gothic', Tahoma, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 16px; 
color: #335db2;
}

.SubHead {
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 13px; 
color: #335db2;
}

a.SubHead:hover{
color: #335db2;
text-decoration: none;
}

center a:hover {
color: #000000;
text-decoration: none;
}

.NormalContent {
margin: 0 10px;
}

.Normal, .NormalDisabled
{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.ArticleTitle {
font-family: 'Century Gothic', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 16px; 
color: #335db2;
line-height: 1.1;
padding: 10px 10px 0;
}

.RoundedBlue .Normal {
}

.NormalBold
{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.NormalRed
{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
}

.Normal p
{
	line-height: 1.5;
	padding: 5px 10px;
}

.Normal p img
{
	margin: 5px;
}

.Normal div {
	font-size: 13px;
}

.Normal table {
padding:4px;
}

.Normal table td {
padding:4px;
}

.Normal ul li
{
	line-height: 1.5;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 25px;
}