/* Fixed Font Size Style Sheet, Implemented September 2003 */

/*  SITE SPECIFIC COLOURS */

/* Dark Blue: #006 */
/* Medium Blue: #36C */
/* Cream: #FF9 */
/* Light Blue (Used for shadows) #66C */


Body {
background-color: #FFF;
color: #000;
font-family: verdana, arial, sans-serif;
}

P {
color: #000;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 11pt;								/* Fixed Font Size:  All other fonts to be re-sized relatively to this */
line-height: 1.4em;
background: transparent;
}


/* GLOBAL HEADING PROPERTIES */

H1, H2, H3, H4, H5, H6 {
background-color: #006;
color: black;
font-family: verdana, arial, sans-serif;
text-decoration: none;
font-stretch: normal;
}


/* Headings for Main Website Pages */

H1 {
color: #FF9;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
font-stretch: condensed;
line-height: 1em;
padding: 5pt 0.3em 5pt 0.3em;
margin: 0px 0px 3px 0px;
}


H2 {
color: #FF9;
font-size: 11pt;
font-weight: bold;
line-height: 1em;
margin: 0px 0px 0.5em 0px;
Border: 0px;
}


H3 {
padding: 0.8em 0.1em 0px 0.2em;
color: #006;
background-color: transparent;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
}

H4 {
color: #006;
background-color: transparent;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

H5 {
color: #006;
background-color: transparent;
font-size: smaller;
font-weight: bold;
line-height: 100%;
text-decoration: none; }


/* BULLET LISTS */

ul {
font-family: verdana, arial, sans-serif;
font-size: 11pt;
border: 0px solid green;
list-style-type: disc;
line-height: 1.5em;
margin: 0px 0px 0px 1.5em;
padding: 0px;
list-style-position: outside;
}

ol { 
font-family: verdana, arial, sans-serif;
font-size: 11pt;
list-style-type: numbered;
line-height: 1.5em;
margin: 0px 0px 0px 2em;
padding: 0px;
list-style-position: outside;
}


/* TABLES */

td.small { font-size: 8pt; }


/* GLOBAL HYPERLINKS */

A:Link { color: #36C;
text-decoration: none;
background-color: transparent;
}

A:visited {
color: #36C;
text-decoration: none;
background-color: transparent;
}

A:hover {
color: #FF9;
background-color: #36C;
text-decoration: none;
}




/* REFERENCE TEXT */

.reference {
font-style: italic;
font-weight: normal;
font-size: 10pt;
text-align: right;
line-height: 1.1em;
background: transparent;
margin-left: 10%;
}


/* Formats Page Banner */

#banner {
background-image: url('images/PageBannerBlank.gif');
padding: 0px;
background-color: #006;
border: 0px none;; margin-left:10px; margin-right:10px; margin-top:17px; margin-bottom:15px
}


/* Formats Page Titles (Use with H1) */

#PageTitle {
margin: 25px 230px 5px 185px;
padding: 0px 0px 0px 0px;
border: 0px;
Height: 20px;
}

/* Formats Left-Hand Text Area */

#Left {
background-image: url('images/PageBannerBlank.gif');
position: absolute;
top: 95px;
left: 20px;						/* defines distance from left-hand screen margin */
margin: 0px;
background-color: #FF9;
width: 160px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:1000px
}


/* Formats Right-Hand Text Area */

#Right {
position: absolute;
top: 106px;
right: 20px;						/* defines distance from right-hand screen margin */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #FF9;
border-left: 0px #36C solid;
width: 200px;
}


/*Formats Middle text area (Use for all pages with a right-hand text area) */

#Middle {
margin: 0px 230px 10px 185px;
padding: 0px 0em 20px 0em;
background-color: transparent;
border-left: 0px solid #36C;
border-right: 0px solid #36C;
Z-index: 10;
}

#Whole {
margin: 0px 20px 10px 185px;
padding: 0px 0px 20px 0px;
background-color: transparent;
border: 0px solid #36C;
Z-index: 10;
}

#Photo {
margin: 5px 20px 20px 20px;
padding: 0px 0px 0px 0px;
background-color: transparent;
border: 0px solid #36C;
width: 440px;
}

#Outer {
Margin: 0px 0px 0px 0px;
border: 0px solid #36C;
padding: 0px 0px 0px 0px;
width: 100%;
}

