/* Follow Jesus Style Sheet */

/* Main Page Styles */
body {
 background-color:#0000c0;  /* was mediumblue -cd */
 padding:0; /* Allows top menu reach top of page  */
 margin:0 auto 0 auto; /* Allows top menu reach top of page  */
 width:650px;}

/* Page Text */
p, h1, h2, h3, th, td {font-family:arial,geneva,helvetica,sans-serif;}

p {
	font-weight:bold;
   color:white;
   text-align:justify;
	margin-top:0px;
	margin-bottom:0px;}
	  
p, h3, th, td {font-size:16pt;}

/* Used on top Web page Heading i.e. Follow Jesus */
h1.heading {
	margin-left: auto;
	margin-right: auto;
	font-size: 24pt;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 0px;
	width: 280px;
  	background-color: darkblue;
   border-radius: 12px;
   border:3px solid yellow;}
   
/* Used or lower Web page Heading i.e. Main Menu */
h1 {font-size:18pt; text-align:center;} 

h1, h2, h3 {color:yellow; font-weight:bold;}

/* These allow h2 to have no gap between following p */
h2 {font-size:18pt; margin-bottom:0px;} 

h3 {font-size:18pt; text-align:center; margin-top:0px; margin-bottom:0px}

/* For table in Beliefs */
th {font-weight:bold; color:yellow; text-align:left}
td {font-weight:bold; color:white;}

.hlt {color:yellow;}  /* Highlight */
.hltp {color:deeppink;}  /* Highlight */
.hltg {color:lime;}  /* Highlight */

/* used for inset text etc */
p.bible, p.prayer { width:500px; border:0; margin:0 auto; padding:10px;
			padding-top:10px; border-radius:6px;}

p.bible {font-family:"Times New Roman", Times, serif;
color:#222222; font-size:16pt; font-weight:bold; background:rgb(240,240,240);}

p.prayer {color:blue; font-size:16pt; font-weight:bold; background:white;}

/* Main Menu Layout */
ul {
  list-style-type:none; /* Removes bullets from all list items */
  padding:0; /* In effect moves list items to left */
  margin:0; /* Allows top menu reach top of page  */
  		/* margin:0 auto 0 auto; does not centre it */
  border:0; /* Allows top menu reach top of page  */
  position:fixed; /* Fixes menu at top so it does not scroll with page */
  top:0px; } /* Vertical drop of menu from top of page */
  
li {
  float:left; /* Causes items to float horizontally instead of down */
  position:relative; /* sets up main menu for hiding sub menu */
  width:158px; /* width of each list item - 650/3=216 */
  height:35px; /* Height of menu items */
  line-height:35px; /* in effect centres text vertically */
  border-radius:12px;
  border:2px solid yellow; 
  line-height:35px; /* in effect centres text vertically */
  text-align:center; /* Centres text in link box */
  background-color:darkblue; /* background colour of links */
  /* Without the background colour here the whole menu goes berserk */ 
  }    
li ul {
  visibility:hidden; /* hides sub menu until mouse over */
  position:absolute; /* with top and left locates sub menu */
  top:35px; /* sets sub menu position relative to main menu */
  left:0px;  } /* ??? but it does not work without it */
 
li ul li {
  float:none; /* Causes items in sub menu to go downwards */
  width:144px; /* width of sub menu */
  text-align:left; /* text in sub menu left aligned */
  padding-left:10px} /* indents sub menu text in a little */
  
 /* this also stops border distorting on hover */ 
li:hover ul {visibility:visible;}
li:hover {visibility:visible; background-color:crimson;}

/* Main Menu Style */
a {
  display:block;
  text-decoration:none; /* removes underlining from links */
  font-family:arial, geneva, helvetica, sans-serif;
  font-size:16pt;
  font-weight:bold;}
  
a:link {color:yellow;}
a:visited {color:yellow;}

/* Links to External Sites */
a.body {
  text-decoration:none; /* removes underlining from links */
  font-family:arial, geneva, helvetica, sans-serif;
  font-size:16pt;
  font-weight:bold;} 
  
a.body:link{color:yellow; text-decoration:underline}
a.body:visited{color:yellow; text-decoration:underline}
a.body:hover{color:lime; text-decoration:underline}
a.body:active{color:yellow; text-decoration:underline}
/* Applied using: <a class="body"> ... </a> */

/* Links to Internal pages - typically at bottom of page */
a.link {
  text-decoration:none; /* removes underlining from links */
  font-family:arial, geneva, helvetica, sans-serif;
  font-size:16pt;
  font-weight:bold;} 
  
a.link:link{color:yellow; text-decoration:none}
a.link:visited{color:yellow; text-decoration:none}
a.link:hover{color:yellow;	background-color:crimson; text-decoration:none}
a.link:active{color:yellow; text-decoration:none}
/* Applied using: <a class="body"> ... </a> */

/* STYLE LINKS OF MAIN MENU CANNOT BE USED FOR OTHER LINKS IN SITE */
/* TO ISOLATE THEM THEY HAVE BEEN PUT IN A ONE ROW TABLE */
/* Used to format Internal links at BOTTOM of page */
td.linkb {
 	width:200px;
 	text-align:center;
  	background-color:darkblue;
   border-radius:12px;
   border:2px solid yellow;}
    
 /* Used to format Internal links - typically at SIDE of page */
 /* Also used in the sub menus at the top of some pages */
 /* The 158px width links in with the 650px page width */
td.links {
 	width:158px;
  	text-align:center;
  	background-color:darkblue;
   border-radius:12px;
   border:2px solid yellow;}   

/* Used to centre Internal Links at bottom of a page using <table class="center"> */
table.center {
	margin-left: auto;
	margin-right: auto;}