/* -------------------------------------------------------------------------
Old Deanery screen style sheet
last update: 9 June 2011
author: Andy Gosling
email: andy@thinkstorm.co.uk
------------------------------------------------------------------------- */

/*--------- colours ---------*/
/*     purple = #642566      */
/*     orange = #E57200      */
/*     red    = #C13832      */
/*     green  = #C1BB00      */
/*---------------------------*/

/* !Eric Meyer's css reset (http://meyerweb.com/eric/tools/css/reset/) -- */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end css reset */

/* !layout */

body {
	font-size: 75%; /* convert 16px base font size to 12px */
	line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	background-color: #F0F0F0;
	color: #555;
	background: #F0F0F0 url(../images/wrapper_bg.gif) repeat-y top center;
}

#wrapper {
	position: relative;
	width: 960px;
	background: #FFF url(../images/wrapper_bg.gif) repeat-y 0 0;
	margin: 0 auto;
	padding: 0 4px;
}

#skipLink {
	position:absolute;
	top: 0;
	left: 0;
	margin: 0;
}

#header {
	width: 960px;
	height: 300px;
	position: relative;
}

#home #header { background: #642566  url(../images/header_bg_home.jpg) no-repeat 0 0; }
#about #header { background: #642566  url(../images/header_bg_home.jpg) no-repeat 0 0; }
#news #header { background: #642566  url(../images/header_bg_home.jpg) no-repeat 0 0; }
#olddeanery #header { background: #E57200  url(../images/header_bg_olddeanery.jpg) no-repeat 0 0; }
#apartment #header { background: #642566  url(../images/header_bg_home.jpg) no-repeat 0 0; }
#stmarys #header { background: #642566  url(../images/header_bg_stmarys.jpg) no-repeat 0 0; }
#contact #header { background: #642566  url(../images/header_bg_home.jpg) no-repeat 0 0; }
#visit #header { background: #642566  url(../images/header_bg_home.jpg) no-repeat 0 0; }
#virtual-tour #header { background: #642566  url(../images/header_bg_home.jpg) no-repeat 0 0; }

#stmarys #header {
	background-color: #C13832;
}

#kingsbridge #header {
	background-color: #C1BB00;
}

#primaryContent {
	width: 380px;
	margin: 90px 0 0 90px;
	padding: 0 0 40px 0;
	float: left;
}

#secondaryContent {
	width: 440px;
	margin: 90px 0 40px 20px;
	padding: 0;
	float: left;
}

#stmarys #secondaryContent {
	width: 380px;
}

#tertiaryContent {
	width: 380px;
	margin: 20px 0 0 90px;
	padding: 0 0 40px 0;
	float: left;
}

#quaternaryContent {
	width: 440px;
	margin: 20px 0 40px 20px;
	padding: 0;
	float: left;
}

#olddeanery #secondaryContent {
	width: 380px;
}

#footer {
	width: 960px;
	height: 180px;
	border-top: 1px solid #EDEDED;
	position: relative;
}

#primaryContent img {
	margin-top: 20px;
}

.clearBoth {
	clear: both;
}

.test {
	background-color: aqua;
}

.rule {
	background: url(../images/rule.gif) no-repeat 0 0;
	height: 1.6666em;
}

#images {
	overflow: hidden;
}

/* font sizing guide:

pixels		ems			leading
-------------------------------------
9px 	= 	0.75em		2.2222em
10px 	= 	0.8333em	2em
11px 	= 	0.9166em	1.8181em
12px 	= 	1em			1.6666em
13px 	= 	1.0833em	1.5384em
14px 	= 	1.1666em	1.4285em
15px 	= 	1.25em		1.3333em
16px 	= 	1.3333em	1.25em
17px 	= 	1.4166em	1.1764em
18px 	= 	1.5em		1.1111em
19px 	= 	1.5833em	1.0526em
20px 	= 	1.6666em	1em
21px 	= 	1.75em		
22px 	= 	1.8333em	
23px 	= 	1.9166em	
24px 	= 	2em	
27px 	= 	2.25em		
30px	=	2.5em		

(divide desired pixel height by 12 to get 'em' value) */

p, li {
    font-size: 1em; /* 12px */
	margin: 1.6666em 0; /* 20px (12 x 1.6666 = 20) */
	line-height: 1.6666em;
}

p.intro {
    font-size: 1.1666em; /* 14px */
	margin: 1.4285em 0; /* 20px */
	line-height: 1.4285em;
}

/* narrow paragraph width */

