/* Created using Style Master from Western Civilisation NS4.0

NS6

IE4.0

IE5

IE6

O5 { -23 -4 558 808 } */

h1 {
color: #0f0000;
font-family: Verdana, sans-serif;
font-size: 14pt;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-align: left;
text-decoration: none;
}

/* Orthodoxytoday.org stylesheet. masternew.css */

body {
background-color: #ffffff;
}

html {
background-color: #ffffff;
}

p {
text-align: left;
line-height: normal;
font-family: Verdana;
font-size: 10pt;
}

p.index {
text-align: left;
font-family: Verdana;
}

p.sidebar {
text-align: left;
font-family: Arial, sans-serif;
font-style: normal;
font-weight: 700;
font-size: medium;
margin-right: 50%;
line-height: 110%;
border: 1px #0f0000;
word-spacing: 1em;
}

em {
font-style: italic;
}

/* Comment #1 Below is header info. div.top" is main header, #topbar is "articles on social and...", #linkbar is the left link panel. */

div.top {
position: absolute;
top: 0%;
background-image: url(../../../../../../../../www.orthodoxytoday.org/images/bakpingrey.gif);
left: 0%;
background-repeat: repeat;
font-family: Times, "Times New Roman";
font-size: 25pt;
color: #ffffff;
max-width: 100%;
text-align: center;
font-weight: normal;
border: 1px #af0000;
right: 100%;
height: 43px;
width: 780px;
z-index: 0;
border-bottom: 2px #d8fd02;
vertical-align: top;
padding-bottom: 0px;
visibility: visible;
}

#red {
font-size: 10pt;
font-family: Verdana;
color: #af0000;
font-weight: bold;
background-color: #e6e6e6;
text-indent: 5px;
}

#topbar {
border-bottom: 1px #747474 solid;
border-right: thin black;
color: #ffffff;
font-family: Arial, sans-serif;
font-size: 12pt;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 22px;
left: 0px;
margin-right: 1px;
position: absolute;
text-align: center;
top: 43px;
max-width: 100%;
z-index: 1;
right: 100%;
width: 780px;
background-image: none;
background-color: #af0000;
border-top: 1px #0f0000 solid;
bottom: 76px;
vertical-align: text-bottom;
text-decoration: none;
}

/* "linkbar" is the navigation bar used on all pages EXCEPT index.html. It is linked to the pages through SSI under "navbar.htm." */

#linkbar {
position: absolute;
color: #ffffff;
background-image: none;
background-repeat: repeat;
border-left: 2px #686868 solid;
top: 65px;
width: 106px;
line-height: 100%;
font-size: medium;
font-variant: normal;
background-color: #f2f2f2;
z-index: auto;
left: 0px;
right: 106px;
padding-top: .6in;
padding-right: 6px;
text-align: right;
bottom: auto;
height: auto;
}

} /* "div.updatebar" is the udate blurb used on index.html */ {}

div.updatebar {
position: absolute;
z-index: 1;
top: 81px;
left: 17px;
height: auto;
width: auto;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #0f0000;
border-bottom: 1px #0000a0;
font-family: Arial;
border: 1px #0f0000;
padding-left: 3px;
padding-right: 3px;
background-color: transparent;
}

/* "Homebar" is the square "home" box positioned on the navigation bar on the left hand side of the page (called #linkbar and #linkbar1 on CSS, and "navbar" on navbar.htm in the SSI include directory. "homebar" is used for all pages EXCEPT index.html and is linked through SSI. "Homebar1" is used only on index.html and linked directly to the page through CSS. */

div.homebar {
position: absolute;
top: 85px;
width: 103px;
color: #0f0000;
font-style: normal;
font-weight: normal;
font-size: 20px;
text-align: center;
z-index: 1;
background-color: white;
font-family: Arial, sans-serif;
bottom: 144px;
height: 22px;
left: 3px;
right: auto;
border-top: 1px #9f0000 solid;
border-right: 1px #9f0000 solid;
border-bottom: 1px #9f0000 solid;
border-left: 1px #9f0000 solid;
}

