/* Start of CMSMS style sheet 'Headers' */
/*** headers ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header1 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner1.jpg) no-repeat;  
   position: relative;
}

div#header2 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner2.jpg) no-repeat;  
   position: relative;
}

div#header3 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner3.jpg) no-repeat;  
   position: relative;
}

div#header4 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner4.jpg) no-repeat;  
   position: relative;
}

div#header5 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner5.jpg) no-repeat;  
   position: relative;
}

div#header6 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner6.jpg) no-repeat;  
   position: relative;
}

div#header7 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner7.jpg) no-repeat;  
   position: relative;
}

div#header8 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner8.jpg) no-repeat;  
   position: relative;
}

div#header9 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner9.jpg) no-repeat;  
   position: relative;
}

div#header10 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner9.jpg) no-repeat;  
   position: relative;
}

div#header1 h1 
{
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  text-indent: -999em;
}

div#header2 h1 a, 
div#header3 h1 a, 
div#header4 h1 a, 
div#header5 h1 a, 
div#header6 h1 a,
div#header7 h1 a,
div#header8 h1 a,
div#header9 h1 a,
div#header10 h1 a {
   background: transparent;
   display: block; 
   height: 70px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div.breadcrumbs {
   padding: 6px 0 6px 0px; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 11px;            
   font-weight: normal;
   margin: 0;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   color: #aaaaaa;
   
     position:absolute;
   left: 50px;
   top: 12px;
}

div.breadcrumbs .divider {
   color: #aaaaaa;
   border-top:none;
}
 div.breadcrumbs a, div.breadcrumbs a:link, div.breadcrumbs a:active, div.breadcrumbs a:visited {
   font-weight: normal;
   color: #aaaaaa;
   text-decoration: none;
}
div.breadcrumbs a:hover {
   color: #aaaaaa;
   text-decoration: underline;
}

.headerdate {
  position:absolute;
  padding: 6px 0 6px 12px;
  font-weight: bold;
  color: #666666;
  left: 210px;
  top: 65px;
}
/* End of 'Headers' */

/* Start of CMSMS style sheet 'Tour' */
#tour {
width: 404px;
height:304px;
position: relative;
float: left;
display: inline;
background: url(images/layout/content/virtualtour.jpg) no-repeat;
}
#tour .default {
position: absolute;
width: 400px;
height: 60px;
background-color: #FFFFFF;
font-weight: normal;
line-height: 1.4em;
color: #666666;
}
#tour a:hover {
border: none;
text-decoration: none !important;
cursor: pointer;
cursor: hand;
}
#tour a .hotspot {
position: absolute;
width: 28px;
height: 28px;
}
#tour a .link {
  position: absolute;
  width: 128px; 
  height: 28px;
  padding-left: 32px;
  color: #67696D;
}

#tour a:hover .link {
color: #221E1F;
}

#tour ul {
margin: 0;
padding: 0;
list-style: none;
height: 1px;
}
#tour a .info {
position: absolute;
width: 400px;
height: 60px;
background-color: #FFFFFF;
left: -3000px;
font-weight: normal;
line-height: 1.4em;
color: #666666;
}
#tour a .label {
position: absolute;
font-weight: bold;
color: #CC0000;
background: #FFFFFF;
padding: 2px 5px 3px 8px;
left: -3000px;
border: 1px solid #CCCCCC;
}
#tour a:hover .info {
left: 0;
top: 0;
}

#tour .aisle a:hover .label {
top: 220px;
left: 142px;
}

#tour .aisle a .hotspot {
top: 216px;
left: 122px;
}
#tour .aisle a .link {
  top: 25px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -5px; 
}
#tour .aisle a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 0;
}

#tour .nave a .hotspot {
top: 216px;
left: 179px;
}
#tour .nave a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -28px;
}

#tour .nave a:hover .label {
top: 220px;
left: 199px;
}

#tour .nave a .link {
  top: 50px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -33px; 
}

#tour .organscreen a .hotspot {
top: 237px;
left: 181px;
}
#tour .organscreen a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -56px;
}
#tour .organscreen a:hover .label {
top: 241px;
left: 201px;
}

#tour .organscreen a .link {
  top: 75px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -61px; 
}
#tour .quire a .hotspot {
top: 216px;
left: 214px;
}
#tour .quire a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -84px;
}
#tour .quire a:hover .label {
top: 220px;
left: 234px;
}
#tour .quire a .link {
  top: 100px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -89px; 
}
#tour .presbytery a .hotspot {
top: 216px;
left: 248px;
}
#tour .presbytery a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -112px;
}