#primaryContent p {
	margin-right: 10px;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size: 2.25em; /* =27px */
	line-height: 1.3333em;
	margin: 0 0 1em;
}

h2 {
	font-size: 1.6666em; /* =20px */
	line-height: 1.5em;
	margin: 2em 0 1em;
}

h1:first-child,
h2:first-child {
	margin-top: 0 !important;
}

h3 {
	font-size: 1.3333em; /* =16px */
	line-height: 1.5em;
	margin: 2.5em 0 1.25em;
}

p strong,
.action {
	color: #444;
	font-weight: bold;
}

q {
	font-style: italic;
}

#home h1, #home h2, #home h3, #home h4, #home h5 { color: #E57200; }
#about h1, #about h2, #about h3, #about h4, #about h5 { color: #E57200; }
#news h1, #news h2, #news h3, #news h4, #news h5 { color: #E57200; }
#olddeanery h1, #olddeanery h2, #olddeanery h3, #olddeanery h4, #olddeanery h5 { color: #E57200; }
#apartment h1, #apartment h2, #apartment h3, #apartment h4, #apartment h5 { color: #E57200; }
#stmarys h1, #stmarys h2, #stmarys h3, #stmarys h4, #stmarys h5 { color: #C13832; }
#kingsbridge h1, #kingsbridge h2, #kingsbridge h3, #kingsbridge h4, #kingsbridge h5 { color: #C1BB00; }
#postbox h1, #postbox h2, #postbox h3, #postbox h4, #postbox h5 { color: #E57200; }
#contact h1, #contact h2, #contact h3, #contact h4, #contact h5 { color: #E57200; }
#visit h1, #visit h2, #visit h3, #visit h4, #visit h5 { color: #E57200; }
#virtual-tour h1, #visit h2, #visit h3, #visit h4, #visit h5 { color: #E57200; }

#olddeanery .residential h2,
#olddeanery .disabilities h2,
#olddeanery .early-stage h2,
#stmarys .nursing-care h2,
#stmarys .young-onset h2,
#stmarys .dementia-care h2 {
	margin-top: -0.5em;
}

#olddeanery h2,
#apartment h2,
#stmarys h2 {
	font-style: italic;
	color: #888;
	margin: 1em 0;
}

#primaryContent ul,
#secondaryContent ul {
	margin: 1.6666em 0;
	padding-left: 20px;
}

#primaryContent li,
#secondaryContent li {
	margin: 0;
	background: url(../images/bullet_home.gif) no-repeat 0 0.7em;
	padding-left: 10px;
}

#olddeanery #primaryContent li, #olddeanery #secondaryContent li { background-image: url(../images/bullet_olddeanery.gif) }
#stmarys #primaryContent li, #stmarys #secondaryContent li { background-image: url(../images/bullet_stmarys.gif) }
#kingsbridge #primaryContent li, #kingsbridge #secondaryContent li { background-image: url(../images/bullet_kingsbridge.gif) }

.caption {
	font-size: 0.9166em;
	line-height: 1.8181em;
	color: #888;
}

/* pullquotes */

#secondaryContent blockquote {
	margin: 30px 0 33px;
	text-align: center;
	width: 380px;
}

#home #secondaryContent blockquote { color: #E57200; }
#about #secondaryContent blockquote { color: #E57200; }
#news #secondaryContent blockquote { color: #E57200; }
#olddeanery #secondaryContent blockquote { color: #E57200; }
#stmarys #secondaryContent blockquote { color: #C13832; }
#kingsbridge #secondaryContent blockquote { color: #C1BB00; }
#postbox #secondaryContent blockquote { color: #E57200; }
#contact #secondaryContent blockquote { color: #E57200; }
#visit #secondaryContent blockquote { color: #E57200; }
#virtual-tour #secondaryContent blockquote { color: #E57200; }

/* !hyperlinks */

a:link, a:visited {
	color: #642566;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

a:hover, a:active {
	color: #000;
	border-bottom: 1px solid #000;
}

/* !header ----------------------------------------------------------- */

#skipLink a:link,
#skipLink a:visited {
	display: block;
	background: url(../images/skiplink.png) no-repeat 0 -22px;
	height: 11px;
	width: 11px;
	text-indent: -999em;
	border: none;
	margin: 3px 0 0 3px;
}

#skipLink a:hover,
#skipLink a:active {
	background-position: 0 0;
}

#logo {
	width: 410px;
	height: 48px;
	background: url(../images/logo.png) no-repeat 0 0;
	position: absolute;
	top: 30px;
	right: 30px;
	text-indent: -999em;
}

