/* 

PRINT STYLE SHEET FOR THE CHURCH IN WALES WEB SITE
Created by Craig Grannell
www.snubcommunications.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts, form styles, tables
	5. images
	6. standard hacks

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background-color: #ffffff ! important;
		background-image: none ! important;
		color: #000000;
		font: 12pt "TImes New Roman", Times, serif;
		padding: 0 5%;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		background: #ffffff;
		}

#masthead {
		padding-bottom: 0.25cm;
		border-bottom: 1px solid #666666;
		margin-bottom: 0.25cm;
		}

#masthead img {
		display: none;
		}

#logo {	
		display: none;
		width: 0;
		}

#languageSelectBox {
		display: none;
		}
		
#searchBox {
		display: none;
		}
		
#sectionName {
		}
		
#navContainer {
		display: none;
		}

#content {
		}

#footer {
		display: none;
		}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.contentBlock {
		background: #ffffff;
		/*border: 1px solid #aaaaaa;*/
		margin-bottom: 10px;
		padding: 10px;
		}

.horizontalRule {
		height: 1px;
		background: #aaaaaa;
		margin-bottom: 10px;
		}

.boxoutFloatRight {
		border: 1px solid #aaaaaa;
		padding: 10px;
		margin: 0 0 15px 15px;
		text-align: center;
		}

.boxoutCentred {
		border: 1px solid #aaaaaa;
		padding: 10px;
		margin: 0 0 15px;
		text-align: center;
		}

.greyBoxout {
		border: 1px solid #aaaaaa;
		padding: 10px;
		margin-bottom: 10px;
		}

.noticeboardBox {
		border: 1px solid #aaaaaa;
		padding: 10px;
		margin-bottom: 10px;
		}

.leftColumn {
		float: left;
		margin-right: 2%;
		width: 49%;
		}

.rightColumn {
		float: left;
		width: 49%;
		}


		/* -- entrance page -- */
body.entrancePage #sidebarColumn {
		width: 47%;
		float: left;
		margin-right: 2%;
		}

body.entrancePage #mainColumn {
		width: 47%;
		float: left;
		}
		

		/* -- two-column, standard -- */
body.twoColumnPage #sidebarColumn {
		float: left;
		margin-right: 2%;
		width: 31%;
		}

body.twoColumnPage #mainColumn {
		float: left;
		width: 67%;
		}		

		/* -- two-column, thin -- */
body.twoColumnPageThin #sidebarColumn {
		float: left;
		margin-right: 2%;
		width: 21%;
		}

body.twoColumnPageThin #mainColumn {
		float: left;
		width: 77%;
		}		

		/* -- two-column, reversed -- */
body.twoColumnPageRVS #sidebarColumn {
		float: right;
		width: 31%;
		}

body.twoColumnPageRVS #mainColumn {
		float: right;
		width: 67%;
		margin-right: 2%;
		}	

		/* -- single-column, standard -- */
		
body.singleColumnPage #sidebarColumn {
		display: none;
		}
		
body.singleColumnPage #mainColumn {
		padding-left: 0px;
		}
		
/* ---------- 3. links and navigation ---------- */

a {
		color: #007ac2;
		text-decoration: underline;
		}
		
/* ---------- 4. fonts, form styles, tables ---------- */

h1, h2 {
		font-family: Arial, sans-serif;
		font-weight: bold;
		}

h1, body.entrancePage #sidebarColumn h1 {
		font-size: 120%;
		margin-bottom: 7px;		
		text-transform: uppercase;
		}

#sectionName h1 {/* for the masthead diocese title */
		padding-top: 15px;
		color: #000000;
		font-size: 24pt;
		line-height: 22px;
		}

.sectionNameSmall {/* for the smaller text */
		font-size: 10pt;
		}

h1.blogHeading {
		text-transform: none;
		color: #666666;
		border-bottom: 1px solid #aaaaaa;
		padding-bottom: 4px;
		}

#sidebarColumn h1 {
		font-size: 105%;
		margin-bottom: 7px;
		}

.greyBoxout h1, .noticeboardBox h1 {
		font-size: 93%;
		}

h2, body.entrancePage #sidebarColumn h2 {
		font-size: 110%;
		margin-bottom: 2px;
		}

#sidebarColumn h2 {
		font-size: 100%;
		}

body.entrancePage #sidebarColumn h2 {
		font-size: 110%;
		}

h3, h4 {
		font-weight: bold;
		color: #000000;
		}

h3, body.entrancePage #sidebarColumn h3 {
		font-size: 110%;
		}
		
#sidebarColumn h3 {	
		font-size: 100%;
		}
		
h4, body.entrancePage #sidebarColumn h4 {
		font-size: 100%;
		}