/* Below are document wide (non-class) commands. h1=14pt verdana article header; h1.red = 14pt index headers; h2 = 12 point author header; h2.red = 12 pt. verdana headers, h3 = 10 pt. verdana body text.; #red = make red id tag; #date = date id tag for index.htm; p = paragraph with verdana 10pt default. em= italics */

h1.red {
color: #af0000;
background-color: #ffffff;
border: 1px #400040;
font-family: Arial;
font-weight: normal;
font-variant: normal;
font-style: normal;
line-height: 5mm;
text-indent: 1mm;
width: 200px;
max-width: 200px;
font-size: 14pt;
border-bottom: 1px #808080 solid;
text-decoration: none;
}

h1.copyright {
color: #af0000;
background-color: #ffffff;
border: 1px #400040;
font-weight: normal;
font-variant: normal;
font-style: normal;
line-height: 5mm;
text-indent: 1mm;
width: auto;
max-width: 200px;
font-size: 14pt;
border-bottom: 1px #808080 solid;
text-decoration: none;
font-family: Arial;
}

h2 {
font-size: 12pt;
font-weight: bold;
font-family: Verdana;
text-align: left;
}

h2#red {
color: #af0000;
font-weight: bold;
font-family: Arial;
font-size: medium;
background-color: #e9e9e9;
}

h2#bar {
font-size: 12pt;
font-weight: bold;
font-family: Verdana;
text-align: left;
}

h3 {
font-family: Verdana;
text-align: left;
font-size: 10pt;
font-weight: normal;
}

h3#copyright {
text-align: left;
font-family: Arial;
font-size: 10pt;
font-style: normal;
}

h3.red {
font-family: Verdana;
text-align: left;
font-weight: normal;
color: #af0000;
font-style: italic;
}

h4 {
font-weight: normal;
font-size: 8pt;
text-align: left;
font-family: Arial;
}

#date {
color: #0f0000;
font-size: 8pt;
font-style: normal;
font-weight: bold;
text-decoration: none;
font-family: arial;
background-color : #A4A4A4;
text-indent : 4px;
background-color: #ffffff;
text-align: left;
border-bottom: 1px #0f0000;
line-height: 100%;
}

hr#left {
color: #af0000;
visibility: visible;
text-align: left;
font-style: normal;
}

a.copyright:link {
color: #0000a0;
text-decoration: none;
text-align: center;
font-family: Arial;
font-size: smaller;
font-style: italic;
}

a.copyright:hover {
color: #0f0000;
text-decoration: underline;
text-align: center;
font-family: Arial;
font-size: smaller;
font-style: italic;
font-weight: normal;
}

a.copyrightindex:link {
color: #0000a0;
text-align: center;
font-family: Arial;
font-size: 8pt;
text-decoration: underline;
font-weight: bold;
background-color: #ffffff;
font-style: italic;
}

a.copyrightindex:hover {
color: #ffffff;
text-decoration: underline;
text-align: center;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
background-color: #0f0000;
font-style: italic;
}

a.copyrightindex:visited {
text-decoration: underline;
font-weight: bold;
font-size: 8pt;
color: #ff6f6f;
font-style: italic;
}

/* More pseudo links. a.bar series used on left navigaton panel (#linkbar). a.bold series adds bold to links. a.author series used on author index page */

a.bar:link {
color: #0f0000;
font-style: normal;
font-weight: bold;
text-align: left;
line-height: 5mm;
text-decoration: none;
background-color: #efefef;
font-family: Arial;
text-indent: 9px;
font-size: 12px;
}

a.bar:hover {
color: #af0000;
text-align: left;
text-decoration: underline;
line-height: 5mm;
font-weight: bold;
background-color: #efefef;
font-family: Arial;
text-indent: 9px;
font-size: 12px;
}