#logo a:link, #logo a:visited {
	width: 410px;
	height: 48px;
	display: block;
	border: none;
	text-indent: -999em;
}

#strapline {
	width: 172px;
	height: 25px;
	background: url(../images/great_place.png) no-repeat 0 0;
	position: absolute;
	top: 39px;
	left: 30px;
	text-indent: -999em;
}

#header #pageTitle {
	position: absolute;
	top: 110px;
	right: 30px;
	width: 304px;
	height: 22px;
	text-indent: -999em;
	background-position: right top;
	background-repeat: no-repeat;
}

#about #pageTitle { background-image: url(../images/h1_about.png) }
#news #pageTitle { background-image: url(../images/h1_news.png) }
#olddeanery #pageTitle { background-image: url(../images/h1_olddeanery.png) }
#apartment #pageTitle { background-image: url(../images/h1_apartment.png); width: 407px; }
#stmarys #pageTitle { background-image: url(../images/h1_stmarys.png) }
#kingsbridge #pageTitle { background-image: url(../images/h1_kingsbridge.png) }
#postbox #pageTitle { background-image: url(../images/h1_postbox.png) }
#contact #pageTitle { background-image: url(../images/h1_contact.png) }
#visit #pageTitle { background-image: url(../images/h1_visit.png) }
#virtual-tour #pageTitle { background-image: url(../images/h1_virtual_tour.png) }


/* !main navigation ----------------------------------------------------------- */

#header ul {
	position: absolute;
	left: 20px;
	bottom: 0;
	width: 920px;
}

#header li {
	float: left;
	font-family: "Gill Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 1.0833em; /* =13px */
	color: #FFF;
	margin: 0;
}

#header li a:link, #header li a:visited {
	background: transparent url(../images/nav_hover.png) repeat-x 0 0;
	color: #FFF;
	text-decoration: none;
	padding: 5px 8px;
	border: none;
	display: block;
}

#header li a:hover, #header li a:active {
	background: transparent url(../images/nav_hover.png) repeat-x 0 -250px;
	color: #FFF;
}

/* selected menu items */

#home #nav_home a:link, #home #nav_home a:visited, #home #nav_home a:active, #home #nav_home a:hover,
#about #nav_about a:link, #about #nav_about a:visited, #about #nav_about a:active, #about #nav_about a:hover,
#news #nav_news a:link, #news #nav_news a:visited, #news #nav_news a:active, #news #nav_news a:hover,
#olddeanery #nav_olddeanery a:link, #olddeanery #nav_olddeanery a:visited, #olddeanery #nav_olddeanery a:active, #olddeanery #nav_olddeanery a:hover,
#apartment #nav_apartment a:link, #apartment #nav_apartment a:visited, #apartment #nav_apartment a:active, #apartment #nav_olddeanery a:hover,
#virtual-tour #nav_tour a:link, #virtual-tour #nav_tour a:visited, #virtual-tour #nav_tour a:active, #virtual-tour #nav_tour a:hover,
#contact #nav_contact a:link, #contact #nav_contact a:visited, #contact #nav_contact a:active, #contact #nav_contact a:hover,
#visit #nav_visit a:link, #visit #nav_visit a:visited, #visit #nav_visit a:active, #visit #nav_visit a:hover,
#visit #nav_visit a:link, #visit #nav_visit a:visited, #visit #nav_visit a:active, #visit #nav_visit a:hover,
#stmarys #nav_stmarys a:link, #stmarys #nav_stmarys a:visited, #stmarys #nav_stmarys a:active, #stmarys #nav_stmarys a:hover {
	background-color: #FFF;
	color: #555;
}

/* !sub navigation ----------------------------------------------------------- */

#subNav {
	width: 900px;
	border-bottom: 1px solid #EDEDED;
	padding: 7px 30px 5px;
}

#subNav li {
	float: left;
	font-family: "Gill Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 1em; /* =12px */
	color: #FFF;
	margin: 0 20px 0 0;
}

#stmarys #subNav li {
	margin: 0 14px 0 0;
}

#subNav li a:link, #subNav li a:visited {
	color: #555;
	text-decoration: none;
	border: none;
	display: block;
}

#home #subNav li a:hover, #home #subNav li a:active { color: #642566; }
#about #subNav li a:hover, #about #subNav li a:active { color: #642566; }
#news #subNav li a:hover, #news #subNav li a:active { color: #642566; }
#olddeanery #subNav li a:hover, #olddeanery #subNav li a:active { color: #E57200; }
#stmarys #subNav li a:hover, #stmarys #subNav li a:active { color: #C13832; }
#kingsbridge #subNav li a:hover, #kingsbridge #subNav li a:active { color: #C1BB00; }
#contact #subNav li a:hover, #contact #subNav li a:active { color: #642566; }

