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

body {
	height: 101%;
	color: #000000;
	margin: 0px auto 0px;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	}

#top-wide-bar {
	width: 100%;
	height: 10px;
	background-color: #000000;
}

/**********************
Bar on top of header
***********************/

 #navbar-top {
 	width: 958px;
 	height: 25px;
 	border-top: 1px solid #cccccc;
 	border-right: 1px solid #000000;
 	border-bottom: 1px solid #000000;
 	border-left: 1px solid #cccccc;
 	background-color: #999999;
margin: 0 auto 0;
 	} 
 	
/*****************************/

#navbar-top-left {
	float: left;
	margin-left: 0px;
	width: 500px;
	height: 25px;
}
	
#navbar-top-right {
	float: right;
	margin-right: 5px;
		height: 25px;
}


 #navbar-top ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
		background-color:#A8A8A8;
	height: 18px;
	}
	
 #navbar-top li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 18px;
	}
	
 #navbar-top li a, #navbar-top li a:link {
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
    margin: 0px;
	padding: 3px 10px 0px 10px;
	background-color:#A8A8A8;
	border-color:#cccccc #404040 green #D3D3D3;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-bottom: 1px solid #000000;
	height: 18px;
	}
	

 #navbar-top li a:hover, #navbar-top li a:active {
	background: #cccccc;
	color: #FFFFFF;
    margin: 0px;
	padding: 3px 10px 0px 10px;
	text-decoration: none;
	height: 18px;
	}
	
#rss-feed {
	background: #A8A8A8 url(http://www.feedburner.com/fb/images/pub/feed-icon16x16.png) no-repeat;
	background-position:center center;
	width: 21px;
	height: 18px;
	border-right: 1px solid #666666; 
	border-bottom: 1px solid #777777;
	border-left: 1px solid #ffffff;
}

#rss-email {
	background: #A8A8A8 url(https://www.orthodoxytoday.org/images/email.png) no-repeat;
	background-position:center center;
	width: 21px;
	height: 18px;
	margin:5px;
	border-right: 1px solid #666666; 
	border-bottom: 1px solid #777777;
	border-left: 1px solid #ffffff;
}

/* Headers */
/*.header { background-image: url(../images/header10.png); background-repeat: no-repeat; background-color: #eee; border-bottom: 0px #D8FD02; border-left: 2px #C0C0C0 ridge; border-right: 2px #C0C0C0 ridge; border-top: 2px #C0C0C0 ridge; height: 169px; margin-top: 0%; padding-bottom: 0px; 
	text-align: left; vertical-align: top; width: 950px; }*/

.header { background-image: url(../images/header10.png); background-repeat: no-repeat; border-bottom: 0px #D8FD02; border-left: 2px #C0C0C0 ridge; border-right: 2px #C0C0C0 ridge; border-top: 2px #C0C0C0 ridge; height: 45px; margin-top: 0%; padding-bottom: 0px; text-align:center; vertical-align: 
	top; width: 958px; height: 88px;}