#Inner {
border: 0px solid red;
margin: 0px;
padding: 0em 0em 1em 0em;
width: 100%;
}

/* Back & Top Nagivation */

#Back {
font-size: 9pt;
text-align: right;
border: 0px solid transparent;
margin: 0px 0px 0px 0px;
padding: 0em;
}


/* Formatting for Admin Pages */

.data {
font-family: verdana, arial, sans-serif;
font-size: 10pt;
background-color: #FF9;
font-weight: normal;
}

.error {
font-size: 10pt;
font-weight: bold;
color: red;
}

/* Used to create a box round contents */

#box {
border: 1px solid #36C;
padding: 5px;
}


/* Styles images used in "Inner" boxes */

#Image {
float: left;
margin: 0px 0.8em 0.8em 0px;
border: 0px solid transparent;
padding: 0px;
background-color: transparent;
width: 75px;
}

.image75 {
float: left;
margin: 0px 0.8em 0.8em 0px;
border: 0px solid transparent;
padding: 0px;
background-color: transparent;
width: 75px;
}

#Image105 {
float: left;
margin: 0px 1em 0.3em 0px;
border: 0px solid transparent;
padding: 0px;
background-color: transparent;
width: 105px;
}

.Image150 {
float: left;
margin: 0px 1em 0.3em 0px;
border: 1px solid black;
padding: 0px;
background-color: transparent;
width: 150px;
}

#Image125 {
float: left;
margin: 0px 1em 0.3em 0px;
border: 1px solid transparent;
padding: 0px;
background-color: transparent;
width: 125px;
}


#Image160 {
float: left;
margin: 0px 1em 0.6em 0px;
border: 0px solid black;
padding: 0px;
background-color: transparent;
width: 160px;
}

.Image198 {
margin: 0px;
border: 1px solid black;
padding: 0px;
background-color: transparent;
}


#Image250 {
float: left;
margin: 0px 1em 0.6em 0px;
border: 1px solid black;
padding: 0px;
background-color: transparent;
width: 250px;
}

#Image288 {
margin: 0px 1em 0.6em 0px;
border: 1px solid black;
padding: 0px;
background-color: transparent;
width: 288px;
}

.Image288 {
margin: 0px 1em 0.6em 0px;
border: 1px solid black;
padding: 0px;
background-color: transparent;
width: 288px;
}


#Image432 {
margin: 0px 1em 0.6em 0px;
border: 1px solid black;
padding: 0px;
background-color: transparent;
width: 432px;
}

.Image432 {
margin: 0px 1em 0.6em 0px;
border: 1px solid black;
padding: 0px;
background-color: transparent;
width: 432px;
}



#RosaryImage {
float: left;
margin: 0px 2em 0.3em 15px;
border: 0px solid transparent;
padding: 0px;
background-color: transparent;
width: 60px;
}



/* Index Style Used to set other text properties */

#Index {
}

#Index p {
font-size: 11pt;
line-height: 1em;
}

#Index ul {
font-size: 10pt;
line-height: 1.2em;
list-style-type: none;
margin: 0px 0px 0px 40px;
padding: 0px;
list-style-position: outside;
}

/* Prevents text out-denting after "Image" */

#LeftAlign {
float: left;
border: 0px solid yellow;
margin: 0px 0px 1em 0px;
padding:0px;
background-color: transparent;
width: auto;
}

/* Prayers Pages */

.V {
font-size: 10.5pt;
font-weight: Normal;
padding: 0em 0em 0em 0em;
}

.R {
font-size: 10.5pt;
font-weight: Normal;
font-style: Italic;
padding: 0em 0em 0em 0em;
}

.Rubric {
font-size: 10pt;
font-weight: Normal;
color: red;
padding: 0.2em 0em 0.2em 0em;
}

.Quote {
font-style: Italic;
}

.PhotoNav {
font-size: 11pt;
font-weight: Bold;
text-align: center;
}


/* NAVIGATION BAR HYPERLINKS */

.housebutton {
font-size: 10pt;
font-family: verdana, arial, sans-serif;
font-weight: bold;
text-align: left;
width: auto;
border-color: transparent;
display: block;
}

.housebutton a {
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #FF9;
background-color: transparent;
display: block;
}

.housebutton a:visited {
text-decoration: none;
color: #FF9;
background-color: transparent;
}