.historic .nav-historic a,
.layout .nav-layout a {
	color: #642566 !important;
}

.residential .nav-residential a,
.disabilities .nav-disabilities a,
.early-stage .nav-early a,
#olddeanery .facilities .nav-facilities a,
#olddeanery .accommodation .nav-accomm a,
#olddeanery .activities .nav-activities a {
	color: #E57200 !important;
}

.higher-dependency .nav-higher a,
.dementia-care .nav-dementia a,
.young-onset .nav-young a,
#stmarys .facilities .nav-facilities a,
#stmarys .accommodation .nav-accomm a,
#stmarys .activities .nav-activities a {
	color: #C13832 !important;
}

/* !breadcrumb ----------------------------------------------------------- */

p#breadcrumb {
	position: absolute;
	width: 680px;
	top: 370px;
	left: 34px;
	text-transform: uppercase;
	font-size: 0.8333em; /* 10px */
	margin: 0;
	color: #888;
	letter-spacing: 0.1em;
}

#apartment p#breadcrumb,
#news p#breadcrumb,
#contact p#breadcrumb,
#visit p#breadcrumb,
#virtual-tour p#breadcrumb {
	top: 338px;
}

p#breadcrumb em {
	font-style: normal;
}

#home p#breadcrumb em { color: #642566; }
#about p#breadcrumb em { color: #642566; }
#news p#breadcrumb em { color: #642566; }
#olddeanery p#breadcrumb em { color: #E57200; }
#apartment p#breadcrumb em { color: #642566; }
#stmarys p#breadcrumb em { color: #C13832; }
#kingsbridge p#breadcrumb em { color: #C1BB00; }
#postbox p#breadcrumb em { color: #642566; }
#contact p#breadcrumb em { color: #642566; }
#visit p#breadcrumb em { color: #642566; }
#virtual-tour p#breadcrumb em { color: #642566; }

p#breadcrumb a:link,
p#breadcrumb a:visited {
	color: #888;
	border-bottom: 1px solid #CCC;
}

p#breadcrumb a:hover,
p#breadcrumb a:active {
	color: #000;
	border-bottom: 1px solid #000;
}

#telephone {
	position: absolute;
	top: 343px;
	right: 34px;
	width: 209px;
	height: 22px;
	background: url(../images/telephone.gif) no-repeat 0 0;
	text-indent: -999em;
}

#home #telephone,
#apartment #telephone,
#news #telephone,
#contact #telephone,
#visit #telephone,
#virtual-tour #telephone {
	top: 311px;
}

/* !visit us panel ----------------------------------------------------------- */

#visitPanel {
	background: #642566 url(../images/visit_home_bg.jpg) no-repeat 0 0;
	margin-bottom: 40px;
}

#visitPanel h2 {
	width: 210px;
	height: 30px;
	margin: 0 0 100px 0 !important;
}

#visitPanel h2 a:link,
#visitPanel h2 a:visited {
	background: transparent url(../images/h2_visit_home.jpg) no-repeat 0 0;
	width: 210px;
	height: 30px;
	display: block;
	border: 0;
	text-indent: -999em;
}

#visitPanel h2 a:hover,
#visitPanel h2 a:active {
	background-position: -210px 0;
}

#visitPanel p {
	color: #FFF;
	margin: 0 10px;
	padding: 10px 0;
}

#visitPanel p a:link,
#visitPanel p a:visited {
	color: #FFF;
	border-bottom-color: #936799;
}

#visitPanel p a:hover,
#visitPanel p a:active {
	color: #FFF;
	border-bottom-color: #FFF;
}

/* !homepage ----------------------------------------------------------- */

#home #primaryContent {
	width: 600px;
}

#home #secondaryContent {
	width: 210px;
	margin-left: 30px;
}

#home h1 {
	font-size: 2.5em;
	line-height: 1.3333em;
	margin: 2em 0 0;
}

#home h2.subhead {
	font-size: 2em;
	line-height: 1.6666;
	margin: 0.5em 0 1em;
	font-style: italic;
	color: #888;
}

#home p.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #EDEDED;
}

/* !section info */

#home .section {
	clear: left;
	position: relative;
	margin: 30px 0 20px;
}

#home .section .column {
	width: 190px;
	margin: 0 15px 0 0;
	float: left;
}

#home #primaryContent .column img {
	margin: 0;
}

#home #primaryContent .column span a {
	border: none;
}

