/* St Peters Cathedral Web Content Styles - Greytone */

/* Navigation Menu Text - when image is not present */
/* This text is links. As ling as the div is inside the A in the menu script these will be the colors used. */
.navmenutext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71888F;				/* Menu text is slightly darker */
	background-color: #FFFFFF;	/* whiet for main menu text background */
	font-weight: bold;
}
/* Other menu in rhs-column needs the RHS-column bg color */
table#rhsnavmenu tr {
	background-color: #f1f1ee;	/* same as rhs-column bg color */
}
table#rhsnavmenu tr td {
	background-color: #f1f1ee;	/* same as rhs-column bg color */
}
table#rhsnavmenu tr td .navmenutext {
	background-color: #f1f1ee;	/* same as rhs-column bg color */
}

/* Some rhs nav menu's have a title row placed at the top */
/* The text here has slighltly different properties. */
.navmenutitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #71888F;				/* Menu text is slightly darker */
	background-color: #f1f1ee;	/* grey since usulally on RHS */
	font-weight: bold;
}

/* Titles in the main content area. Usually from within an H2 tags. */
.title {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
}
/* Sub-titles within content, and Titles of sidebar items. Usually in H3 tags.*/
.subtitle {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
}
/* Display Settings for Extracts and large quoted segemnts of books etc. */
.extract-quote {
	text-align: justify;
	color: #000000;
	background-color: #f1f1ee; /* DARK: #9AADAB */
	padding: 15px;
	border: 1px solid #999999;
}

/* Basic Page controls for those browsers which can use them */
/* White or grey defaults are okay from broken browsers. (i.e. IE)*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* Default text settings */
body,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF; /* default bg is white. Override for specific places. */
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	background-color: #FFFFFF; /* default is white. Override for specific places. */
}

/* RHS Column area */
td.rhs-column {
	background-color: #f1f1ee;
}
/* box surrounding an item in the RHS area. */
.rhsbox {
	margin: 15px;
	border: 1px #527883 solid;
	padding: 8px;
}
/* rhsitem also exists, for items in RHS but without visible additions. */

/* I like the rhsbox so much I used it for the gallery thumbnails also. */
/* However there are special layout properties involved with the gallery */
/* So it has to have its own name. */

/* box surrounding an gallery area. */
.gallery_box,.gallery_box_main {
	border: 1px #527883 solid;
}

/* Staff Page Styles */
table#staff tr.staff-title td {
	vertical-align: top;
	color: #000000;
	background-color: #F1F1EE;
}
/* Original Style Naming created by Geets WYSIWIG tool, horrid. */

/* These are the styles that differ from the indicators below and the pages where they were found */

/* index *//* a:hover { color: #F1F1EE; text-decoration: none; } */
/* index *//* a:visited { color: #BD3139; text-decoration: none; } */
/* index *//* a:active { color: #FF6633; text-decoration: none; } */

/* Taken from newsletter.html styles differ somewhat. */

a:link    { color: #71888F; text-decoration: none; } /* was #9AADAB; */
a:hover   { color: #BA2D35; text-decoration: none; } /* was #527883; */
.navbox a:hover div { color: #BA2D35; } /* was #527883; */
a:visited {	color: #BA2D35; text-decoration: none; } /* was #BA2D35; */
.navbox a:visited div {	color: #BA2D35; }
a:active  { color: #333333; text-decoration: none; } /* was #333333; */

/* spacer objects */
/* off-white */
.spacer {
	border: none;
	background-color: #f4f6f6;
	color: #f4f6f6;
	width: 100%;
	height: 1px;
}
/* middle-aqua */
.buttonspacer {
	border: none;
	background-color: #b0c9c6;
	color: #b0c9c6;
	width: 100%;
	height: 1px;
}
.aquaspacer {
	border: none;
	background-color: #b0c9c6;
	color: #b0c9c6;
	width: 100%;
	height: 1px;
}
/* light grey */
.greyspacer {
	border: none;
	background-color: #dddbdb;
	color: #dddbdb;
	width: 100%;
	height: 1px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #527883;
}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.style4 { font-size: 11px; color: #333333; font-family: Arial, Helvetica, sans-serif;}

.style6 { color: #FFFFFF; }

.style7 {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold;
}

.style8 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
}

.style10 {color: #85989E; font-weight: bold; }