#sidebarColumn h4 {
		font-size: 90%;
		}

h5 {
		}

h6 {
		}


p, body.entrancePage #sidebarColumn p {
		font-size: 100%;
		line-height: 1.3em;
		margin-bottom: 1em;
		}

#sidebarColumn p {
		font-size: 85%;
		}

.introText {
		font-size: 13pt;
		}

.textEmphasis {
		color: #9d0a0e;
		font-weight: bold;
		}

.textEnlarged {
		font-size: 110%;
		}

.textReduced {
		font-size: 90%;
		}

.indent1 {
		padding-left: 1cm;
		}

.indent2 {
		padding-left: 2cm;
		}

.indent3 {
		padding-left: 3cm;
		}


#languageSelectBox {
		color: #626262;
		font: bold 85%/31px Arial, sans-serif;
		}

#footer {
		text-align: right;
		font-size: 77%;
		}

		/* -- list items -- */

ul {
		padding-left: 1cm;
		font-weight: bold;
		margin-bottom: 0.15cm;
		}

ol {
		font-weight: bold;
		padding-left: 1cm;
		}

#content ul ul, #content ol ul, #content ol ol, #content ul ol {
		font-weight: normal;
		}


#content ul ul ul, #content ol ul ul, #content ol ol ul, #content ul ol ul {
		font-size: 11pt;
		}

		/* plain lists */


		/* -- pull quotes -- */
blockquote {
		margin: 1.6em 0 1.6em;
		margin-left: 10px;
		padding-right: 20px;
		}

p.quoteBody {
		padding: 0 25px 0 35px;
		text-align: center;
		font-size: 100%;
		font-style: italic;
		}
		
p.quoteCite {
		text-align: right;
		font-weight: bold;
		padding-right: 25px;
		}

.boxoutFloatRight p, .boxoutCentred p {
		margin-bottom: 0;
		}

.quoteFloatedRight {
		}

blockquote.extendedQuote {
		background: none;
		padding: 0 35px 0 30px;
		font-style: italic;
		}

		/* -- forms -- */

#searchBox {
		line-height: 31px;
		font: bold 85% Arial, sans-serif;
		color: #444444;
		}

#wrapper .navTable {/* for IE 5.5 */
		font-size: 100%;
		font-weight: bold;
		}

#searchBox form input {
		margin-top: 2px;
		}

.topSearchField {
		border: 1px solid #656565;
		color: #444444;
		font: 12px Arial, sans-serif;
		width: 150px;
		line-height: 31px;
		}

.topSearchSubmit {
		border: 1px solid #656565;
		background-color: #656565;
		color: #ffffff;
		font: bold 11px Arial, sans-serif;
		}

#searchBox table {
		height: 28px;
		}

		/* -- tables -- */

#content table {
		font-size: 11pt;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-bottom: 1px solid #666666;
		margin-bottom: 15px;
		}

#content caption {
		padding: 5px 0 10px;
		font: bold 100% Arial, sans-serif;
		}

#content caption {/* separated for IE 5 */
		text-transform: uppercase;
		}
		
#content th {
		background: #cccccc;
		text-align: left;
		padding: 6px 6px;
		font-weight: bold;
		border-bottom: 1px solid #666666;
		}
		
#content th, #content td {
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		}

#content td {
		padding: 6px 6px;
		vertical-align: top;
		border-bottom: 1px solid #666666;
		}

#content tr.alt td {
		background-color: #eeeeee;
		}

#content tfoot td {
		border-bottom: 1px solid #666666;
		}		

#content tfoot {
		font-size: 10pt;
		}

#content tfoot {
		background-color: #dddddd;
		}


#masthead table {
		border: 0;
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}

.bordered {
		border: 1px solid #666666;
		}

img.floatLeft {
		float: left;
		margin: 0 15px 15px 0;
		}

img.floatLeftBordered {
		float: left;
		margin: 0 15px 15px 0;
		border: 1px solid #666666;
		}

img.floatRight {
		float: right;
		margin: 0 0 15px 15px;
		}

img.floatRightBordered {
		float: right;
		margin: 0 0 15px 15px;
		border: 1px solid #666666;
		}

img.centred {
		display: block;
		margin: 0 auto 1em auto;
		}

img.centredBordered {
		display: block;
		margin: 0 auto 1em auto;
		border: 1px solid #666666;
		}

p.centred {
		text-align: center;
		}

.boxoutFloatRight img, .boxoutCentred img {
		margin-bottom: 10px;
		}

.greyBoxout img {
		border: 1px solid #ffffff;
		}

#sectionName img {
		float: right;
		}
		
/* ---------- 6. standard hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}