#home .award {
	background: #FFF url(../images/stars.gif) no-repeat 0 1px;
	padding-left: 55px;
}

#home .award span {
	font: italic 1em/1.6666em Georgia, "Times New Roman", Times, serif;
}

#home .two {
	background-position: -16px 1px;
	padding-left: 39px;
}

#home .section .last {
	margin-right: 0;
}

#home .section h2 {
	font-size: 2.1666em;
	line-height: 1.5384em;
	margin: 0 0 0.3846em 0;
}

#home .section h3 {
	font-size: 1.5em;
	line-height: 1.1111em;
	color: #888;
	font-style: italic;
	margin: 0;
}

#home .section h4 {
	font: italic 1.3333em/1.5em Georgia, "Times New Roman", Times, serif;
	margin: 0.375em 0;
}

#home .section p {
	margin-top: 1em;
	margin-right: 0;
}

#home .divider {
	clear: left;
	text-align: center;
	background: #FFF url(../images/rule.gif) repeat-x left center;
}

#home .divider p {
	margin: 2.5em 0 1.25em;
	font: italic 1.1666em/1.4285em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin-right: 0;
	display: inline;
	padding: 0 10px;
	color: #888;
	background-color: #FFF;
}

#home #latestNews {
	border-bottom: 1px solid #EDEDED;
	margin-bottom: 20px;
}

#home #latestNews h2 {
	font-size: 1.6666em; /* =20px */
	line-height: 1em;
	margin: 1em 0 0.5em;
}

#home #latestNews h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 1em; /* 12px */
	line-height: 1.6666em; /* 20px */
	margin: 0;
	padding-top: 0.4166em;
	border-top: 1px solid #EDEDED;
}

#home #latestNews p {
    font-size: 0.8333em; /* 10px */
	line-height: 2em; /* 20px */
	margin: 0 0 0.5em;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: #888;
}

.openday {
	width: 210px;
	height: 107px;
	background: url(../images/open_day.jpg) no-repeat left top;
	text-indent: -999em;
}

.openday a {
	width: 210px;
	height: 107px;
	display: block;
	border: none;
}

/* !newsletter panel */

#home #newsletter {
	background: #F0F0F0 url(../images/newsletter.jpg) no-repeat 1px 1px;
	min-height: 68px;
	border: 1px solid #EDEDED;
	padding: 5px 8px 0 70px;
	margin: -10px 0 20px 0;
}

#home #newsletter h2 {
	margin: 0;
}

#home #newsletter p {
	margin: 0 0 0.5em;
}

/* !download a brochure / inspection reports */

#home #brochure,
#home #report {
	border-bottom: 1px solid #EDEDED;
	float: left;
	margin-bottom: 20px;
}

#home #brochure h2,
#home #report h2 {
	margin-bottom: 0.5em;
}

#home #brochure .item,
#home #report .item {
	clear: left;
	float: left;
	width: 210px;
}

#home #brochure p,
#home #report p {
	margin-top: 0;
}

#home #brochure img,
#home #report img {
	float: left;
	margin: 3px 10px 10px 0;
}

#home #brochure a:link img,
#home #brochure a:visited img,
#home #report a:link img,
#home #report a:visited img {
	border: 1px solid #CCC;
}

#home #brochure a:hover img,
#home #brochure a:active img,
#home #report a:hover img,
#home #report a:active img {
	border: 1px solid #000;
}

#home #brochure .small,
#home #report .small {
	margin: 0 10px 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/* !about ----------------------------------------------------------- */

#about .landing #content {
	background: url(../images/gardening.jpg) no-repeat right bottom;
}

#about .layout #content {
	background: url(../images/layout.jpg) no-repeat left bottom;
}

#about .layout #content #primaryContent,
#about .layout #content #secondaryContent {
	margin-bottom: 500px;
}

#about .layout #content #secondaryContent p {
	margin-top: 0;
}

#about .layout #footer {
	background: url(../images/layout_bottom.jpg) no-repeat left top;
}

.historic #content {
	background: url(../images/purplevase.jpg) no-repeat right bottom;
}

/* !old deanery ----------------------------------------------------------- */

#olddeanery .residential #content {
	background: url(../images/croquet.jpg) no-repeat right bottom;
}

#olddeanery .accommodation #content {
	background: url(../images/elephants.jpg) no-repeat right bottom;
}

#olddeanery .landing .summary {
	clear: both;
}

#olddeanery .landing h1 {
	margin: 0 0 0.5em 0;
}

