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

/* initalise */
* { margin:0px; padding:0px; border:none; }
body { background-color:#FFFFFF; font-size:62.5%; font-family:Helvetica, Verdana, Arial, sans-serif; }
div#container { width:803px; margin:20px auto; background-repeat:repeat-x; border-style:solid; border-width:1px; border-color:#000000; }
div#container_inner { width:803px; display:block; }

.clear_left { clear:left; }
.clear_right { clear:right; }
.clear_both { clear:both; }

ul li { list-style:none; }
/* end initalise */



/* header */
.top_edge { width:10px; height:120px; margin-top:10px; background-image:url(../img/all/top_gradient.jpg); display:inline-block; float:left; }

div#header { width:783px; height:120px; margin-top:10px; background-image:url(../img/all/header_gradient.jpg); color:#FFFFFF; display:inline-block; float:left; clear:right; }

div#menu_container { width:140px; margin:10px; display:inline-block; float:left; }
div#menu {}
div#menu ul { font-size:1.1em; font-weight:bold; line-height:16px; color:#FFFFFF; }
div#menu li a:link, #menu li a:visited { color:#FFFFFF; }
div#menu ul li a:hover { color:#F3F28B; }

div#logo { width:91px; height:90px; background-image:url(../img/all/logo.png); display:inline-block; float:left; margin:10px 0 0 10px; }
div#animals { width:460px; height:110px; background-image:url(../img/all/animals.png); background-position:bottom left; background-repeat:no-repeat; display:inline-block; float:right; margin:10px 10px 0 10px; }

div#animals h1 { font-size:2.8em; text-align:right; }
div#animals ul { margin-top:5px; font-size:1.2em; text-align:right; font-weight:bold; }
/* end header */


/* content */
div#content_container { width:803px;  background-color:#3FA865; float:left; }
div#content_home { margin:0 0 0 10px; float:left; clear: both; display: inline; }
div#content_home ul#imagemap,
div#content_home ul#imagemap li { width: 783px; list-style-type: none; margin: 0px; padding: 0px; border: none; float:left; clear: both;}
div#content_home ul#imagemap li img { margin: 0px; padding: 0px; border: none; float:left; clear: both; }
div#content_home ul#imagemap li map {margin: 0px; padding: 0px; border: none;}

div#content { width:783px; background-color:#FFFFFF; margin:0 10px; color:#000000; }
div#content img { margin:0px; padding:0px; border:none; }
iframe#lifelearn { margin-top:25px; }
/* end content */


/* footer */
.bottom_edge { width:10px; height:120px; margin-bottom:10px; background-image:url(../img/all/bottom_gradient.jpg); display:inline-block; float:left; }

div#footer_container { width:783px; height:120px; margin-bottom:10px; background-image:url(../img/all/footer.jpg); background-color:#FFFFFF; float:left; }
div#footer { color:#FFFFFF; font-size:1.2em; text-align:right; float:right; margin:30px 10px 0 0; display:block; } 

div#footer a { color:#FFFFFF; }
div#footer a:hover { color:#F3F28B; }

div#footer_menu { margin:20px 0 0 10px; display:block; clear:both; }
div#footer_menu ul { font-size:1.4em; font-weight:bold; color:#38512A; display:block; margin:0 auto; }
div#footer_menu ul li, #footer_menu ul li a:link, #footer_menu ul li a:visited { float:left; display:inline-block; margin:0 8px 0 8px; color:#38512A; }
div#footer_menu ul li a:hover { color:#3FA865; }

div#footer_text { width:803px; height:35px; margin:-17px auto; font-size:1.2em; color:#000000; }
a#footer_link { color:#000000; font-size:1em; }
a#footer_link:hover  { color:#3FA865; }
/* end footer */

/* Byrons extra pages */
p { font-size:1.2em; text-align:justify; margin-top:10px; }
a { text-decoration:none; color:#3FA865; }
a:hover { color:#003300; }
h3 { font-size:1.6em; color:#003300; }

div#nav { float:right; padding:5px 10px; }
div#nav p { color:#3FA865; font-size:1.1em; }
div#nav a { text-decoration:none; color:#38512A; }
div#nav a:hover { color:#3FA865; }
div#nav img { width:10px; height:10px; margin:2px 10px 0px 0px; border:0px; display:inline; float:left; }

div.image_row { width:783px; margin:20px 0px; float:left; }
div.image_area { width:170px; display:inline;  float:left; margin-left:20px; }
div.image_area a img { width:170px;  height:90px;  }
div.image_area h2 { font-size:1.2em; margin-bottom:5px; text-align:center; width:170px;  }
div.image_area h2 a { color:#38512A; }
div.image_area h2 a:hover { color:#3FA865; }
div.image_area h2.srv_link { font-size:1em; font-weight:bold; }

div#title { width:763px; float:left; display:block; padding:0px 10px; }
div#title h1 { text-align:left; color:#38512A; font-weight:400; margin:0px 0px 20px 0px; }
div#title p { text-align:left; color:#38512A; font-size:1.1em; }
div#leftcolumn { width:330px; margin:0px 20px; float:left; display:inline; }
div#rightcolumn { width:330px; margin:0px 20px; float:right; display:inline; }
div#footext { width:700px; float:left; margin:0px 20px; }
div#footext h1 { color:#030; font-weight:100; font-size:1.5em; text-align:left; }

div#image { width:220px; float:left; margin:0px 0px 30px 0px; }
div#image img { width:220px; }

div#links { width:743px; float:left; height:50px; margin:10px 0px 0px 0px; }
div#links2 { width:700px; float:left; height:100px; margin:10px 0px 0px 0px; clear:both; }
div#links3 { width:743px; float:left; height:60px; margin:10px 0px 0px 0px; }

div#links p { width:230px; float:left; margin:3px 60px; display:inline; }
div#links p a img { width:30px; float:left; display:inline; }

div#links2 p, #links3 p { width:180px; float:left; margin:3px 0px 3px 60px; display:inline; }
div#links2 p img, div#links3 p img { width:30px; float:left; display:inline; }

div.leftcol { width:120px; float:left; }
div.leftcol h1 { font-size:1.2em; text-align:left; }
div.rightcol { width:195; float:left; clear:right; display:inline;  margin:0px 0px 0px 10px; }
div.mapimg { width:200px; float:left; }
div.contact { width:200px; float:left; margin:10px 0px 0px 0px; }
div.contact a { text-decoration:none; color:#3FA865; }
div.contact a:hover { color:#030; }

div.arrow { width:10px; height:11px; background-image:url(../img/15.jpg); float:left; display:inline; }


/* about us */
div#about_us_content { }
div#about_us_content p { clear: both; text-align:left; color:#000000; font-size:1.2em; width:680px; margin:0px 0px 0px 20px; } 
div#about_us_content span { text-align:right; }
div#about_us_content h2 {  width:720px; float:left; clear: both; padding:4px 20px 10px 20px; background-image:Url(../img/all/titles.jpg); background-repeat:no-repeat; text-align:left; color:#FFFFFF; margin:10px 0px; font-size:1.8em; font-weight:bold; }
div#about_us_content h2 a { color:#FFFFFF; cursor:pointer; }
div#about_us_content h2 a:hover { color:#38512A; }
div#about_us_content span.img_cntr { margin:0px 0px 10px 10px; float:right; display:inline; }

div#staff_cntr { width:700px; clear:both; margin:0px auto; padding:0px; }
div#staff_cntr div.staff { width:140px; height:220px; display:inline-block; float:left; margin:10px 0px 0px 20px;  }
div#staff_cntr div.staff img {  width:109px; margin:0px auto; display:block; }
div#staff_cntr div.staff ul { width:140px; text-align:center; color:#38512A; clear:both; margin-top:5px; }
div#staff_cntr div.staff ul li { width:140px; margin:0px; padding:0px; font-size:1.2em;  }
/* end about us */

img.inline_img { margin:10px; float:left; display:inline; }

div#title { width:600px; float:left; margin:0px 10px; }
div#title h1 { text-align:left; color:#38512A; font-size:2.8em; font-weight:400;  }
div#title p { text-align:left; color:#38512A; font-size:1.2em; }

/* standard page content */
div#services { width:743px; margin:0px 0px 0px 10px; }
div#services ul { font-size:1.2em; margin:10px 0px 10px 30px; float:left; }
div#services ul li { background:url(../img/15.jpg) no-repeat 0px 2px; padding-left:20px; margin-top:10px; }
div#services h4 { font-size:2em; color:#38512A; margin:20px; clear:both; }
div#services h3 { clear:both; }
div#services p { width:500px; float:left; margin:10px 20px 0px 0px; }
div#services img { width:220px; float:left; margin-top:-60px;  }

div#std_content { width:743px; margin:0px 0px 0px 10px; }
div#std_content ul { width:250px; font-size:1.2em; margin:10px 0px 10px 30px; float:left; }
div#std_content ul li { background:url(../img/15.jpg) no-repeat 0px 2px; padding-left:20px; margin-top:10px; }
div#std_content h2 { width:720px; float:left; clear:both; padding:3px 20px 10px 20px; background-image:Url(../img/all/titles.jpg); background-repeat:no-repeat; text-align:left; color:#FFFFFF; margin:10px 0px 10px -10px; font-size:1.8em; font-weight:bold;}
div#std_content h3 { width:500px; clear:left; float:left; margin-left:10px;  }
div#std_content h4 { font-size:2em; color:#38512A; margin:20px; display:inline-block; clear:both; }
div#std_content p { width:480px; float:left; margin:10px 20px 0px 10px; display:inline-block; clear:left; }
div#std_content img { width:220px; margin-top:10px; float:right; display:inline; }
div#std_content ol {width: 450px; float: left; clear: left; margin: 0px; padding: 0px; border: none; list-style-type: decimal; }
div#std_content ol li { width: auto; float: none; clear: left; margin: 0px 0px 0px 30px; padding: 0px; border: none; color:#000000; font-size:1.2em; line-height:1.5em;}


div#wide_content { width:743px; margin:0px 0px 0px 10px; }
div#wide_content ul { width:250px; font-size:1.2em; margin:10px 0px 10px 30px; float:left; }
div#wide_content ul li { background:url(../img/15.jpg) no-repeat 0px 2px; padding-left:20px; margin-top:10px; }
div#wide_content h2 { width:720px; float:left; clear:both; padding:3px 20px 10px 20px; background-image:Url(../img/all/titles.jpg); background-repeat:no-repeat; text-align:left; color:#FFFFFF; margin:10px 0px 10px -10px; font-size:1.8em; font-weight:bold;}
div#wide_content h3 { width:500px; clear:left; float:left; margin-left:10px;  }
div#wide_content h4 { font-size:2em; color:#38512A; margin:20px; display:inline-block; clear:both; }
div#wide_content p { margin:10px 20px 0px 10px; display:block; clear:left; }
div#wide_content img { width:220px; margin-top:10px; float:right; display:inline-block; }
/* end standard page content */

/* facility */
div#facility_content { width:743px; margin:0px 0px 0px 10px; }
div#facility_content ul { width:250px; font-size:1.2em; margin:10px 0px 10px 30px; float:left; }
div#facility_content ul li { background:url(../img/15.jpg) no-repeat 0px 2px; padding-left:20px; margin-top:10px; }
div#facility_content h2 { width:720px; float:left; clear:both; padding:4px 20px 10px 20px; background-image:Url(../img/all/titles.jpg); background-repeat:no-repeat; text-align:left; color:#FFFFFF; margin:10px 0px 10px -10px; font-size:1.8em; font-weight:bold;}
div#facility_content h3 { width:500px; clear:left; float:left; margin-left:10px;  }
div#facility_content h4 { font-size:2em; color:#38512A; margin:20px; display:inline-block; clear:both; }
div#facility_content p { margin:10px 20px 0px 10px; display:block; clear:left; }
div#facility_content img { margin:10px 20px 10px 20px; width:220px; float:right; clear:none; }
/* end facility */

/* where we are */
div.location { width:750px; margin:0px 0px 20px 15px; font-size:1.2em; }
div.contact_dtl { width:205px; float:left; margin:0px 20px 0px 0px; display:inline;  }
div.contact_dtl h2 { font-size:1.8em; font-weight:bold; }
div.surgery_dtl { width:200px; float:left; margin:5px 20px 0px 0px; display:inline;  }
div.contact_dtl ul li h3 { font-size:1.4em; font-weight:bold; }
div.contact_dtl ul, div.surgery_dtl ul { margin-top:10px; }
div.contact_dtl ul li, div.surgery_dtl ul li{ margin-bottom:5px; }
div.google_map { width:300px; height:200px; margin-top:20px;  float:left; display:inline;  }
/* end where we are */

/* pet information */
div#sub_nav { width:750px; margin-bottom:40px; }
div#sub_nav p { width:500px; margin-left:10px; }
div#sub_nav ul { margin:20px 0px; clear:both; }
div#sub_nav ul li { float:left; display:inline; margin:0px 10px; }
div#sub_nav ul li a { font-size:1.4em; color:#3FA865; text-decoration:none; }
div#sub_nav ul li a:hover { color:#003300;}
/* end pet information */

/* tour */
div#tour { width:743px; margin:0px 0px 0px 10px; }
div#tour p { width:350px; float:left; margin:10px 20px 0px 0px; display:inline-block; clear:left; }
div#tour img { max-width:370px; margin-top:10px; float:right; display:inline-block; clear:right;  }
/* end tour */

/* news */
div#news { width:720px; margin:20px; clear:both;  }
div.news_summary { width:720px; clear:both; }
div.news_summary h2 a { width:720px; float:left; clear:both; padding:4px 20px 10px 20px; background-image:Url(../img/all/titles.jpg); background-repeat:no-repeat; text-align:left; color:#FFFFFF; margin:10px 0px; font-size:1.3em; font-weight:bold;}
div.news_summary h2 a:hover {color:#003300;}
div.news_summary p { width:620px; margin:0px 0px 0px 20px; float:left; clear:left; }
div.news_summary div.date { float:left; margin:10px 0px 0px 20px; clear:left; font-size:1.4em; color:#38512A; }
div.news_summary div.link { float:right; width:53px; height:50px;  margin-top:-10px; display:inline-block; }
/* end news */

/* login */
div#login {width:500px; color:#38512A; margin-top:30px; }
div#login ul li { background:none; margin-bottom:40px; padding:0px; font-size:1.2em;}
div#login label { width:100px; margin-right:20px;  float:left; clear:left; text-align:right;  }
div#login input { width:250px; border:solid 1px #38512A;  float:right; clear:right; }
.error_message { clear:both; color:#FF0000;  }
div#login h4 a { font-size:0.6em; color:#38512A; margin-left:130px; }
div#login h4 a:hover { color:#3FA865; }
div#page_links { margin-left:280px; }
div#page_links { color:#3FA865; }
.clearButton { background: none; border: none; width: auto; color:#38512A; font-weight: bold; cursor: pointer; float:left; margin-right:20px; }
/* end login */