#pagecell1 {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 25px;
	background-color: #FFFFFF;
}
#logo {
	position: absolute;
	left: 35px;
	top: 10px;
	background-color: #FFFFFF;
}
#body_text {
	position: absolute;
	left: 194px;
	top: 170px;
	background-color: #ffffff;
	width: 550px;
}
#body_text a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: underline;
}
#body_text a:visited {
	color: #0000FF;
}
#grad_globes {
	position: absolute;
	left: 328px;
	top: 10px;
}
body {
	background-image: url(images/bg-y.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-repeat: repeat-y;
}
#nav_bg {
	position: absolute;
	left: 24px;
	top: 95px;
}
#slide_show {
	position: absolute;
	top: 15px;
	left: 535px;
	border-top: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	border-right: 5px solid #999999;
	border-bottom: 5px solid #999999;
}
#nav_bg a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#nav_bg a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#nav_bg a:hover {
	color:#FFFF66
}
#link1 {
	position: absolute;
	top: 7px;
	left: 25px;
}
#link2 {
	position: absolute;
	top: 52px;
	left: 14px;
}
#link3 {
	position: absolute;
	top: 97px;
	left: 9px;
}
#link4 {
	position: absolute;
	top: 152px;
	left: 5px;
}
#link5 {
	position: absolute;
	top: 203px;
	left: 12px;
}
#link6 {
	position: absolute;
	top: 248px;
	left: 15px;
}
#link7 {
	position: absolute;
	top: 293px;
	left: 23px;
}
#link8 {
	position: absolute;
	top: 338px;
	left: 16px;
}
#link9 {
	position: absolute;
	top: 380px;
	left: 8px;
}
#logbox {
	position: absolute;
	left: 7px;
	top: 445px;
	border: 2px solid #CCCCCC;
	width: 110px;
	background-color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	font-size: x-small;
}
#logboxul {
	position: absolute;
	left: -6px;
	top: -4px;
}
#logboxur {
	position: absolute;
	right: -6px;
	top: -6px;
}
#logboxll {
	position: absolute;
	left: -2px;
	bottom: -2px;
}
#logboxlr {
	position: absolute;
	right: -2px;
	bottom: -2px;
}
.h1 {
	font-size: 14 px;
	font-weight: bold;
}
#scripture {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	position: absolute;
	left: 170px;
	top: 110px;
	font-weight: bold;
	color: #000000;
}
#scripture a:link {
	color: #000000;
	text-decoration: none;
}
#scripture a:visited {
	color: #000000;
	text-decoration: none;
}
.lower3subsequent {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.lower3last {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.lower3top {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #006699;
	color: #FFFFFF;
}
.lower3lasttop {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #006699;
	color: #FFFFFF;
}
.capsupperleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.capslowerright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.capslowerleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
.capsupperright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.itincontentspm {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.itincontentsam {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.overview {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.itintabletop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border: thin solid #CCCCCC;
	background-color: #006699;
	color: #FFFFFF;
}
.mark1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #0000FF;
	font-weight: bold;
}
.mark2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}
.mark3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FF0000;
	text-decoration: underline;
}
.journaltext {
	display: block;
}
.photoborderleft {
	float: left;
	border-left: 7px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
}
.photoborderright {
	float: right;
	border-left: 7px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
}
.style3 {	
	font-size: medium;
	font-weight: bold;
}
.style4 {
	color: #FF0000;
}
.style2 {
	font-size: x-small;
}
.style5 {font-size: x-small}
.style6 {
	font-size: x-small;
	color: #FF0000; 
}
.style7 {font-size: x-small; font-weight: bold; }
#below_left {
	position: absolute;
	top: 600px;
	left: 16px;
}
#below_left a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #0000FF;
	text-decoration: underline;
}
#below_left a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #0000FF;
	text-decoration: underline;
}
#below_left a:hover {
	color:#0066CC;
}
.tops {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.lasttops {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



	/*****************************/
	/* TextArea Rich Style Sheet */
	/*****************************/
	
	/* NOTE: to change the colours of the mouse over for the editor buttons, you must
	   go to Profunctions.js and edit the MOUSE OVER / MOUSE OUT class styles         */

	/* Do some basic formatting  */

	th {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}


	/* Format text fields to have verdana font  */
	
	.textbox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		margin-left: 4px;
	}
	
	/* used in the drop down lists on the editor window */
	.dropDown
	{ 
		/*border: 1px solid #DDDDDD; */
		margin: 2; 
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		margin-left: 4px;
	}

  	/* Colour for the status bar in the editor window. (where it says MODE...)  */
  
  	.editor_status_bg
  	{	
		background-color: #CCCCCC;
  	}
  
/*  basic button formatting  */	
	.butClass
  	{    
    	border: 1px solid #DDDDDD;
  	}
  
  	
  	/*  spacing for the TD rows in the editor  */	
	.tdClass
  	{
    	padding-left: 3px;
    	padding-top:3px;
  	}
	
	.button     { border: 1px solid #DDDDDD; margin: 2; padding: 0; }

	.buttonOn 	{ border: 1px outset; }

	.buttonDown { border: 1px inset; background-color: buttonhighlight; }

	.buttonNa   { border: 1px solid buttonface; filter: alpha(opacity=25); }
	
	.toolbar	{ background-color: #DDDDDD; height: 30; align: left; border-bottom: 1px solid #BBBBBB; }
	
	/* html_path is the path at the bottom of the editor */
	.html_path 	{ font-size: 10px; }
	
	#tr_iView_menu,
	#tr_drop_color_menu,
	#tr_dropMenu {
	position:		absolute;
	display:		none;
	z-index:		101;
	border-left:	1px #CCCCCC solid;
	border-top:		1px #CCCCCC solid;
	border-right: 	2px outset;
	border-bottom:	2px outset;
	padding:		0px;
	
}

.contextMenuStyle
{
	position:		absolute;
	z-index:		101;
	border-left:	1px #CCCCCC solid;
	border-top:		1px #CCCCCC solid;
	border-right: 	2px outset;
	border-bottom:	2px outset;
	padding:		0px;
}
	/* DialogueBox is used for the popups that are called in the editor */
	.dialogueBox	{	background-color:#EEEEEE; margin-left: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; }
	.dialogueBox_header {font-size: 13pt}
	.dialogueButton {	font-size: 9px;	}
	.dialoguePreview { 	background-color:#DDDDDD;
						border-bottom:buttonhighlight solid 1px;
						border-left:buttonshadow solid 1px;
						border-right:buttonhighlight solid 1px;
						border-top:buttonshadow solid 1px;
	} 
	
	.editor_surround { border: 1px solid #666666; }
	
	/*	EDITOR STYLES */
	.littleOrange	{ 	font-size: 8pt; color:#CC9900 }
	.bigBlue 		{ 	font-size: 14pt; font-weight: bold; color:#0066CC; }
	.redUnderline	{	font-size: 12pt; text-decoration: underline; color:#FF0000; }
	/* END EDITOR STYLES */
	
	
	
	/* CONTEXT MENU (right click) STYLES COLOURS */
	.menu_main		{ width:130px; border:0; border-collapse: collapse; }
	.menu_col_one 	{ width: 15px; background-color:#C1C1C1; padding:2px; cursor: hand;}
	.menu_col_two 	{ padding:3px; font-family:verdana,arial,sans-serif; font-size:11px; cursor: hand;}
	.menu_arrow   	{ padding:2px;}
	.menu_over		{ border:#7171FF 1px solid; background-color:#C6C6FF; }
	
	/* CUSTOM STYLES */
	.mark1 { font-family: Arial, Helvetica, sans-serif; font-size: large; color: #0000FF; font-weight: bold; }
	.mark2 { font-family: Arial, Helvetica, sans-serif; font-size: small; color: #FF0000; }
	.mark3 { font-family: Arial, Helvetica, sans-serif; font-size: medium; color: #FF0000; text-decoration: underline; }