#olddeanery .landing h2 {
	font-size: 1.5em; /* =18px */
	line-height: 1.1111em;
	margin: 0 0 0.5em 0;
	color: #666;
	font-style: italic;
}

#olddeanery .landing .summary h2 {
	font-size: 1.6666em; /* =20px */
	line-height: 1.4285em;
	margin: 0 0 0.5em 100px;
	font-style: italic;
}

#olddeanery .landing .summary p {
	margin-top: 0;
	margin-left: 100px;
}

#olddeanery .landing .summary img {
	float: left;
	margin: 0.5em 0 0 0;
}

#olddeanery .care #content {
	background: url(../images/coffee_top.jpg) no-repeat right bottom;
}

#olddeanery .care #footer {
	background: url(../images/coffee_bottom.jpg) no-repeat right top;
}

.facilities #primaryContent {
	width: 380px;
}

.facilities .singleColumnList {
	width: 180px;
	float: left;
}

.facilities #primaryContent .singleColumnList img {
	margin-top: 0;
}

.facilities #secondaryContent .singleColumnList {
	margin-right: 20px;
}

.facilities .singleColumnList h2 {
	margin-bottom: 0.5em !important;
}

.facilities .singleColumnList ul {
	margin-top: 0 !important;
	padding-left: 0 !important;
}

.facilities .right {
	margin-left: 20px !important;
}

.facilities .singleColumnList li {
	margin-bottom: 0.8333em !important;
}

.facilities #secondaryContent #images {
	margin-bottom: 1.6666em;
}

#olddeanery .activities #secondaryContent h2 {
	font-size: 1.3333em; /* =16px */
	line-height: 1.5em;
	margin: 2.5em 0 1.25em;
	font-style: italic;
	margin-left: 80px;
}

#olddeanery .activities dl {
	width: 300px;
	margin: 20px 0 0 80px;
}

#olddeanery .activities dt {
	clear: both;
	float: left;
	width: 80px;
	border-top: 1px solid #EDEDED;
	color: #888;
}

#olddeanery .activities dd {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 220px;
	border-top: 1px solid #EDEDED;
}

/* !apartment ------------------------------------------------------- */

#apartment .layout #content {
	background: url(../images/layout.jpg) no-repeat left bottom;
}

#apartment .layout #content #primaryContent,
#apartment .layout #content #secondaryContent {
	margin-bottom: 500px;
}

#apartment .layout #content #secondaryContent p {
	margin-top: 0;
}

#apartment .layout #footer {
	background: url(../images/layout_bottom.jpg) no-repeat left top;
}

#apartment #secondaryContent #images {
	margin-bottom: 40px;
}

/* !stmarys ----------------------------------------------------------- */

#stmarys .landing .summary {
	clear: both;
	margin-top: 20px;
	width: 380px;
}

#stmarys .landing .summary p {
	width: auto !important;
}

#stmarys .landing h1 {
	margin: 0 0 0.5em 0;
}

#stmarys .landing h2 {
	font-size: 1.5em; /* =18px */
	line-height: 1.1111em;
	margin: 0 0 0.5em 0;
	color: #666;
	font-style: italic;
}

#stmarys .landing h3 {
	margin: 0;
}

#stmarys .landing .summary h3 {
	margin-left: 100px;
}

#stmarys .landing .summary h2 {
	font-size: 1.6666em; /* =20px */
	line-height: 1.5em;
	margin: 0 0 0.5em 100px;
	font-style: italic;
}

#stmarys .landing .summary p {
	margin-top: 0;
	margin-left: 100px;
}

#stmarys .landing .summary img {
	float: left;
	margin: 0.5em 0 0 0;
}

#stmarys .care #content {
	background: url(../images/vase_branches.jpg) no-repeat right bottom;
}

#stmarys .activities #content {
	background: url(../images/smc_tulips.jpg) no-repeat right bottom;
}

#stmarys .activities #content .image-with-caption {
	float: left;
	width: 180px;
	margin: 0 20px 5px 0;
}

#stmarys .activities #content .image-with-caption a,
.pp_content a {
	border: none;
}

#stmarys .activities #content .image-with-caption p {
	margin: 0;
	font-size: 0.9166em;
	line-height: 1.8181em;
}

#stmarys .activities #content .image-with-caption p a:link, #stmarys .activities #content .image-with-caption p a:visited {
	color: #642566;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

#stmarys .activities #content .image-with-caption p a:hover, #stmarys .activities #content .image-with-caption p a:active {
	color: #000;
	border-bottom: 1px solid #000;
}

#stmarys .activities #content .image-with-caption img {
	margin: 0;
}

