body {
color: #000000;
background-image: url('../image/christbkgrd.gif');
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
background-attachment:fixed;
}
img.textimage {
position: absolute;
text-align: right;
top: 35.9%;
right:3.5%;
}
img.clicktotop{
margin-left: 10px;
}
div.index {
margin-left: 40px;
}

div.content {
margin-top: 190px;
margin-left: 40px;
margin-right: 40px;
background-color: transparent;
font-family: "Trebuchet MS", Sans-serif;
font-size: 10pt;

}
div.content-linkpage {
position: absolute;
top: 250px;
margin-left: 40px;
width: 90%;
font-family: "Trebuchet MS", Sans-serif;
font-size: 10pt;
background: transparent;
}

/*addition for Fixed Footer*/
DIV.footer {
min-width:80%;
width: 100%;
HEIGHT: auto;
BACKGROUND: #F9F9F9;
position: fixed;
text-align: center;
z-index: 5;
bottom: 0px;
}
/*END addition-fixed footer*/


div.tableofcontents {
position: absolute;
margin-top: 130px;
margin-left: 28%;
width: auto;
background-color: transparent;
font-family: "Trebuchet MS", Sans-serif;
font-size: 11pt;
padding: 0;
}

div.leftsideborder {
border-left: 1px solid #DFDFDF; 
border-right: 3px double #DFDFDF;
padding: 30px;
}

div.sidemenu {
position: absolute;
border-left: 2px solid Maroon;
border-top: 3px inset  Maroon;
border-right: 3px inset  Maroon;
border-bottom: 2px solid  Maroon;
font-size: 9pt;
font-family: "Trebuchet MS", Sans-serif;
color: #000000;
line-height: 15px;
line-padding: 2px;
top: 350px;
margin-left: 2px;
padding: 18px;
width: 8%;
height: 900px;
background: #FFFFFF;
z-index: 1;
}
p.sidemenu-border {
position: absolute;
border-bottom: solid #C0D9D9 1px;
font-size: 9pt;
margin-left: -2px;
padding-top: 1px;
width: 108px;
}
p.sidemenu-pad {
padding-top: 21px;
}

div.pad {
padding: 12px;
}
div.center {
text-align: center;
}
span.ref {
font-size: 8pt;
font-family: Georgia,Serif;
color: #C01500;
background-color: transparent; 
}
span.copyright {
font-size: 7pt;
font-family: Tahoma, Serif;
color: #035503;
background-color: transparent; 
}
span.reference {
font-size: 8pt;
font-family: Georgia,Serif;
color: #035503;
background-color: transparent;
}
span.fontcolor {
font-family: "Lucida Sans Unicode", Sans-Serif;
font-size: 9pt;
color: #9C5202;
background-color: transparent;
}
span.header {
font-family: "Trebuchet MS";
font-size: 11pt;
color: #9C5202;
width: 300px;
border-bottom: double 3px #118293;
background-color: transparent;
}

span.headerlinks {
font-family: "Trebuchet MS";
font-size: 11pt;
color: #9C5202;
border-bottom: 3px double #118293;
background-color: transparent;
margin-left: 250px;
}


h1 {
font-family: "Trebuchet MS", Sans-serif;
color: #000000; 
background-color: transparent; 
font-size:14pt;
border-bottom: 1px solid #DFDFDF;
width: 96,9%;
margin-left: 0px;
padding-right: 56px;
padding-bottom: 0px;
}

h2 {
font-family:"Trebuchet MS", Sans-serif;
color: #994D02; 
background-color: transparent;
font-size: 12pt; 
margin-left: 4%;
}
h3 {
font-family:Arial, Sans-serif;
color: #000000; 
background-color: transparent;
font-size: 10pt;
font-style: italic; 
margin-left: 2%;
}  
div.times {
font-size: 9pt; 
font-family: Georgia,Serif;
color: #000000;
background-color: transparent;
}
div.arial {
font-size: 8pt; 
font-family: Arial, Verdana, Sans-Serif;
color: #000000;
background-color: transparent;
}
div.Lucida {
font-size: 8pt;
font-family: "Lucida Sans Unicode";
color: #000000;
background-color: transparent;
}
p.indent {
font-size: 9pt; 
font-family: Georgia,Serif;
color: #000000;
margin-left: 2%; 
margin-right: 9%;
background-color: transparent;
}
div.indent {
font-size:9pt; 
font-family: Georgia,Serif;
color: #000000;
margin-left: 2%; 
margin-right: 9%;
background-color: transparent;
}
div.example {
font-size:8pt; 
font-family: Verdana, Arial, sans-serif;
color: #00009A;
background-color: transparent;
margin-left: 4%; 
margin-right: 15%;
}
p.scripture {
font-size:9pt; 
font-family: Georgia,Serif;
margin-left: 4%; 
margin-right: 8%; 
color: #4d03bd;
background-color: transparent;
}
p.scripture-lrg {
font-size:10pt; 
font-family: Georgia,Serif;
margin-left: 4%; 
margin-right: 8%; 
padding: 20px;
color: #4d03bd;
background-color: transparent;
}
div.scripture {
font-size:9pt; 
font-family: Georgia,Serif;
margin-left: 4%; 
margin-right: 8%; 
color: #4d03bd;
background-color: transparent;
}
div.excerpt {
border-left: 1px solid;
border-color: #EF8450;
color: #004000; 
font-size: 11pt;
font-family: Serif; 
padding-left: 5px; 
margin-left: 5%; 
margin-right: 20%;
background-color: transparent;
}
div.copyright {
margin-left: 30%;
margin-right: 30%;
text-align: center; 
font: 8pt arial;
background-color: #E7F1F1;
padding: 5px;
}