a.bar:visited {
font-weight: bold;
font-size: 12px;
color: #0f0000;
font-family: Arial;
line-height: 5mm;
text-indent: 9px;
background-color: #efefef;
text-decoration: none;
}

a.bold:link {
color: #af0000;
font-style: normal;
font-variant: normal;
font-weight: bolder;
background-color: #ffffff;
text-decoration : none;
font-family: Arial;
text-indent: 9px;
font-size: 18px;
}

a.bold:visited {
color: #0f0000;
font-weight: bold;
font-family: Arial;
font-size: 18px;
}

a:author:link {
font-weight: normal;
color: #0000a0;
font-family: Arial;
text-decoration: none;
font-size: small;
}

a:author:visited {
color: #ef0000;
font-weight: normal;
font-size: small;
text-decoration: none;
font-family: Arial;
}

a:author:hover {
color: #0f0000;
font-weight: normal;
text-decoration: underline;
font-size: small;
font-family: Arial;
}

a:link {
font-weight: normal;
color: #0000a0;
font-family: Arial;
text-decoration: none;
font-size: x-small;
}

a:visited {
color: #ef0000;
font-weight: normal;
font-size: x-small;
text-decoration: none;
font-family: Arial;
}

a:hover {
color: #0f0000;
font-weight: normal;
text-decoration: underline;
font-size: x-small;
font-family: Arial;
}


a#homebar:link {
font-family: Arial;
font-weight: bold;
font-size: 14pt;
color: #af0000;
text-align: center;
text-decoration: none;
}

a#homebar:visited {
font-style: normal;
font-weight: bold;
font-size: 14pt;
text-align: center;
color: #0f0000;
text-decoration: none;
}

a#homebar:hover {
text-align: center;
font-family: Arial;
font-style: normal;
font-weight: bold;
font-size: 14pt;
text-decoration: underline;
color: #0f0000;
}

a.bold:hover {
color: #0f0000;
text-decoration: underline;
font-family: Arial;
font-weight: bold;
font-size: 18px;
}

a#index:link {
color: #0000a0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
line-height: normal;
letter-spacing: normal;
text-align: left;
word-spacing: normal;
white-space: normal;
}

a#index:visited {
color: #0000a0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
text-align: left;
}

a#index:hover {
color: #0f0000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 10pt;
text-decoration: underline;
text-align: left;
}

/* BELOW ARE BOXES FOR INDEX.HTM PAGE. #newarticles1 = left column #newartcle2 = top right "from the archives" (note spell error) #new articles3 = "What is orthodoxytoday.org?" #newartcles4 = "articles by Fr. Jacobse" note spell error. #info box = "...check what's new for articles by date.." */

#newarticles1 {
left: 140px;
position: absolute;
top: 117px;
width: 230px;
z-index: 2;
border-left: 1px #0f0000;
line-height: 100%;
max-width: 230px;
border: 1px #0f0000;
border-right: 1px #0f0000;
text-decoration: none;
margin-right: 1em;
right: 245px;
height: auto;
bottom: auto;
font-size: 10pt;
padding-right: .5em;
}

#newarticles2 {
left: 385px;
position: absolute;
top: 106px;
border-left: 1px #c0c0c0 none;
padding-left: 0px;
padding-right: 0px;
line-height: 120%;
width: 265px;
max-width: 265px;
border: 1px #0f0000 solid;
padding: 1em;
bottom: auto;
overflow: visible;
visibility: visible;
font-size: 10pt;
height: auto;
}

#infobox {
position: absolute;
top: 1475px;
left: 10px;
border-top: 1px #0f0000;
color: #0f0000;
font-size: x-small;
visibility: visible;
width: 640px;
z-index: 1;
height: 25px;
border-bottom: 3px #af0000 solid;
background-color: #ffffff;
border: 1px #0f0000;
font-weight: normal;
padding-bottom: 5px;
bottom: auto;
text-align: left;
padding: 2px;
font-family: Arial;
text-decoration: none;
font-style: italic;
font-variant: normal;
}