#tour .presbytery a:hover .label {
top: 220px;
left: 268px;
}

#tour .presbytery a .link {
  top: 125px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -117px; 
}
#tour .ladychapel a .hotspot {
top: 216px;
left: 326px;
}
#tour .ladychapel a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -140px;
}

#tour .ladychapel a:hover .label {
top: 220px;
left: 242px;
padding: 2px 8px 3px 5px;
}

#tour .ladychapel a .link {
  top: 150px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -145px; 
}
#tour .cloisters-int a .hotspot {
top: 83px;
left: 82px;
}
#tour .cloisters-int a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -168px;
}

#tour .cloisters-int a:hover .label {
top: 87px;
left: 102px;
}

#tour .cloisters-int a .link {
  top: 175px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -173px; 
}
#tour .lavatorium a .hotspot {
top: 78px;
left: 110px;
}
#tour .lavatorium a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -196px;
}

#tour .lavatorium a:hover .label {
top: 82px;
left: 130px;
}

#tour .lavatorium a .link {
  top: 200px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -201px; 
}
#tour .cloisters-ext a .hotspot {
top: 141px;
left: 113px;
}
#tour .cloisters-ext a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -224px;
}

#tour .cloisters-ext a:hover .label {
top: 145px;
left: 133px;
}

#tour .cloisters-ext a .link {
  top: 225px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -229px; 
}
#tour .external a .hotspot {
top: 253px;
left: 365px;
}
#tour .external a:hover .hotspot {
background: url(images/layout/content/numbers-hover.gif) 0 -252px;
}

#tour .external a:hover .label {
top: 257px;
left: 307px;
padding: 2px 8px 3px 5px;
}

#tour .external a .link {
  top: 250px;
  left: 405px;
  background: url("images/layout/content/numbers.gif") 0 -257px; 
}

/* End of 'Tour' */

/* Start of CMSMS style sheet 'Links' */
/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active,
a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
}

a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
}


div.quicklinks {
   font-weight: bold;
   text-decoration: none;
   font-size: 11px;
   float: right;
   padding: 6px 10px 6px 0;   
   position:absolute;
   right: 25px;
   top: 60px;
}

div.quicklinks a,
div.quicklinks a:link,
div.quicklinks a:active,
div.quicklinks a:visited {
   text-decoration: none;
   font-weight: bold;
   color: #ababab;
   padding-left: 5px;
}

div.footer_links a, 
div.footer_links a:link,
div.footer_links a:active,
div.footer_links a:visited {
   text-decoration: none;
   font-weight: bold;
   color: #666666;
   padding-left: 5px;
}

div.quicklinks a:hover {
  text-decoration: underline;
  color: #EEEEEE;
}
div.footer_links a:hover  {
  text-decoration: underline;
  color: #221E1F;
}


div.footer_nav {
   width:798px;
   margin-left:25px;
   font-size: 11px;
   border:1px solid #CCCCCC;
   margin-top:3px;
}
div.footer_nav .inner {padding: 5px 0 5px 197px;background:url(images/layout/miscellaneous/logo.jpg)  0 center no-repeat;height:100%;}
div.footer_nav a,
div.footer_nav a:link,
div.footer_nav a:active,
div.footer_nav a:visited {
   display:block;
   float:left;
   width: 178px;
   background: url(images/layout/miscellaneous/link_bullet.jpg) no-repeat;
   text-decoration: none;
   color: #aaaaaa;
   padding: 0 0 0 20px;
  font-weight: normal;
  margin:4px 0;
}

div.footer_nav a:hover {
  text-decoration: underline;
  color: #aaaaaa;
}



div.footerlinks {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding: 7px 0 7px 3px;
}

div.footerlinks a,
div.footerlinks a:link,
div.footerlinks a:active,
div.footerlinks a:visited {
   text-decoration: none;
   color: #F1C5B8;
   padding: 0 1px;
  font-weight: normal;
}

div.footerlinks a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}


div#outer a,
div#outer a:link,
div#outer a:active,
div#outer a:visited {
   font-weight: normal;
   text-decoration: none;
   color: #939597;
}
div#outer a:hover {
   text-decoration: underline;
   color: #221e1f;
}

#content a,
#content a:link 
#content a:active,
#content a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #ab252e;
  border-bottom: 1px solid #EEEEEE;
font-weight: normal;
text-decoration: none;
}

#content a:hover {
   
   border-bottom: #ab252e 1px solid; 
   background-color: inherit;
    color: #ab252e;    
}