/!--TABLES--/
table.table {
	width: 133%;
	border-width: 1px;
	border-spacing: 5px;
	border-style: solid;
	border-color: #FFFFFF;
	border-collapse: separate;
	background-color: #FDFDFD;
}
table.table th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: white;
	background-color: #FFFFFF;
	-moz-border-radius:.4em;
}

table.table td {
	border-width: 1px;
	padding: 4px;
	text-align: center;
	border-style: solid;
	border-color: #DBB48D;
	background-color: #FDFDFD;
	-moz-border-radius:.4em;
}
/--other background for the table was #FFFAFA--/

/--TABLE MENU--/
table.menu {
	width: 100%;
	border-spacing: 0px;
	border-style: solid;
	border-top:  #FFFFFF 0px;
	border-right: #FFFFFF 0px;
	border-left:  #FFFFFF 0px;
	border-bottom: #C0D9D9 1px;
	border-collapse: separate;
	background-color: transparent;
}
table.menu th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color:  #FFFFFF;
	background-color: transparent;
	-moz-border-radius:.4em;
}

table.menu td {
	border-width: 1px;
	font-size: 10pt;
	line-height: 20px;
	text-align: left;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-style: solid;
	border-top:  solid 1px #E6D1B2;
	border-right:  solid 1px #E6D1B2;
	border-left:  solid 1px #E6D1B2;
	border-bottom: solid 1px #E6D1B2;
	background-color: transparent;
	-moz-border-radius:.4em;
}
/--HEADER TABLE--/

table.header {
	margin: 0px;
	margin-top: 29px;
	border-spacing: 0;
	border-style: 0;
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	background-color: #FFFFFF;
}
table.header th {
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}
table.header td {
	border-width: 0px;
	border-bottom: 0px;
	border-color: #000000;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #FFFFFF;
	font-family:"Trebuchet MS"; 
	font-size: 8pt; 
	color: #000000;
}



/*removed background color - #81494A*/
a:link {
text-decoration:none;
color: #723635;
background-color: transparent;
}
a:visited {
text-decoration:none;
color: #A3A3A3;
}
a:hover {
color: #32A5B4;
background-color: none;
}
a:active {
color: #DE0E0E;
}
hr {
color: #C66B00;
}

/*ROLLOVER IMAGE FOR LINKS - Works in FireFox, Chrome, Opera 10, Explorer 8*/

/*INFO
BACKGROUND-IMAGE >> location of image.
BACKGROUUND-REPEAT >> must specify no-repeat to get a single image.
BACKGROUND-POSITION >> x,y positioning of image, used as an indent, do not use Y, this is vertical position, use X for horizontal position.
BORDER >> can use as an added decoration, or use as a visual guide line to see position of image.
DISPLAY >> must use this to display image and inline means to display on same line without causing a line-break, very important, else the image goes to the next line. That is the effect of CSS as a default box styling.
HEIGHT >> this is the height of the CSS box area where the image rests, you can see the difference with the border setting to display as 1px. This must be at least the same height of the image else the image will be cut off or not display.
WIDTH >> this is the width of the box area where the image reats. It also must be at least the image width, but to adjust the horizantal position of the image to it is further away from any text, then make this setting wide enough to accomadate the indent distance.
NOTE - W3C Schools say that we must include "background-attachment: fixed;" in order for this to work in FireFox and Opera. I found it was not needed. This CSS code is not tested in other screen display settings*/
/*MUST repeat the settings for the "hover" image, unless the image is larger then adjust the height and width setting accordingly*/


a.rollover-image {						
background-image: url('../image/external.png'); 	
background-repeat: no-repeat;			
background-position: 5px 0;				
border: 0px solid black;				
display: inline-block;					
height: 13px;							
width: 25px;							
}
a.rollover-image:hover{					
background-image: url('../image/external2.png');
background-repeat: no-repeat;
background-position: 5px 0;
display: inline-block;
border: 0px solid black;
height: 13px;
width: 25px;
}