body{
scrollbar-arrow-color:#CC3399; 
scrollbar-base-color:#FFFF00; 
scrollbar-shadow-color:#CC3399; 
scrollbar-face-color:#660000; 
scrollbar-highlight-color:#0099cc;
scrollbar-dark-shadow-color:white; 
scrollbar-3d-light-color:#CC3399;

	font-family: Arial,sans-serif;
	color: #003333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
    background: #000000  fixed ;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #330000;
}

a {
	color: #330000;
}

a:link, a:visited{
	color: #FF0033; 
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.logo{color: #FFFF00;
font-size-adjust:inherit;
font-weight: bolder;
font-stretch:ultra-expanded;
azimuth: center;
outline-color: #FF0000;
border-color:#660000;
}

.BookName {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bolder; 
	background-color: #660000;
  	color: #FFFF00;
}


.header {
	font-family:Serto Jerusalem;;
	font-size: 20px;
	font-weight: bolder; 
	background-color: #660000;
  	color: #FFFF00;
}

.chapter {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	font-weight:bolder;
	background-color: #660000;
 	color: #FFFF00;
}

#globalLink{
	position: inherit;
	top: 18px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	font-weight:bolder;
}

a.glink, a.glink:visited{
  	font-size:x-small;
  	color: #660033;
	font-weight: bolder;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

#search{
	position: inherit;
	top: 30px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 90%;
  margin: 0px  0px 0px 15px;
 }
 
#search a:link, #search a:visited {
	font-size: 90%;
	font-weight: bold;	
}

#search a:hover{
	margin: 0px;
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #ffccff;
	border-bottom: 1px solid #ffccff;
	font: small Verdana,sans-serif;
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFCCFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bolder;
	color:#33FFFF;
	background-color:#660000;
	visibility: inherit;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #00FF00;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bolder;
	color:#00FF00;
}

.relatedLinks{
    position:relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFCCFF;
	background-color:#660000;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;
	color:#333399;
}

.relatedLinks h3{
	padding: 10px 0px 2px 10px;

}

.relatedLinks a{
	display: block;
	border-top: 1px solid #00FF00;
	padding: 2px 0px 2px 10px;
}

#relatedLinks a:hover{
	background-color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bolder;
	color: #00FF00 ;

}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
	background-color: #000000; 
	/* background: #cccccc url("glbnav_background.gif") fixed;  */
}

label{
 font: bold 1em Arial,sans-serif;
 font-size: medium ;
 font-weight:bolder;
 color: #3333CC;
}
				
input{
font-family: Arial,sans-serif;
}

#siteName{
	margin: 0px;
	left: 10px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: bolder;
}

/************** utility styles *****************/

#utility{
	font:*75% Verdana,sans-serif; 
	font-size:x-small;
	position:absolute;
	top: 20px;
	right: 10px;
	color: #919999;
	/**left: 729px; */
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}

/************** Content styles *****************/

.style2 {font-weight: bold;
}
.style3 {
	color: #FF0033;
	font-weight: bold;
}
.style4 {
	font-size: large;
	font-weight: bold;
}
.style5 {color: #660000}
.style6 {font-size: medium ; font-weight: bold; color: #660000;}
.style7 {color: #00FF00}


/************** siteInfo styles ****************/
#siteInfo{
	clear: both;
	border-top: 1px solid #660000;
	font-size: small;
	color: #660000;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}

.copyright {
font-size:xx-small;
}

.title2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	margin-bottom:inherit;
	font-size:18px;
	color: #FFFF00 ;
	line-height: 20px; 
	bottom: ;
}
.tabletitle {
	background-color: #660000;
	border-top-width: thick;
	border-right-width: medium;
	border-bottom-width: thick;
	border-left-width: medium;
	border-top-style: outset;
	border-right-style: inset;
	border-bottom-style: ridge;
	border-left-style: inset;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	}
	
.contenttable {
	background-color: #FFFFFF;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #660000;
	border-right-color:#660000;
	border-bottom-color:#660000;
	border-left-color:#660000;
}

.leftpaneltable {
	background-color: #660000;
	border-top-width: thick;
	border-right-width: medium;
	border-bottom-width:thick;
	border-left-width: medium;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #660000;
	border-right-color:#660000;
	border-bottom-color:#660000;
	border-left-color:#660000;
}

.Latin { 

text-align: left;
font-size: 18px;
font-family: Papyrus;
font-weight:bolder;
color: #003366;
}
.Vulgate {
font-size: medium;
font-weight:bolder;
color: #CC3300;
}

.Jerome {
text-align: left;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #336666;
}

.Apocrypha { 

text-align: left;
font-size: 18px;
font-family: Papyrus;
font-weight:bolder;
color: #CC3366;
}

.Gallicana { 

text-align: left;
font-size: 18px;
font-family: Papyrus;
font-weight:bolder;
color: #903;
}

.Vgate {
font-size: medium;
font-weight:bolder;
color: #66CCFF;
}

.Jrome {
text-align: left;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #CC6699;
}




/************** Menu ****************/
.menutitle{
cursor:pointer;
margin-bottom: 1px;
background-color:#660000;
color:#FFFF00;
width:178px;
padding:1px;
text-align: justify;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bolder;
/*/*/border:1px solid #000000;/* */
}

.submenu{
background-color:#FFFFE6;
margin-bottom: 0.5em;
text-align:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;

}
/************** Drop in Javascript ****************/
#dropinboxv2cover{
width: 320px; /*change width to desired */
/*height: 220px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 200px; /*change width to above width-20. */
/*height: 60px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: lightyellow;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}
/* note.js */
#fadeinbox{
position:absolute;
width: 400px;
left: 0;
top: -400px;
border: 2px solid black;
/*background-color: lightyellow; */
background-color: #D8F6D6 ;
padding: 4px;
z-index: 100;
visibility:hidden;
}