.headersm { background-image: url(../images/header10.png); border-bottom: 0px #D8FD02; border-left: 1px #C0C0C0 solid; border-right: 1px solid #C0C0C0; border-top: 2px #C0C0C0 ridge; margin-top: 0px; width: 960px; height: 88px;}

.header-ee-style { background-image: url(../images/header10.png); background-repeat: no-repeat; border-bottom: 0px #D8FD02; border-left: 2px #C0C0C0 ridge; border-right: 2px #C0C0C0 ridge; border-top: 2px #C0C0C0 ridge; height: 45px; margin-top: 0%; padding-bottom: 0px; text-align:center; vertical-align: 
	top; width: 950px; }

#printpageheader { display: none; }

/*  Main blocks  */
html body {margin: 0 0 0 0;padding: 0 0 0 0;}
#indexcontainer {background-image: url(/images/navbarbak.png); background-repeat: repeat-y; width: 950px; display: table; margin: 0 auto;   /* align for good browsers */ text-align: left; /* counter the body center */ background-color: #fff;}
#leftcontent {float: left; width:141px; margin-right: 3px; overflow: hidden;}
#centerleftcontent {float: left; padding: .8em 1em 1em 1em; width:250px; background-color: #fff; overflow: hidden;}
#centerrightcontent {float: left; padding: .8em 1em 1em 1em; width:250px; margin-right: 1px; background-color: #fff; overflow: hidden;}
#rightcontent {float: right; padding: .8em .1em 1em .1em; width:222px; margin-left: 2px; overflow: hidden; background-color: #fff; overflow: hidden;}
#indexfooter {background-color: #fff; font-family: verdana, sans-serif; font-size: small; width: 960px; border-top: 1px solid; margin-left: auto; margin-right: auto; text-align:left; padding: 1em 0 2em 0;}


/* Article page blocks */
#artbody{ margin:0; padding:0; line-height: 1.5em; }
#artmaincontainer{ background-image: url(../images/navbarbak-sand.png); background-repeat: repeat; width: 960px; /*Width of main container*/ margin: 0 auto;/*Center container on page*/ }
#arttopsection{ background: #EAEAEA; height: auto; /*Height of top section*/ }
#artcontentwrapper{ float: left; width: 730px; }
#artcontentcolumn{ margin-left: 10px; /*Set left margin to LeftColumnWidth*/ background-color: #FFFFFF; font-family: verdana, arial, sans-serif; font-size: 12px; text-align: left; line-height: 150%; word-spacing: .1em; }
#artleftcolumn{ float: left; width: 142px; /*Width of left column*/ margin-left: 0px; /*Set left margin to -(MainContainerWidth)*/ background: #D4D4D4; }
#artfooter{ clear: both; width: 100%; background: #fff; color: #000; text-align: left; padding: 0 0 1em 0; }


/* Anchors */
a:link { color: #0000A0; font-family: verdana, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; }
a:visited { color: #0000A0; font-family: verdana, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; }
a:hover { color: #AF0000; font-family: verdana, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; }
a.index:link { color: #0000A0; font-family: arial, helvetica, sans-serif; font-size: small; font-style: normal; font-weight: bold; text-align: left; text-decoration: none;}
a.index:visited { color: #0000A0; font-family: arial, helvetica, sans-serif; font-size: small; font-style: normal; font-weight: bold; text-align: left; text-decoration: none; }
a.index:hover { color: #AF0000; font-family: arial, helvetica, sans-serif; font-size: small; font-style: normal; font-weight: bold; text-align: left; text-decoration: underline; }


/* Index page navigation bar */
div.toc {margin-bottom: 2em; font-family:Arial, Helvetica, sans-serif;}
.grey_bg a:link, .grey_bg a:visited {width: 130px; background-color: #999; border-top: #c1c1c1 solid 1px; border-right: #000 solid 1px; border-bottom: #000 solid 1px;
	border-left: #d3d3d3 solid 2px; padding:1px 2px 1px 5px; display: block; text-decoration:none; color:#fff; font-size:12px; font-family: arial, sans-serif; font-weight: bold;}
.grey_bg a:hover {width: 130; background-color: #af0000; color:#fff;  font-size:12px; font-weight: bold; letter-spacing: 0px; font-size:12px; font-family: arial, helvetica, sans-serif;}
.greynolink {width: 130px; background-color: #999; border-top: #c1c1c1 solid 1px; border-right: #000 solid 1px; border-bottom: #000 solid 1px; border-left: #d3d3d3 solid 2px; padding:1px 2px 2px 5px;
	display: block; text-decoration:none; color:#fff; font-size:13px; font-family: arial, helvetica, sans-serif; font-weight: bold; letter-spacing: 0px;}
.light_grey_bg {width: 130px; border-top: #c1c1c1 solid 1px; border-right: #000 solid 0px; border-bottom: #000 solid 1px; border-left: #d3d3d3 solid 4px; font-size:12px; font-family: arial, helvetica, sans-serif;
	font-weight: normal; padding-left:3px; padding-right:1px; background-color:#ECECEC; color: #000;}
.indentnav {padding: 0 0 0 20px; font-size:11px; font-family: arial, helvetica, sans-serif;}
.navbar {font-size: 13px;}
.navbar11px {font-size: 11px;}


/* Article page navigation*/
div.toc { margin-bottom: 2em; font-family:Arial, Helvetica, sans-serif; }
.artgrey_bg a:link, .artgrey_bg a:visited { width: 210px; background-color: #999; border-top: #c1c1c1 solid 1px; border-right: #000 solid 1px; border-bottom: #000 solid 1px; 
	border-left: #d3d3d3 solid 2px; padding:1px 2px 2px 5px; display: block; text-decoration:none; color:#fff; font-size:12px; font-weight: bold; line-height: 120%; font-family: arial, sans-serif; }
.artgrey_bg a:hover { background-color: #af0000; color:#fff; font-size:12px; font-weight: bold; letter-spacing: 0px; }
.artgreynolink { width: 132px; background-color: #999; border-top: #c1c1c1 solid 1px; border-right: #000 solid 1px; border-bottom: #000 solid 1px; border-left: #d3d3d3 solid 2px; 
	padding:1px 2px 2px 5px; display: block; text-decoration:none; color:#fff; font-size:12px; font-weight: bold; letter-spacing: 0px; }
.artlight_grey_bg { width: 133px; border-top: #c1c1c1 solid 1px; border-right: #000 solid 1px; border-bottom: #000 solid 0px; border-left: #d3d3d3 solid 4px; font-size:12px; font-weight: normal; 
	padding-left:3px; padding-right:1px; background-color:#D4D4D4; color: #000; }
.artindentnav { padding: 0 0 0 20px; font-size: 11px; }

.rounded-corners-10 {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.rounded-corners-10 {
    behavior: url(https://www.orthodoxytoday.org/ee/assets/js/border-radius.htc);
    border-radius: 10px;
}

#toolbar-box {
	float: right;
	margin: 30px 0px 1em 1em;
	padding: 1em;
	border: 2px solid #cdc8b1;
width: 200px;

	}

#toolbar ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#toolbar ul li { display: inline; }

#google_translate_element {
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 10px 0 8px 0;
	}

/************************************************
*	Tooltips									*
******************************************	******/

a.tooltip span {display:none; padding:7px 7px; margin-left:8px; width:160px;}

a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:2px solid #FE9915; color:#000000;}

/* List styles */
dd { font-family: Arial, Helvetica, Arial, sans-serif; font-size: small; font-weight: normal; line-height: normal; list-style-type: none; margin-left: 0; }
dd.author /*Index page */ { color: #b30000; font-family: Arial, Helvetica, Arial, sans-serif; font-size: small; font-weight: normal; line-height: normal; list-style-type: none; }
dd.index { display: block; font-family: arial, helvetica, sans-serif; font-size: small; font-weight: normal; line-height: normal; list-style-type: none; margin-left: 1em; }
dl.index { display: block; list-style-position: outside; list-style-type: none; margin-left: 0px; }
dt.index { display: block; font-family: arial, helvetica, sans-serif; font-size: small; font-weight: normal; margin-top: 2em; }
dt.indexstrong { display: block; font-family: arial, helvetica, sans-serif; font-size: small; font-weight: bold; margin-top:  7px; }
dt.title { border-bottom: 1px #808080 solid; border-left: 1px #400040; border-right: 1px #400040; border-top: 1px #400040; color: #AF0000; font-family: arial, helvetica, sans-serif; 
	font-size: 14pt; font-style: normal; font-variant: normal; font-weight: normal; margin-left: 0em; margin-top: 1em; text-decoration: none; width: 200px; }
dt.titlesubjectx { border-bottom: 0px #E9E9E9 solid; color: #AF0000; font-family: arial, verdana, sans-serif; font-size: medium; font-weight: bold; margin-top: 1em; }


/* Universal styles */
p {font-size: 12px;}
p ul ol{ font-family: verdana, arial, sans-serif; font-size: small; line-height: 150%; text-align: left; word-spacing: 4px; }
h1 { color: #0F0000; font-family: Georgia, Arial, sans-serif; font-size: 28px; font-weight: normal; line-height: normal; }
h1.copyright { background-color: #FFFFFF; border-bottom: 1px #808080 solid; border-left: 1px #400040; border-right: 1px #400040; border-top: 1px #400040; color: #AF0000; 
font-family: arial, helvetica, sans-serif; font-size: 14pt; font-style: normal; font-variant: normal; font-weight: normal; line-height: 5mm; text-decoration: none; text-indent: 1mm; width: auto; }
h1.red { border: 1px #400040; border-bottom: 1px #ccc solid; color: #AF0000; font-family: georgia, arial, helvetica, sans-serif; font-size: 14pt; font-style: normal; font-variant: normal; font-weight: normal; line-height: 5mm; margin-left: 0em; text-decoration: none; text-indent: 0mm; width: 250px; }
h2 { color: #0F0000; font-family: Georgia, Arial, sans-serif; font-size: 20px; font-weight: normal; color: #625D5D;}
h3 { font-family: verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 1em 0 -.4em 0; }
h3.nodrop { font-family: verdana, Georgia, Arial, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 0em; text-align: center; }
h4 { font-family: arial, helvetica, sans-serif; font-size: x-small; font-weight: normal; }
.center {margin-top: 1em; margin-left: auto; margin-right: auto; text-align: center; font-size: 160%; font-weight: normal; font-family: "Times New Roman"; line-height: 120%; }
.indexcenter {margin-top: 1em; margin-left: auto; margin-right: auto; text-align: center; font-size: 100%; font-weight: normal; font-family: "Times New Roman"; line-height: 100%; }

/* use with ul or ol */ .footnotes { font-size: x-small; list-style-type: none; }
.noborder /*use with img tag */{ border: 0px; }
.notes { font-family: Verdana; font-size: xx-small; line-height: normal; text-align: left; } .smallfont /*Index page */ { font-family: arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; }
.tinytext { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; }
.footer /*Index page */ { font-family: sans-serif; font-size: small; margin: 2em 2em 2em 2em; border-right: 0px solid #BBBBBB; width: auto; }
hr.left { color: #AF0000; background-color: #AF0000; font-style: normal; text-align: left; }
#left { color: #AF0000; background-color: #AF0000; font-style: normal; text-align: left; }
#graybar { color: #d4d4d4; background-color: #fff; font-style: normal; text-align: left; }
#flashPlayer { padding: 1em 1em 1em 1em; text-align: left; width: 195px; border: solid 1px #ccc; background-color: #fff; }
#refreshprintpage { display:none; }
#articlelinkprint { display:none; }
#copyrightscreen { font-family: verdana, arial; font-size: 12px; font-style: italic; text-decoration: none; }
#copyrightprint { display:none; }
.firstcap { float: left; font-family: Georgia, Times New Roman,Times, Bell MT,Georgia,serif; font-size: 45pt; font-weight: bold; line-height: 45pt; margin-top: -5px; margin-right: 5px; color: #AF0000; }
.pullquoteleft {float:left; width:30%; text-align:left; padding:8px 0px 8px 4px; border-top:2px solid #AF0000; border-bottom: 2px solid #AF0000; font-size: 105%; margin: 10px 20px 10px 0; background-color:fff;}
.pullquoteright {float:right; width:30%; text-align:right; padding:8px 4px 8px 4px;border-top:2px solid #AF0000; border-bottom: 2px solid #AF0000; font-size: 105%;margin:10px 0 10px 20px; background-color:fff;}
#dateline {margin: 1em 0 -1.5em; color: #d9560f; font-weight: bold; background: 


/* Buttons */
.clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; }
a.button { background: transparent url('bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; }
a.button span { background: transparent url('bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
.indexbutton {font-size: 9px;margin-left: 10px;}
/*.indexbutton:hover {background-color: #af0000; color: #fff; font-size: 9px;}*/

/*  OT Updates box on index.shtml  */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin: 0 0px; padding: 0px; letter-spacing:1px; width: 200px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em; width: 210px}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#C4CDD6; border-left:1px solid #C4CDD6; border-right:1px solid #C4CDD6;}
.xb1 {margin:0 5px; background:#C4CDD6;}
.xb2 {margin:0 3px; border-width:0 1px;}
.xb3 {margin:0 2px;}
.xb4 {height: 1px; margin:0 1px;}

.xtop, {display:block; background:transparent; font-size:1px;}
.txb1, .txb2, .txb3, .txb4 {display:block; overflow:hidden;}
.txb1, .txb2, .txb3 {height:1px;}
.txb2, .txb3, .txb4 {background:#F0F2F5; border-left:1px solid #C4CDD6; border-right:1px solid #C4CDD6;}
.txb1 {margin:0 5px; background-color: #C4CDD6;}
.txb2 {margin:0 3px; border-width:0 1px;}
.txb3 {margin:0 2px;}
.txb4 {height: 1px; margin:0 1px;}


.xboxcontent {display:block; background:#C4CDD6; border:0 solid #; border-width:0 1px;}