#stmarys .accommodation #content {
	background: url(../images/smc_boat.jpg) no-repeat right bottom;
}

#stmarys .accommodation #secondaryContent p,
#stmarys .landing #secondaryContent p {
	width: 380px;
}

/* !remove when new St Marys section goes live */

#stmarys .landing2 p#breadcrumb {
	top: 338px;
}

#stmarys .landing2 #telephone {
	top: 311px;
}

#stmarys .landing2 #content {
	background: url(../images/dog_top.jpg) no-repeat right bottom;
}

#stmarys .landing2 .summary {
	clear: both;
}

#stmarys .landing2 h2 {
	font-size: 1.5em; /* =18px */
	line-height: 1.1111em;
	margin: 0 0 0.5em 0;
	color: #666;
	font-style: italic;
}

#stmarys .landing2 .summary h2 {
	font-size: 1.6666em; /* =20px */
	line-height: 1.5em;
	margin: 0 0 0.5em 100px;
	font-style: italic;
}

#stmarys .landing2 .summary p {
	margin-top: 0;
	margin-left: 100px;
}

#stmarys .landing2 .summary img {
	float: left;
	margin: 0.5em 0 0 0;
}

#stmarys .landing2 #footer {
	background: url(../images/dog_bottom.jpg) no-repeat right top;
}

#stmarys .care h2 {
	margin: 1em 0 1em 0;
}

/* end */

/* !news ----------------------------------------------------------- */

#news #primaryContent {
	width: 600px;
}

#news .headlines #primaryContent {
	background: url(../images/rule.gif) no-repeat 0 48px;
}

#news .headlines #primaryContent h1 {
	margin-bottom: 1.2em;
}

#news .headlines #primaryContent h2 {
	padding-top: 0;
}

#news #secondaryContent {
	width: 210px;
	background: url(../images/rule.gif) no-repeat 0 48px;
	margin-left: 30px;
}

#news #primaryContent h1 {
	margin: 2em 0 0.5em;
}

#news #primaryContent h2 {
	margin: 0;
	font-style: italic;
	color: #555;
}

#news .headlines #primaryContent h3,
p.date {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.9166em; /* 11px */
	margin: 0.9em 0 0.5em 0;
	color: #888;
	letter-spacing: 0.1em;
}

#news .headlines #primaryContent p {
	margin-top: 0;
}

.newsImage {
	float: right;
	margin: 0 0 10px 20px;
}

#news .newsImage p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #888;
	font-size: 0.9166em;
	line-height: 1.8181em;
	margin-top: 0;
}

.latest {
	margin-top: 2em;
	padding-bottom: 0.8333em;
	border-bottom: 1px solid #EDEDED;
}

.latest p {
	margin: 0 0 0.8333em 0;
	background: #FFF url(../images/icon_news.gif) no-repeat 0 1px;
	padding-left:  20px;
}

.archive {
	margin-top: 2em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #EDEDED;
	margin-bottom: 20px;
}

#news #secondaryContent .archive h2 {
	margin-bottom: -0.45em;
}

#news .headlines #secondaryContent .archive {
	margin-top: 0 !important;
}

.archive p {
	margin: 0 0 0.8333em 0;
	background: #FFF url(../images/icon_calendar.gif) no-repeat 0 1px;
	padding-left:  20px;
}

#news #secondaryContent .archive h3 {
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.9166em; /* 11px */
	margin: 0.9em 0 0.5em 0;
	color: #888;
	letter-spacing: 0.1em;
	background: #FFF url(../images/rule.gif) no-repeat 0 0.8em;
}

#news #secondaryContent .archive h3 span {
	background-color: #FFF;
	padding: 0 3px;
}

#news #secondaryContent h2 {
	line-height: 2em;
	margin-bottom: 0;
}

/* !contact ----------------------------------------------------------- */

#contact .contactInfo {
	margin-bottom: 20px;
}

#contact .contactInfo h1 {
	font-size: 1.6666em; /* =20px */
	line-height: 1.5em;
	margin: 2em 0 0;
}

#contact .contactInfo p {
	margin: 0 0 0.8333em;
}

#contact .contactInfo p span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #888;
}

/* !panels */

.panel {
	background: #FFF url(../images/panel_bg.jpg) repeat-x 0 0;
	border: 1px solid #EDEDED;
	padding: 19px;
	width: 340px;
}

.panel h2 {
	margin: 0 0 0.5em 0;
}

.panel p {
	margin-top: 0;
}

