BODY { margin: 10px 0 0 0; background-color: #000080; text-align: center;}


TABLE { margin: 0; padding: 0; border-collapse : collapse; }
TR { margin: 0; padding: 0; }
TD { margin: 0; padding: 0; }
TD.left { text-align: left; padding-right: 8px; }
TD.center { text-align: center; padding-right: 8px; }
TD.right { text-align: right; }
TD.tblHdr { background-color: #FF8C00; padding: 10px; text-align: center;}

TABLE#events {width:100%; border-collapse:separate;}
TABLE#events TD {padding:5px; border:1px solid #C0C0FF; vertical-align:top; text-align:center;}
TABLE#events TH {font-size:13px; color:#000080; text-align:center; vertical-align:middle; background-color:#C0C0FF;}

TABLE#popes {width:100%; margin-top:20px; text-align:center;}
TABLE#popes TD {padding:5px; vertical-align:top; text-align:center;}
TABLE#popes TD IMG {border:1px solid #000080;}

TABLE#resources { }
TABLE#resources TD { width: 50%; vertical-align: top; padding: 10px 20px 15px 20px; font-family: Verdana; font-size: 80%; background-color: #000080; border: 20px solid #5252A9; }
TABLE#resources TD H4 { letter-spacing: 0.1em; }
TABLE#resources TD H4 A { display: block; height: 100%; }

TABLE#resources.QA TD { width: auto; }

TABLE#resources TD.hlight { background-color: #fbd70d; }
TABLE#resources TD.hlight P { color: #000080; }
TABLE#resources TD.hlight H4 { color: #000080; background-color: #000080; padding: 0.2em; text-align: center; }
/*** END ***/


/*** MISCELLANEOUS TAG FORMATING ***/
A { color: #FBD70D; text-decoration: none; font-weight: bold; }
A:hover { color: #FF8C00; }
IMG { border: none; }
.linkSubText {font-size: 8pt;}
.activeLink { font-weight: bold; color: #ffffff; }

H1 { font-family: Arial, Helvetica, sans-serif; color: #FF8C00; text-align: left; margin: 0px; }
.TabContent H1 { font-family: verdana, Helvetica, sans-serif; }
H3 { font-family: Arial, Helvetica, sans-serif; color: #FBD70D; text-align: left; margin: 0px; }
.TabContent H3 { font-family: verdana, Helvetica, sans-serif; }
H4 { font-family: Arial, Helvetica, sans-serif; color: #000080; margin-bottom: 0px; }
.TabContent H4 { font-family: verdana, Helvetica, sans-serif; color: #FF8C00; }
.tblHdr H4 {color: #ffffff; letter-spacing: 0.3em; }
H5 { font-family: Arial, Helvetica, sans-serif; color: #FF8C00; font-weight: bold; margin: 15px 0 0px 0px; }
.TabContent H5 { font-family: verdana, Helvetica, sans-serif; }
LI { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff; }
p {margin-top: 10px;}

.subHeading { font-size: 0.8em; }

BLOCKQUOTE {margin:10px; padding:5px; font-style:italic; font-size:18px; text-align:center;}
.author {font-weight:bold; font-size:16px; color:#C0C0FF; text-align:right;}
.note { font-size: smaller; }
/*** END ***/


/*** PRIMARY DIV: HEADER ***/
DIV#header { width: 768px; height: 120px; position: relative; }
DIV#logo { width: 105px; height: 120px; position: absolute; top: 0px; left: 0px; background-color: #000080; }
DIV#logo IMG { position: absolute; top: 2px; left: 6px; }
DIV#navBar { width: 483px; height: 120px; position: absolute; top: 0px; left: 105px; text-align: left; background-color: #000080; }
DIV#navBar A { font-weight: normal; }
DIV#navHdrA { width: 150px; height: 10px; position: absolute; top: 5px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF8C00; }
DIV#navLinksA { width: 150px; position: absolute; top: 24px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FBD70D; }
DIV#navHdrB { width: 80px; height: 10px; position: absolute; top: 5px; left: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF8C00; }
DIV#navLinksB { width: 80px; position: absolute; top: 24px; left: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FBD70D; }
DIV#navHdrC { width: 110px; height: 10px; position: absolute; top: 5px; left: 250px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF8C00; }
DIV#navLinksC { width: 115px; position: absolute; top: 24px; left: 250px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FBD70D; }
DIV#navHdrD { width: 90px; height: 10px; position: absolute; top: 5px; left: 375px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF8C00; }
DIV#navLinksD { width: 90px; position: absolute; top: 24px; left: 375px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FBD70D; }
DIV#advert { width: 170px; height: 120px; position: absolute; top: 0px; left: 598px; background-color: #000080;}
DIV#advert IMG { position: absolute; top: 0px; left: 0px; }
/*** END ***/


/*** PRIMARY DIV: MAIN ***/
DIV#main { width: 748px; position: relative; margin-top: 10px; padding: 10px; text-align: left; background-color: #5252A9; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff; }
/*DIV#main.ya { background-color: #E03C3C; }*/
DIV#main.ya { background-color: #73191B; }
DIV#main TABLE.relLinks { width: 150px; text-align: right; border: 2px solid #000080; padding: 10px; }
/*DIV#main TABLE.relLinks { width: 170px; background-color: #ff0000;  }*/
DIV#main TABLE.relLinks TD { width: 170px; text-align: left; }
DIV#main TABLE.relLinks TD UL { margin: 0; }
DIV#main TABLE.relLinks TD LI { font-size: 8pt; color: #FBD70D; padding-left: 10px; padding-bottom: 10px; }
/*DIV#main TD A { width: 170px; }*/
/*** END ***/


/*** PRIMARY DIV: FOOTER ***/
DIV#footer { width: 768px; height: 20px; position: relative; }
DIV#footer A { font-weight: normal; }
DIV#copyright { width: 350px; height: 20px; position: absolute; top: 0px; left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 28px; color: #FF8C00; text-align: left; vertical-align: baseline; }
DIV#credit { width: 395px; height: 20px; position: absolute; top: 0px; left: 363px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 28px; color: #FF8C00; text-align: right; vertical-align: baseline; }
/*** END ***/

/*** PRIMARY DIV: Drawer ***/
.collapsible { border: 1px solid #000080; width: 100%; margin-bottom: 1em; }
.collapsible div { padding-left: 2em; padding-right: 2em; }
.collapsible p { margin: 1em 0; }
.collapsible h4.header { border: solid 1px #fbd70d; background-color: #fbd70d; text-align: center; }
.collapsible h4.header a { display: block; color: #000080; text-decoration: none; width: 100%; }
.closed h4.header a { color: #000080; }
/*DIV.ClosedDrawer { visibility: hidden; }*/ /* Display: none should be done via JS otherwise those with JS disabled have no way of accessing content.*/
/*DIV.OpenDrawer { float: right; width: 65%; padding: 1em; background-color: #000080; visibility: visible; overflow: auto; height: 179px; margin-top: 1em; }
DIV#ContentNav { float: left; width: 25%; margin-top: 1em; }
DIV#ContentNav A { display: block; }*/
/*** END ***/