div.emailurl {
text-align: left;
border-bottom: 1px #0f0000;
max-width: 550px;
width: 550px;
z-index: 1;
}

div.emailprint {
text-align: left;
position: absolute;
top: 105px;
left: 155px;
right: auto;
bottom: auto;
border-bottom: 1px #0f0000;
max-width: 550px;
width: 550px;
z-index: 1;
}

a#linkbarbox:link {
font-style: normal;
font-weight: normal;
font-variant: normal;
font-size: x-small;
color: #0000a0;
}

a#linkbarbox:visited {
color: #0000a0;
}

a#linkbarbox:hover {
color: #0f0000;
}

li {
display: list-item;
list-style-type: disc;
list-style-position: inside;
font-size: 10pt;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

li#authorpage {
display: list-item;
list-style-type: none;
list-style-position: outside;
margin-left: 0px;
text-align: left;
}

li#whatsnew {
display: list-item;
list-style-type: none;
list-style-position: outside;
margin-left: -10px;
text-align: left;
}

/* BELOW ARE BOXES USED IN PAGES OTHER THAN INDEX.HTM div.genbox = "generic box" used to convert script pages, etc to CSS. uses centerering. Basically this put older table layouts inside a CSS box without converting the tables. div.genbox2 same a div.genbox but no centering subjectx1 = used on subjectx.html subjectx2 = used on subjectx.html */

div.authorindextext {
height: auto;
position: absolute;
z-index: 1;
right: auto;
padding-left: 1em;
border-left: 1px #0f0000;
max-width: 600px;
border-bottom: 2px #9f0000;
background-repeat: no-repeat;
background-position: 0px 0px;
top: 85px;
left: 140px;
background-color: #ffffff;
width: 600px;
line-height: 130%;
font-size: small;
font-family: Arial;
}

div.genbox {
position: absolute;
left: 150px;
width: 500px;
max-width: 500px;
top: 85px;
bottom: auto;
right: auto;
background-color: #ffffff;
z-index: 1;
text-align: center;
}

div.genbox2 {
position: absolute;
left: 150px;
width: 500px;
max-width: 500px;
top: 85px;
bottom: auto;
background-color: #ffffff;
z-index: 1;
text-align: center;
right: 600px;
}

div.binprints {
width: 550px;
max-width: 550px;
background-color: #ffffff;
z-index: auto;
text-align: center;
position: absolute;
top: 80px;
left: 160px;
}

#subjectx1 {
height: 579px;
left: 140px;
position: absolute;
top: 85px;
width: 600px;
z-index: 1;
right: auto;
border-left: 1px #0f0000;
max-width: 600px;
bottom: auto;
border: 1px #0f0000 none;
border-right: 1px #0f0000 none;
text-decoration: none;
line-height: 150%;
font-family: Arial;
padding: 1px;
}

#subjectx2 {
left: 435px;
position: absolute;
top: 95px;
z-index: 1;
border-left: 1px #c0c0c0 none;
padding-left: 0px;
padding-right: 0px;
line-height: 4mm;
width: 300px;
max-width: 300px;
background-color: #ffff80;
border: 1px #0f0000 none;
padding: 1em;
bottom: auto;
height: auto;
}

.bintest {
position: absolute;
height: 700px;
width: 600px;
bottom: auto;
background-color: #ff8080;
left: 110px;
top: 120px;
}

h1.rednomargin {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #af0000;
border-bottom: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
line-height: 5mm;
font-size: 14pt;
font-weight: normal;
font-variant: normal;
}

div#shadow {
background-color: #0000ff;
position: absolute;
z-index: 0;
}

div#jactextx {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #333333;
position: absolute;
padding-left: 1em;
font-style: normal;
text-align: left;
margin-left: 2em;
padding-right: 2em;
}