.panel form p {
	margin: 0;
	border-bottom: 1px solid #EDEDED;
	font-size: 0.9166em;
	line-height: 1.8181em;
	padding: 1px 0;
}

.panel form p label {
	width: 100px;
	display: block;
	float: left;
}

.panel form input,
.panel form textarea {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-size: 1.1em;
	width: 234px;
	padding: 1px 2px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	color: #333;
	font-size: 0.9166em;
}

.panel form input:focus,
.panel form textarea:focus {
	border: 1px solid #999;
}

.panel form p.send {
	border: none;
}

.panel form p.send input {
	width: 70px;
	height: 27px;
	border: none;
	margin-top: 8px;
	padding: 0;
	float: right;
}

.highlight {
	color: #E57200;
}

.panel img {
	float: left;
	margin-right: 10px;
}

/* !request brochure form */

#contact #secondaryContent form {
	clear: both;
}

#contact #secondaryContent .panel h2 {
	font-style: italic;
}

#contact #secondaryContent form .small {
	padding-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #888;
}

#contact #secondaryContent form label.error {
	clear: both;
	width: 240px !important;
	font-weight: bold;
	float: none;
	color: #C13832; 
	padding-left: 100px;
}

#whichbrochure {
	border-bottom: 1px solid #EDEDED;
	padding: 5px 0;
}

form #whichbrochure p {
	border: none;
	margin: 0;
	padding: 0;
}

form #whichbrochure input {
	float: none;
	display: inline !important;
	width: auto;
	border: none;
	margin: 0;
	padding: 0;
}

form #whichbrochure label {
	float: none;
	display: inline !important;
}

/* !virtual tour ---------------------------------------------------- */

#virtual-tour #content #secondaryContent {
	width: 380px;
}

#virtual-tour #content #primaryContent .note {
	margin: 1.4285em 0 2.857em 0;
}

#virtual-tour #content #primaryContent .note p {
	margin: 0.7142em 0;
}

#virtual-tour p.image {
	margin: 0 !important;
}

#virtual-tour p.image a:link,
#virtual-tour p.image a:visited,
#virtual-tour p.image a:hover,
#virtual-tour p.image a:active {
	border: none !important;
}

#virtual-tour p.image a:link img,
#virtual-tour p.image a:visited img {
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid #CCC !important;
}

#virtual-tour p.image a:hover img,
#virtual-tour p.image a:active img {
	padding: 0;
	border: 1px solid #000 !important;
}

#virtual-tour #content h2 {
	font-size: 1.3333em;
	line-height: 1.25em;
	font-style: italic;
	margin-top: 0;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* !visit ----------------------------------------------------------- */

#visit #content {
	background: url(../images/tulips.jpg) no-repeat right bottom;
}

#visit #secondaryContent {
	width: 380px;
	padding-top: 60px;
}

#visit #primaryContent {
	padding-bottom: 20px;
}

#visit .rule {
	clear: both;
	background: url(../images/rule.gif) repeat-x 0 0;
	height: 1.6666em;
	margin: 1.666em 90px 0 90px;
}

#map {
	border: 1px solid #EDEDED;
	width: 378px;
	height: 378px;
	margin-bottom: 20px;
}

#visit #primaryContent .panel {
	padding-top: 12px;
	margin-top: 40px;
}

#visit #primaryContent .panel h2 {
	font-style: italic;
}

#visit #primaryContent .panel p {
	width: 340px;
}

#visit #quaternaryContent {
	width: 240px;
}

#visit .find p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: 0;
	color: #888;
}

#visit label.error {
	clear: both;
	width: 240px !important;
	font-weight: bold;
	float: none;
	color: #C13832; 
	padding-left: 100px;
}

/* !visit form */

#visitform {
	clear: both;
}

#visit #secondaryContent .panel h2 {
	font-style: italic;
}

#visitform .small {
	padding-top: 10px;
}

#visit .thankyou #primaryContent {
	margin-bottom: 200px;
}

/* !footer ----------------------------------------------------------- */

#footer #footerLogo {
    position: absolute;
    top: 34px;
    left: 44px;
}

#footer p {
    font-size: 0.8333em; /* 10px */
	margin: 0 0 0 490px;
	color: #888;
}

#footer p.contact {
    font-size: 1em; /* 12px */
	margin: 40px 0 0.8333em 490px;
	color: #555;
}

#footer p span {
	color: #CCC;
}

#footer #copyright {
    position: absolute;
    bottom: 10px;
    left: 90px;
    margin: 0;
	color: #B4B4B4;
}

#footer #top {
    position: absolute;
    bottom: 10px;
    right: 30px;
}