* {margin:0px; padding:0px;}

body {color: black; background: url(images/page_border.gif) #CECECE;}
body a {font-family: verdana, arial, sans-serif; font-size: 14px; color: white;}

.hidden {display: none;}

#main {width: 784px; margin-top: 0px; margin-left: auto; margin-right: auto; background: white;}

#text {font: 16px serif; padding: 200px 16px 36px 16px; margin: -200px 0 0 0;}
html>body #text {font: 16px serif; padding: 16px 16px 36px 16px; margin: 40px 0 0 0;}
#text a {color: blue;}
#text h1 {font: 24px serif; font-weight: bold; padding: 16px 0 12px 0;}
#text h2 {font: 20px serif; font-weight: bold; padding: 0 0 16px 0;}
#text h3 {font: 16px serif; font-weight: bold; padding:0; margin: 24px 0 -8px;}
#text h3 span {font-weight: normal; font-style: italic;}
#text #caption {margin: 0 0 16px 0;}

#text .spacer {margin-top: 40px;}
#text .dbl_spacer {margin-top: 80px;}
#text .push {margin-left: 16px;}
#text .emphasis {margin: 8px 2px; font-style:italic;}
#text .warning {font: 18px serif; color: red; font-weight: bold;}

#text p {margin: 16px 0;}
#text .margin-off {margin: 16px 0;}
#text .margin-off p {margin: 0;}
#text .margin-off-i {margin: 16px 0;}
#text .margin-off-i p {margin: 0; font-weight: normal; font-style: italic;}

#text .translation {float: left; margin: 16px 48px 16px 24px; padding: 8px;}
#text .translation p {margin: 0; font-weight: normal; font-style: italic;}
#text .translation .newline {margin: 16px 0 0 0;}
#text .origin {float: left; margin: 8px 0 16px 48px; padding: 8px; border-style: solid; border-width:8px; border-color: #FBFBFB;}
#text .origin p {margin: 0; font-weight: normal; font-style: italic;}
#text .origin .newline {margin: 16px 0 0 0;}

#text .verse {margin-top: 40px; margin-left: -16px;  margin-right: -16px; padding: 40px 0 40px 240px; background: #FBFBFB;}
#text .verse p {font: 20px serif; font-style: italic; margin: 8px;}
#text .verse .push {font: 20px serif; font-style: italic; margin: 8px 0 0 32px;}
#text .verse .newline {margin:32px 0 0 8px;}
#text #verse_caption {text-align: center;}


#text p span {font-weight: bold;}
#text p span span {font-weight: normal; font-style: italic;}
#text p em {font-weight: normal; font-style: italic;}
#text p span span span {font-weight: bold; font-style: italic;}
#text .picture {text-align: center;}
#text .picture img {padding: 8px; margin: 16px; border-style: solid; border-width:16px; border-color: #FBFBFB; background: #FBFBFB;}
#text .picture_fl img {float: left; padding: 8px; margin: 16px; border-style: solid; border-width:16px; border-color: #FBFBFB; background: #FBFBFB;}
#text .picture_fr img {float: right; padding: 8px; margin: 16px; border-style: solid; border-width:16px; border-color: #FBFBFB; background: #FBFBFB;}
#text .picture p {padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px;
		margin-left: auto; margin-right: auto; margin-top: -24px; margin-bottom: 24px;
		text-align: justify; font: 13px serif;
		border-style: solid; border-width:8px; border-color: #FBFBFB;}
#text .picture p p {padding: 0; margin: 0; border-width: 0;}
#text .picture p span {font-weight: bold;}

#text .picture_link a img {float: left; padding: 8px; margin: 16px 0 16px 16px; border-style: solid; border-width:16px; border-color: #FBFBFB; background: #FBFBFB;}
#text .picture_link a:hover img {float: left; padding: 8px; margin: 16px 0 16px 16px; border-style: solid; border-width:16px; border-color: #FBFBFB; background: #FBFBFB; border-color: #E3E8F7;}
#text .picture_info {height: 176px; float: right; width: 448px; padding: 16px  16px 16px 20px; margin: 0; border-style: solid; border-width: 16px; border-color: white; background: #FBFBFB;}
#text .picture_info h3 {font: 18px serif; font-weight: bold; margin: 4px 0 8px 4px;}
#text .picture_info p {margin: 4px;}
#text .picture_info em {font-weight: normal; font-style: italic; color: #CDCDCD;}
#text .picture_info .spacer {margin: 12px 0 0 4px;}


html>body #navigation #up_arrow_single {display: block; width: 40px; height: 40px; float: left; margin: 0 0 0 374px; background: url(images/arrow_up_link.jpg) gray no-repeat;}
#navigation #up_arrow_single {display: block; width: 40px; height: 40px; float: left; margin: 0 0 0 184px; background: url(images/arrow_up_link.jpg) gray no-repeat;}
#navigation #up_arrow_single:hover {display: block; background: url(images/arrow_up_hover.jpg) no-repeat;}
#navigation #up_arrow_single:hover span {display: block; color: black; background: white; width: 100px; font: 12px Verdana, sans-serif; position:relative; top: 12px; left: 36px; margin: 0 -100px 0 0;}
#navigation a:hover {background: white; border-right: white;}
#navigation #up_arrow_single:active {display: block; background: url(images/arrow_up_active.jpg) no-repeat;}



#text acronym {border: black dotted;  border-width: 0 0 1px 0; cursor: help;}

#text ul {margin: 16px 16px 16px 48px;}
#text ol {margin: 16px 16px 16px 48px;}

#text table {margin: 8px 8px;}
#text table {margin: 8px 8px;}
#text table span{font-weight: bold;}
#text table caption {font: 17px serif; font-weight: bold;}
#text td {padding: 4px;}
#text .odd {padding: 0 8px; background: #E8E8E8;}
#text .even {padding: 0 8px; background: #FBFBFB;}

#footnote {font-weight: normal; font-style: italic; margin-top: 40px;}
#footnote p {margin: 0;}



#page_ending {width:66px; height: 64px; margin-top: 28px; margin-bottom: 0px; margin-left: auto; margin-right: auto; background: url(images/ending1.jpg);}


#bottom_nav_bg {float: left; width: 784px; height: 179px; background:url(images/page_footer2.gif) red no-repeat; text-align: center;}
#bottom_nav {margin: 156px 0 0 0; padding: 2px 0 4px 0; background: black;}
#bottom_nav a {text-decoration: none; font-size: 11px; color: white;}
#bottom_nav a:hover {text-decoration: underline; color: yellow;}
#bottom_nav #highlighted {color: white; background: black; font-size: 13px;}
#bottom_nav span {color: yellow;}


#info {float: right; margin: -10px; padding: 16px; font-size: 16px; color: blue}