﻿/*---------------
MASTER STYLESHEET
---------------*/

/*Reset
==============================*/
body, h1, h2, h3, p, ul, ol, li, dl, dd, dt {margin: 0; padding: 0; }
ul, ol, dl {line-height: 1; }
h1, h2, h3, p, li, dd, dt {line-height: 1.1; }
a img {border: none; }

/*Form Reset
==============================*/
.form, .form p, .form label, .form select, .form option, .form input, .form button  {vertical-align: bottom; margin: 0; padding: 0; line-height: 1; }
.form label, .form input, .form button {line-height: 1.1; float:left; }
.form input {padding: 1px; margin: 0px; font-size:1.1em;  }
.form select, .form option {font-size:1em; line-height:1; }
button {cursor:pointer; background-color:transparent; border:0px solid black; }
button img {margin:0px; padding:0px; }
/*Fonts
==============================*/
body {font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; }
h1 {font-family: Georgia, "Times New Roman", serif; }
h1 span {font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; }
#home h1 {font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; }
h2, h3 {font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; }
#block-1 {font-family: Geneva, Arial, Helvetica, sans-serif; }
/*Main Layout Elements
==============================*/
body {text-align: center; font-size: 62.5%; background: url(images/body-bg.jpg) repeat-y center top; color:#333; }
#container {text-align: left; width: 1000px; overflow: visible; height: auto; margin: 0 auto 0 auto; position: relative; background: white url(images/container-bg.gif) repeat-y top right; }
body.news #container { background: white repeat-y top right; }

#home #container {background: white repeat-y top right; }
#header {height: 108px; width: 1000px; background-image: url(images/logo.gif); margin:0 0 27px 0; padding:0px; }
#main-nav {margin:0 0 20px 0; padding:0px; }
#content {overflow: visible; height: auto; width: 440px; float: left; margin:0 0px 0 238px; padding:0 0 0 20px; display:inline; }

#block-1 {overflow: visible; height: auto; float: left; width: 238px; margin:0 0 0 -698px; padding:0 0 300px 0; background: url(images/left-nav-bg.jpg) no-repeat top left; display:inline; }
#block-2 {overflow: visible; height: auto; float: right; width: 200px; background:  url(images/right-col-bg.gif) no-repeat top right; min-height:209px; margin:0px; padding:40px 44px 40px 35px; }

body.news #content {width:700px;  }
body.news #block-2 {display:none; }
body.news #block-1 {margin:0 0 0 -958px; }

#home #content {width: 410px; float: left; margin:0 0 0 290px; padding:10px 0 0 0; background: url(images/lion.gif) no-repeat 190px -30px; } 
#home #block-1 {width: 288px; margin:0 0 0 -700px; padding:10px 0 0 0; }
#home #block-2 {width: 290px; margin:10px 7px 0 0; padding:0px 0 0 0; display:inline; background: #efefef  no-repeat top right; }

#footer {width: 100%; height: auto; overflow: visible; clear: both; position: relative; margin:0px; padding:0px 0 0 0; text-align:left; background-color:#e8ebe8; font-size:0.9em; }
.clear {height: 0px; font-size: 1%; width: 100%; clear: both; }

/*General Styles
==============================*/
h1 {font-size: 1.8em; margin: 10px 0 10px 0; text-transform:uppercase; font-weight:normal; letter-spacing:0.1em; color:#323232; }
h2 {font-size: 1.2em; margin: 15px 0 15px 0; text-transform:uppercase; color:#323232; }
h2.ver {color:#1a2e5c; border-bottom:1px solid #c0c0c0; margin-bottom:10px; padding-bottom:5px; clear:both; }
h3 {font-size: 1.2em; margin: 0 0 10px 0; text-transform:uppercase; }
p {font-size: 1.1em; line-height: 1.4; margin: 0 0 10px 0; color:#333;}
ul {font-size: 1.1em; margin:0 0 10px 0; padding:0 0 0 20px; }
ul ul {font-size: 1em; margin:0 0 0 20px; }
ol {font-size: 1.1em; margin:0 0 10px 0; padding:0 0 0 26px;  }
ol ol {font-size: 1em; margin:0 0 0 20px; }
li {list-style-position:outside; margin:0px; padding:0px; line-height: 1.4; }

a:link, a:visited {color: #2c4477; text-decoration: underline; font-weight:bold;}
a:hover, a:focus, a:active {text-decoration: underline; font-weight:bold; }


/*Specific Styles
==============================*/
#accessibility {position: absolute; font-size: 0.0em; text-indent: -5000em; height:0px; top:-50px; left:0px;  }
#header #header-link {display: block; width: 100%; height: 100%; text-indent: -5000em; overflow: hidden; }

/* Top Nav */
ul#top-nav {position:absolute; width:960px; top:108px; left:0px; z-index:100; line-height:1.2; font-size:1.2em; background: white url(images/main-nav-bg.gif) repeat-x bottom left; text-transform:uppercase; margin:0px; padding:0 0 0 40px; font-weight:bold; }
#top-nav a {display: block; width: auto; text-decoration:none; color:#58595b; margin:0px; padding:7px 40px 7px 0px; position:relative; }
#top-nav li {float: left; width: auto; list-style: none; list-style-position:outside; position:relative; margin:0px; padding:0px; z-index:100}
#top-nav li.last {border:none; }
#top-nav li ul {position: absolute; width: 165px; left:-999em; font-size:1em; margin:0px; padding:3px 0 0 0; background: white; font-size:0.9em; border:1px solid #999; }
#top-nav li li {float:none; display:block; margin:0px; padding:0px; width:100%; border-bottom:1px dotted #58595b; }
#top-nav li li a, #top-nav li li a:hover {display:block; line-height:1em; margin:0px; padding:7px 3px 7px 5px; }
#top-nav li:hover ul, #top-nav li.iehover ul {left: 0px; }
#top-nav li:hover ul ul, #top-nav li.iehover ul ul {left: -999em; font-size:1.0em; }
#top-nav li:hover ul li:hover ul, #top-nav li.iehover ul li.iehover ul {left: 165px; top:0px; }
#top-nav li:hover li a, #top-nav li.iehover li a {color:#595959; }
#top-nav li:hover li:hover a, #top-nav li.iehover li.iehover a {color:#1a2e5c; }
#top-nav li:hover li:hover li a, #top-nav li.iehover li.iehover li a {color:#595959; }
#top-nav li:hover li a:hover, #top-nav li.iehover li a:hover {color:#1a2e5c; }
#top-nav li:hover li:hover li a:hover, #top-nav li.iehover li.iehover li a:hover {color:#1a2e5c; }
#top-nav a span {position:relative; display:block;  }
#top-nav a span span {top:0.0em; left:0.0em; padding:0 0 0 0; display:block; }
#top-nav a span span.jq-shadow  {position:absolute; top:1px; left:1px; color:white; }
/* End of Top Nav */

#search-login-form {position:absolute; right:15px; top:40px; width:180px; z-index:1000; }
#search-login-form p {margin:0; padding:0px; font-size:1.1em; }
#search-login-form input {width:130px; float:left; }
#search-login-form button {width:31px; height:21px; margin:0px; padding:0px; float:right; }
#search-login-form button img {margin:0px; padding:0px; width:28px; height:18px;  }
#search-login-form #login {width:180px; clear:both; position:relative; top:5px; cursor:pointer; font-weight:bold; }
#search-login-form #login p {color:#58595b; text-transform:uppercase; margin:0 0 0 0; padding:6px 2px 6px 5px; background: white url(images/login-bg.gif) repeat-x bottom left; }
#search-login-form #login p span {position:relative; display:block;  }
#search-login-form #login p span span {top:0.0em; left:0.0em; padding:0 0 0 0; display:block; }
#search-login-form #login p span span.jq-shadow  {position:absolute; top:1px; left:1px; color:white; }
#search-login-form #login ul {position:absolute; top:22px; text-transform:uppercase; z-index:1001; width: 178px;  font-size:1.1em; margin:0px; padding:3px 0 0 0; background: url(images/main-nav-sub-bg.png) repeat top left; border:1px solid #999; left:-999em; }
#search-login-form #login:hover ul, #search-login-form #login.iehover ul {left:0px; }
#search-login-form ul li a, #search-login-form ul li a:hover {display: block; width: auto; text-decoration:none; color:#595959; margin:0px; padding:5px 5px 5px 5px; }
#search-login-form ul li a:hover {color:#1a2e5c; }
#search-login-form ul li {list-style:none; margin:0px; padding:0px; width:100%; border-bottom:1px dotted #58595b; }
#search-login-form ul li.last {border:none; }

#content {font-size:1.18em; }
#content p {font-size:1em; }
#content #breadcrumb {margin:17px 0 20px 0; padding:0px; color:#1e2a5c; text-transform:uppercase; font-size:1.0em; position: relative; left:-20px; }
#content #breadcrumb a, #content #breadcrumb a:hover {color:#58595b; text-decoration:none; }
#content h1 {background: url(images/header-bg.gif) no-repeat top left; margin:0 0 20px 0px; padding:0 0 5px 20px; position: relative; left:-20px; }
#content p, #content h2, #content ul, #content form {margin-left:0px; }
#content p.back {margin-top:20px; }

#content table tr.header td {background-color:#2a4073; color:white;} 
#content table tr.odd td {background-color:#eee;}
#content table tr.even td {background-color:#ccd;}
#content table td {padding:5px;}

#little-links {margin:0 0 30px 0; padding:0px; text-transform:uppercase; font-size:1.2em; }
#little-links li {display:inline; list-style:none; margin:0px; padding:0 10px 0 0; }
#little-links a, #little-links a:hover {color:#646464; }

#content #gallery-links {width:452px; margin:0; padding:0 0 0 0px; }
#content #gallery-links a, #content #gallery-links a:hover {display:block; clear:both; border-top:1px solid #d6d6d6; margin:0 0 0px 0; padding:10px 0 10px 0; overflow:hidden; text-decoration:none; }
#content #gallery-links img {float:left; }
#content #gallery-links span {display:block; margin:0 0 0 55px; padding:0px; color:#646464; }
#content #gallery-links span.title {font-size:1.1em; font-weight:bold; padding:8px 0 3px 0; display:block; }
#content #gallery-links span.info{font-size:0.9em; display:block; }

#content div.family {margin:10px 0 10px 0;}
#content div.family h2 {font-size: 1.2em; margin: 15px 0 15px 0; text-transform:uppercase; color:#323232;}
#content div.family h2.ver {color:#1a2e5c; border-top:1px solid #c0c0c0; margin:10px 0 10px 0; padding:5px 0 5px 0; clear:both; }
#content div.family p {font-size:1.2em;}
#content div.family p span.child {font-size:1.1em;}
#content div.family p span.sibling {margin-left:20px;}
#content div.family p.mother, #content div.family p.father, #content div.family p.carer {font-weight:bold; margin:0px 0 0px 0;}
#content div.family p.house {margin:10px 0 10px 0;}
#content div.family p.address {margin: 0 0 0 0;}
#content div.family span.email {margin-left:10px; font-style:italic;}

#content .events-box {overflow:hidden; margin:0 0 20px 0; padding:0px; }
#content .events-box img {float:right; }
#content .events-box p {margin-right:60px; }
#content .events-box a img, #content .events-box a:hover img {float:left; }

#content #newsletter-list {width:452px; margin:0; padding:0 0 0 0px; }
#content #newsletter-list a, #content #newsletter-list a:hover {display:block; clear:both; margin:0 0 0px 0; padding:4px 0 4px 0; overflow:hidden; text-decoration:none; }
#content #newsletter-list span {display:block; margin:0 0 0 0px; padding:0px; color:#646464; }
#content #newsletter-list span.title {font-size:1.1em; font-weight:bold; padding:1px 0 1px 0; display:block; }
#content #newsletter-list span.span.info{font-size:0.9em; font-weight:normal; display:block; }

#contact-form {border-top:1px solid #c0c0c0; margin:0 0 20px 0px; padding:20px 0 0 0px; }
#contact-form div.error { margin:0 0 10px 120px; text-indent:20px; color:Red; background: url(/images/warning_symbol.gif) no-repeat left 5%;}
#contact-form div.description { margin: 0 0 10px 120px;}
#contact-form div.errorbox { margin:0 0 10px 0; text-indent:20px; color:Red; background: url(/images/warning_symbol.gif) no-repeat left 5%;}
#contact-form p {margin:0 0 10px 0; padding:0px; clear:both; overflow:hidden; }
#contact-form p label {width:120px; float:left; }
#contact-form p input {width:308px; float:left; background-color:#eef5fb; border:1px solid #c0c0c0 }
#contact-form p textarea {width:308px; float:left; background-color:#eef5fb; border:1px solid #c0c0c0 }
#contact-form p select {float:left; background-color:#eef5fb; border:1px solid #c0c0c0 }
#contact-form p button {position:relative; left:63px; height:19px; width:67px; }

#home #content h1 {background:  no-repeat top left; margin:0 0 5px 0px; padding:0 0 0px 0px; text-transform:uppercase; color:#b50f0d; font-size:3.7em; letter-spacing:0; position: relative; left:0px; }
#content h1 span {font-size:0.6em; display:block; margin:4px 0 0 0; padding:0px; letter-spacing:0.0em;  }
#home #content h2 {font-size: 1.1em; color:#58595b;margin:0 0 5px 0; }
#home #content p {margin-right:20px; }
#home #content p.tour-link {position: relative; left:-10px; margin-right:0px;padding-top:20px; }

#newsletter {background: url(images/newsletter-top.gif) no-repeat top left; width:666px;margin:0px; padding:10px 0 0 0px;position: relative; left:-30px; top:-15px; }
#newsletter #newsletter-bottom {height:36px;background: url(images/newsletter-bottom.gif) no-repeat bottom left; clear:both; }
#newsletter #newsletter-header {background: url(images/newsletter-header-image.gif) no-repeat bottom left;position: relative; left:10px;margin:0px; padding:15px 0 40px 0px;width:640px; }
#newsletter h1 {margin:0px; padding:0 65px 0 65px; text-align:center;font-size:5em;position:static;line-height:1; }
#newsletter p, #newsletter ul {font-family: Georgia, "Times New Roman", serif;}
#newsletter #sub {position: absolute;margin:0px; padding:0px;left:60px;bottom:19px;font-family: Georgia, "Times New Roman", serif;  }
#newsletter #date {position: absolute;margin:0px; padding:0px;right:26px;bottom:19px;font-family: Georgia, "Times New Roman", serif;  }
#newsletter #newsletter-inner {width:595px; position: relative; left:31px; }
#newsletter h2 {background:#1e2a5c url(images/newsletter-header-bg.jpg) repeat-y center top; text-transform:uppercase; color:white; padding:3px 5px 3px 5px;margin:0px 0 10px 0; }
#newsletter .line {clear:both; margin:0 0 5px 0px; padding:0 0 10px 0; float:left;width:100%; }
#newsletter .has-divider {background: url(images/two-col-border.gif) repeat-y 17px 0px;}
#newsletter .has-border {border-bottom:1px solid #c0c0c0; }
#newsletter .special-link a, #newsletter .special-link a:hover {margin:0px; padding:0 0 0 20px;}
#newsletter img.four-images {float:left; width:133px; margin-left:21px;display:inline; } 
#newsletter img.first {margin-left:0px;}

#newsletter .col-2-1 {float:left; width:287px; }
#newsletter .col-2-2 {float:right; width:287px; }
#newsletter .col-3-1 {float:left; width:193px;margin-right:8px;display:inline; }
#newsletter .col-3-2 {float:left; width:193px; }
#newsletter .col-3-3 {float:right; width:193px; }      

#block-1 h2 {margin:20px 10px 0px 28px; padding:0px; font-size:1.2em; font-weight:normal; color:#1e2a5c; text-transform:uppercase; font-weight:bold; }
#block-1 p {margin:0 10px 10px 10px; padding:0px; }
#block-1 ul {font-size: 1.1em; margin:0 0 0 0px; padding:5px 0 300px 23px; text-transform:uppercase; background: url(images/lion.gif) no-repeat bottom left; font-weight:bold; }

#block-1 li {width:180px; list-style:none; margin:0 0 0 0px; padding:0px; }
#block-1 li a {outline:none; }
#block-1 li a, #block-1 li a:hover {border-bottom:1px dotted #999; display:block; margin:0px; padding:5px; color:#999; text-decoration:none; }
#block-1 li a.selected {border-bottom:2px solid #1e2a5c;color:#1e2a5c; }
#block-1 li a:hover {color:#1e2a5c; text-decoration:none; }
#block-1 li.last a, #block-1 li.last a:hover {border-bottom:0px dotted #999; }

#block-1 ul ul {font-size: 1em; margin:0px; padding:0px; background:  repeat top left; min-height:0px;  }
#block-1 li li {margin:0px; padding:0 0 0 0px;width:auto; }
#block-1 li li a, #block-1 li li a:hover {padding-left:15px; color:#555;border-bottom:1px dotted #999;text-decoration:none; }
#block-1 li li a:hover, #block-1 li li a.selected {color:#1e2a5c;border-bottom:1px dotted #999;  }

#block-1 li li li {margin:0px; padding:0 0 0 25px; }
#block-1 li li li a, #block-1 li li li a:hover {padding-left:0px; }
#block-1 li li li li {margin:0px; padding:0 0 0 10px; }

#home #block-1 {background: url(images/video-bg-top.gif) no-repeat 0px -3px; }
#home #block-1 h2 {background: url(images/sub-header-bg.jpg) no-repeat top left;  color:white; margin:0 7px 10px 0; padding:7px 20px 6px 22px; position:relative; font-weight:normal; font-size:1.2em; letter-spacing:0.5px; }

#video-box {background: url(images/video-bg.gif) no-repeat bottom left; padding:0 20px 25px 10px; }


#block-2 ul {font-size:1.2em; }
#block-2 li {margin:0 0 20px 0; padding:0px; }
#block-2 .image-box {margin:0px; padding:0 0 16px 0; width:200px; }
#block-2 .image-box img {float:left; margin:0 8px 8px 0; padding:0 0 0 0; }
#block-2 .image-box p {clear:both; width:200px;  }
#block-2 h2 {margin-top:10px; }


#home #block-2 h2 {background: url(images/sub-header-bg.jpg) no-repeat top left; color:white; margin:0 0 10px 0; padding:7px 20px 6px 22px; position:relative; font-weight:normal; font-size:1.2em; letter-spacing:0.5px; }
#home #block-2 h2 span.emergency {position: absolute; right:20px; top:10px; font-size:0.75em; letter-spacing:0em;  }
#home #block-2 h2 span.cal {position: absolute; right:5px; top:6px; font-size:0.75em; letter-spacing:0em;  }
#home #block-2 h2 span a, #home #block-2 h2 span a:hover {color:white;}
#home #block-2 h3 {color:#58595b; margin:0 7px 1px 7px; padding:0px; font-size:1.1em; }
#home #block-2 p {margin:0 7px 5px 7px; padding:0px; font-size:1.1em; color:#666; line-height:1.3; }
#home #block-2 p.read-more {border-bottom:1px solid #58595b; padding:0 0 10px 0; font-size:1.1em; }
#home #block-2 p.last {border-bottom:0px solid #58595b; padding:0 0 10px 0; font-size:1.1em; }
#home #block-2 p.read-more a, #home #block-2 p.read-more a:hover {background: url(images/arrow.gif) no-repeat right center; padding:0 20px 0 0; color:#58595b; clear:both; }
#home #block-2 div.event {overflow:hidden; margin:0 0 5px 0px; padding:0px; }
#home #block-2 .event p {margin:0 7px 0 7px; padding:0px; color:#58595b; }
#home #block-2 .event p.date {float: left; width:35px; }
#home #block-2 .event p.event {float: left; width: 200px; margin:0px; padding:0px; }


#footer ul {margin:0 0 0px 0; padding:0px; position:absolute; right:10px; top:2px; }
#footer li {margin:0px; padding:0px; list-style:none; display:inline; }
#footer li a, #footer li a:hover {color:#999; text-decoration:none; font-weight:lighter; }
#footer p {margin:0px; padding:2px 2px 2px 10px; color:#999; }


#image-container {width:1000px; height:324px; position:relative; background-color:#233666;}
#image-container img {position:absolute;top:0px;left:0px; display:none;}
#image-container img.active {display:block;}


/*Galleria plugin
==============================*/

div#overlay {position:absolute; height:1200px; width:1000px; top:138px; left:0px; text-align:center; margin:0px; padding:30px 0 0 0; background: #333 repeat top left; display:none; }
div#galleria-box  {position:absolute; height:1200px; width:1000px; top:138px; left:0px; text-align:center; margin:0px; padding:30px 0 0 0; display:none; }
div#galleria-box.show {display:block; }
div#galleria-box a.prev, div#galleria-box a.prev:hover {position:absolute; width:54px; height:54px; background: url(images/prev.gif) repeat top left; top:180px; left:60px; overflow:hidden; text-indent:-5000em; }
div#galleria-box a.next, div#galleria-box a.next:hover {position:absolute; width:54px; height:54px; background: url(images/next.gif) repeat top left; top:180px; right:60px; overflow:hidden; text-indent:-5000em; }
div.galleria_container img {border:3px solid white;  }
ul.galleria{list-style:none; width:1000px; margin:0px; padding:0px; text-align:center; }
ul.galleria li{overflow:hidden; display:inline; margin:0px; padding:0 5px 0 5px; }
ul.galleria li a{display:none}
ul.galleria li div{position:absolute; display:none; top:0; left:180px}
ul.galleria li div img{cursor:pointer}
ul.galleria li.active div img,.galleria li.active div{display:block}
ul.galleria li img.thumb{cursor:pointer; display:inline; max-width:80px;  max-height:80px; border:2px solid white; }
ul.galleria li.active img.thumb{border:2px solid #1e2a5c; }
div#galleria-box .caption{display:block; margin:5px 0 10px 0; padding:0px; font-size:1.6em; color:white; }
* html .galleria li div span{width:400px} /* MSIE bug */
div#galleria-box p.nav {clear:both; }
div#galleria-box p.nav a, div#galleria-box p.nav a:hover {color:black; }

/*360 Viewer
==============================*/
#flash-content {margin:20px 0 0 0px; padding:0px;}
#block-2 ul#panorama-thumbs {margin:0px; padding:0px;}
#block-2 ul#panorama-thumbs li {margin:0 0 10px 0; padding:0px; list-style:none; }
#block-2 ul#panorama-thumbs li a, #block-2 ul#panorama-thumbs li a:hover {text-decoration:none;vertical-align:top; }
#block-2 ul#panorama-thumbs li img {margin:0 15px 0 0px; padding:0px;vertical-align:top;position: relative; top:-20px;}  

/*Video box
==============================*/

a:active {  outline:none; }
:focus   { -moz-outline-style:none; }

a.player {	display:block; background-color:black; width:250px; height:165px; padding:0; text-align:center; color:#fff; text-decoration:none; cursor:pointer; margin:0 0 10px 0;}
/* splash image */
a.player img {margin-top:0px; border:0; 	}

#playlist_wrap {position: relative; padding:0 0 30px 0; }
#pl {height:65px; background-color:#f5fbfb; border:1px solid #ddd; width:250px; position:relative; overflow:hidden; padding:5px 0 5px 0; }
#pl div.entries {height:80px; position:absolute; width:10000em; }

#pl div.entries a, #pl div.entries a:hover {padding:0 3px 0 3px;	}
#pl div.entries a:hover {text-decoration:none;	}

a.nextPage, a.prevPage {display:block; width:23px; height:20px; cursor:pointer; 
text-indent:-5000em; overflow:hidden;position:absolute;border:1px solid #999; }
a.nextPage:hover, a.prevPage:hover {display:block; width:23px; height:20px; cursor:pointer; 
text-indent:-5000em; overflow:hidden;position:absolute;border:1px solid #1e2a5c;text-decoration:none; }
 
a.prevPage {background:  url(images/left-arrow.gif) repeat top left;bottom:0px; left:0px;}
a.nextPage {background: url(images/right-arrow.gif) repeat top left;bottom:0px; right:6px;}
a.nextPage.disabled, a.prevPage.disabled {visibility:hidden; }






/*Pagination
==============================*/
div.pagination {
	font-size: .8em;
	color: #999;
	margin-top: 20px;
	border-top: 1px solid #CCC;
	padding-top: 10px;
}
div.pagination p {
	float: right;
	margin: 10px 15px 15px 0px;
}


/*Client Admin Form Options Floater
===============================*/
.formoptionsfloater
{
    position: absolute;
    z-index: 100; 
    border: solid 1px black; 
    padding: 5px; 
    background-color: lightblue;
    top:0px;
    left:0px;
}