.housebutton a:hover {
color: #FF9;
background-color: #36C;
}

.housebutton a:active {
color: #FF9;
background-color: #36C;
}


/* Styles text in right-hand bars */

.right {
font-size: 10pt;
font-family: verdana, arial, sans-serif;
}


/* Footer Text */

.footer {
padding: 0.3em 5px 0em 5px;
font-weight: normal;
text-decoration: none;
font-size: 8pt;
text-align: left;
line-height: 1.2em;
background: transparent;
}


/* Emphasis Text */

em {
font-weight: bold;
font-style: normal;
}

#Left H2 {
font-size: 11pt;
padding: 0.3em 0.3em 0.3em 0.3em;
background: transparent;
text-decoration: underline;
}

#Middle H2 {
color:  #FF9;
background-color: #36C;
padding: 0.3em 0.3em 0.3em 0.3em;
}

#Middle p {
padding: 0em 0.3em 0em 0.3em;
}


#Right h2 {
Background-color: #36C;
color: #FF9;
border-top: 4px #FFF solid;
font-size: 10pt;
padding: 0.3em 0.5em 0.3em 0.5em;
}

#Right h3 {
font-size: 10pt;
line-height: 1em;
padding: 0em 0.5em 0.5em 0.5em;
border: 0px;
margin: 0px;
}

#Right p {
font-size: 9pt;
border: 0px;
margin: 0px;
padding: 0em 0.5em 0.5em 0.5em;
}

#Right ul {
font-size: 9pt;
padding: 0em 0.5em 0em 0.5em;
}

#Right li {
padding-bottom: 0.5em;
}


#Banner h1 {
background: transparent;
float: left;
width: auto;
}

H2 em {
color: #FF9;
font-weight: bold;
font-style: normal;
}

#Whole H2 {
color:  #FF9;
background-color: #36C;
padding: 0.3em 0.3em 0.3em 0.3em;
}

.AlignRight {
font-family: verdana, arial, sans-serif;
text-align: right;
}


/* H2 Hyperlinks */

H2 a:link {
color: #FF9;
text-decoration: none;
background-color: transparent;
}

H2 a:visited {
color: #FF9;
text-decoration: none;
background-color: transparent;
}

H2 a:hover {
color: #36C;
background-color: #FF9;
text-decoration: none;
}



/* Link Buttons with hover actions */

#LinkPicture {
background-color: #FFF;
float: left;
padding: 0px 0px 0px 0px;
margin: 3px 7px 5px 0px;
width: 135px;
text-align: center;
}

#LinkButton {
margin: 0px;
border: 2px solid transparent;
width: 100%;
font-size: 10pt;
}

.LinkButton a {
font-size: 10pt;
line-height: 11pt;
padding: 2px 4px 2px 4px;
text-decoration: none;
width: auto;
color: black;
background-color: #FF9;
border: 2px solid #FF9;
display: block;
}

.LinkButton a:visited {
text-decoration: none;
color: black;
}

.LinkButton a:hover {
color: #FF9;
background-color: #36C;
border-top: 2px #99C solid;
border-left: 2px #99C solid;
border-bottom: 2px #006 solid;
border-right: 2px #006 solid;
}

.LinkButton a:active {
color: black;
background-color: #FF9;
border: 2px solid #FF9;
}


/* LINK PAGES */

#InternationalButtons {
background-color: transparent;
padding: 1px 0px 1px 0px;
border: 0px yellow solid;
width: 100%;
font-size: 10pt;
margin: 0px;
}

#HalfColumn {
float: left;
width: 47%;
margin: 0px 0px 0px 0px;
padding-right: 20px;
padding-bottom: 0px;
border: 0px orange solid;
}

#ThreeQuarterColumn {
float: left;
width: 74.5%;
margin: 0px 0px 0px 0px;
padding-bottom: 7px;
}


#OneThirdColumn {
Margin-right: 0px;
float: left;
width: 31%;
margin: 0px 0px 0px 0px;
padding-bottom: 7px;
}

#TwoThirdsColumn {
Margin-right: 0px;
float: left;
width: 62%;
margin: 0px 0px 0px 0px;
padding-bottom: 7px;
}

#QuarterColumn {
float: left;
width: 23%;
margin: 0px 2px 0px 0px
padding-bottom: 7px;
}