#content .imglink {border-bottom: none!important;}

#content  a.single,
#content  a.single:link,
#content  a.single:active,
#content  a.single:visited  {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
padding-right: 10px;
background: url(images/layout/miscellaneous/link_arrow.gif) right 3px no-repeat;
}

#content a.single:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}

#content .category_items {border-bottom: none!important;}

#content  a.pdf,
#content  a.pdf:link,
#content  a.pdf:active,
#content  a.pdf:visited  {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
}

#content a.pdf:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}

#content  .educationlinks a,
#content  .educationlinks a:link,
#content  .educationlinks a:active,
#content  .educationlinks a:visited  {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #939598; 
   font-weight: bold;
   border-bottom: none;
}

#content .educationlinks a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}


#content  #plan a,
#content  #plan a:link,
#content  #plan a:active,
#content  #plan a:visited,
#content  .toplink a,
#content  .toplink a:link,
#content  .toplink a:active,
#content  .toplink a:visited,
#content  .hvlog a,
#content  .hvlog a:link,
#content  .hvlog a:active,
#content  .hvlog a:visited,
#content  .toplink2 a,
#content  .toplink2 a:link,
#content  .toplink2 a:active,
#content  .toplink2 a:visited   {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #939598; 
   font-weight: bold;
   border-bottom: none;
}

#content .toplink a:hover,
#content #plan a:hover,
#content .hvlog a:hover,
#content .toplink2 a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}

#home_top a.single,
#home_top a.single:link,
#home_top a.single:active,
#home_top a.single:visited  {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
padding-right: 10px;
background: url(images/layout/miscellaneous/link_arrow.gif) right 3px no-repeat;
}

#home_top a.single:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}




/* End of 'Links' */

/* Start of CMSMS style sheet 'Layout: Common' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 1em;
}

div {
   font-size: 11px;
}

img {
   border: 0;
}


/*** basic layout ***/

body {
   background: #E7E7E7 url(images/layout/miscellaneous/bodybg.jpg) repeat-x;
   color: #221E1F;
}

div#pagewrapper {
	width: 850px;
        position: relative;
	left: 50%;
	margin-left: -425px;
        padding: 0;
	background: #FFFFFF url(images/layout/miscellaneous/pagewrapper_bg.jpg) repeat-y;
}

div#contentwrapper {
  margin:0 25px;
  background: url(images/layout/miscellaneous/wrapper_bg.gif) repeat-y;
  height:100%;
}

div#content
{
float: right;
width: 625px;
margin-top:5px;
background: #FFFFFF url(images/layout/content/tower.jpg) no-repeat left bottom;
position:relative;min-height:530px;height:auto !important;height:530px;
}


div#sidebar {
   float: left;
   width: 175px;
   display: inline;
}
div#footer1 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer1_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer2 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer2_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer3 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer3_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer4 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer4_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer5 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer5_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer6 {
   clear:both;      
   color: #F1C5B8;
   background: transparent  url(images/layout/footers/footer6_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer7 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer7_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer8 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer8_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer9 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer9_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}


div#footer p {
   font-size: 0.8em;
   padding: 1em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#outer {
background:url(images/layout/miscellaneous/outer_bg.jpg) left top no-repeat;
padding-top: 15px;
padding-bottom: 15px;
color:#666666;
}

div#outer .design {
  font-size:10px;
    float:left;
  margin:0 0 0 25px;
  display:inline;
  width:200px;
}

div#outer .links {
   font-size: 10px;
      float: left;
      margin:0;
   display:inline;
}

div#outer .copy {
   font-size: 10px;
   float: right;
margin:0 25px 0 0;
display:inline;
}
div.float-divider {clear: both; display: block; }

/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   font-family: Arial, Helvetica, serif;
   padding:12px 0 7px 10px ; 
   margin:1px 0 5px 0; 
   font-weight: bold;
   color: #221E1F; 
   font-size: 14px;
   background-color: #ffffff;
   text-transform:uppercase;
}
/*div#content h3 {
   color: #2D5B8A; 
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 6px 10px;
}*/
div#content h4 {
   color: #221E1F; 
   font-size: 11px;
   line-height: 1.3em;
   margin: 15px 0 5px 0; 
   text-transform:uppercase;
}
div#content #sidecontent h4 {
margin-left: 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   line-height:1.4em;
   margin: 0 0 0.5em 0;
   padding: 0;
}

pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

#maincontent .inner {margin-left:10px;}
/* End of 'Layout: Common' */