/* CSS Document */
/* CONTENT */

/* DEFAULTS ================================================================= */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color:#000;
	padding: 0;
	margin: 0;
	vertical-align:top;
	font-size:0.9em;
/*
	line-height: 90%;	
	word-spacing: -1px;
*/
}
h1 {
	font-size: 1em;
}
/* - FF FOCUS BOX REMOVAL ------------------- */
a {
	user-focus: none; 
	outline : none; 
	-moz-user-focus: none; 
	-moz-outline: none; 
	behavior: url(scripts/userfocus.htc);
}

a:focus {
	user-focus: none; 
	outline : none; 
	-moz-user-focus: none; 
	-moz-outline: none; 
	behavior: url(scripts/userfocus.htc);
}
/* ------------------------------------------- */

/* default embedded links settings */
p a {
	color:#004466;
	text-decoration: none;
	border-bottom:1px dotted #bbb;
}
p a:hover, 
p a:active, 
p a:focus {
	border-bottom:1px solid #069;
}
.printOnly {
	display: none;
}
a:link,
a:active {
	border-style:none;	/* gets rid of selection box (ff cuts it down to quick flash)*/
	outline:none;
}
/* LOGO =========================================================================== */
#logoholder {
	width:355px;
	height:135px;
	float:left;
}
#logoholder a img {
	border: 0px;
}
#logo {
	float:left;
	padding-left: 5px;
}
/* ARTICLES =================================================================== */

#content {
/*	border: 1px solid purple; /* debug only */
	padding: 0px 10px;
	margin-bottom:25px;
	color:#444;
	float:right;
	width: 550px;
	min-height: 15em; /* no work on IE */
}
/*\*/
* html #content { /* hack for IE min height - doesn't have jump bug (see below) but 
					 this maintains cross-browser look & feel standards */
	height: 15em;
}
/* NOTE - if you get page elements jumping in Firefox, it could be because the secNav menu 
   options are lower than the content. If so, increase the min height values of the content 
   panel above this note. Still a known problem with Safari but life is short...
*/


#content p {
	font-size: 0.8em;
}
#content h1 {
	margin-top: 10px;
	font-size: 0.9em;
}
#content h2 {
	font-size: 0.8em;
}
#content h3 {
	font-size: 0.7em;
}
#content li {
	font-size: 0.7em;
}

#headlines {
	list-style-type: none;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
#headlines li{
	margin: 0px;
	padding: 0px;
}
#headlines p {
	font-size:1em;
	margin: 0px 0px 0.6em 0px;
	padding: 0px;
}
#headlines li a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color:#069;
	font-weight:bold;
	font-size:1.2em;
}
#headlines a:hover, 
#headlines a:active, 
#headlines a:focus {
	text-decoration: underline;
}
#banner {
/*	width: 100%;
	height: 200px; 
	background-color:#666666;
*/
}


/* COLOUR SCHEME CUSTOMISATION =================================================== */
.default {
	color: #777;
}
.Blue,
.blue {
	color: #006699;
}
.Red,
.red {
	color: #C30;
}
.Green,
.green {
	color: #339933;
}
.Purple,
.purple {
	color:#993366;
}
.Orange,
.orange {
	color: #FF6600;
}
.black,
.Black {
	color: #000;
}
.scripture {
	font-size:0.6em;
	font-family:"Courier New", Courier, monospace;
	color: #666666;
}

/* GENERIC ===================================================================== */
#times {
	margin: 0px 1em 1em 0px;
	padding: 0px 1em 1em 0px;
}
#times li {
	font-size: 0.8em;
	list-style-type: none;
}

/* CLASS OVERRIDES ------------------ */
.floatLeft {
	float: left;
}
.right {
	margin-right:0px;
	padding-right:0px;
	text-align: right;
}
.left {
	text-align: left;
}
.centre {
	text-align: center;
}
.comment {
	font-size: 0.8em;
}
.small {
	font-size: 0.9em;
}
.tiny {
	font-size: 0.6em;
}
.italics {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.grey {
	color: #999;
}
.weeLink a {
	color:#999;
	text-decoration:none;
}
.weeLink a:hover,
.weeLink a:active,
.weeLink a:focus {
	color:#444;
	text-decoration:underline;
}


.relLink {
	margin-left:0px;
	padding-left:20px;
	list-style:none;
}
.relLink a {
	color:#444;
	text-decoration:none;
	font-style:italic;
}
.relLink a:hover,
.relLink a:active,
.relLink a:focus {
	color:#000;
	text-decoration:underline;
}
.personID td {
	border-top:2px solid #eee;
/*	padding: 5px;
	margin: 0px 10px 10px 0px;
	width:540px;
	vertical-align:middle;
*/
}
/*
.personID {
	background-color:#fff;
	border:1px solid #ddd;
	padding: 5px;
	margin: 0px 10px 10px 0px;
	float:left;
	width:540px;
	vertical-align:middle;
}
.personDesc {
	float:left;
	clear:none;
	width:400px;
	text-size:0.5em;
}
.portrait {
	margin:10px;
	width: 100px;
	float:right;
	clear:none;
}
*/
/* FORM ELEMENTS ---------------------- */
#form1 {
	padding:20px;
	background-color:#eee;
	font-size: 0.8em;
	text-align: left;
}
#address {
	list-style:none;
	font-family:"Courier New", Courier, monospace;
	font-size:1.1em;
}
/* set active elements eg iframes off by default, 
   turn on by javascript calls filtered by name ids before display
   so it only displays if js is available */
.activeElement {
	display:none;
}
