/* Again, start with default behaviour for the basic (x)html tags */

/* The body of the webpage - sets up our default colours, fonts etc */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.1;
	color: white;
	background-color: #006666;
}

/* To make ANY object invisible for PRINTING only (i.e. will be on screen, but not printed): */
.nonprinting {
}

/* Force background colour of image to page body colour,
   for case(s) where transparency is required, but has been
   overridden by a class setting - e.g. <p><img>... */
img.transparent {
	color: inherit;
	background-color: #006666;
}

a {
	color: #FFCC33;
	background-color: inherit;
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.definition {
	color: white;
	background-color: inherit;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: help;
}

acronym {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: help;
}

div.pageheading h1 {
	color: #FFCC33;
	background-color: inherit;
	font-size: x-large;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: auto;
}

div.pageheading h2 {
	color: #FFCC33;
	background-color: inherit;
	font-size: small;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0.5em;
}

h2 {
	font-size: larger;
	font-weight: bold;
	text-align: left;
	margin-left: 0px;
	margin-top: 1em;
	margin-bottom: 0;
}

/* Note we have to actually set the borders for hr
	so that the colour setting works in Firefox, etc
	Our colours here are set to match the line in the
	header, otherwise this looks odd.  */
hr {
	clear: both;
	color: white;
	background-color: #006666;
	text-align: center;
	width: 90%;
	height: 1px;
	padding: 0;
	border-top: 1px solid white;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

hr.inline {
	clear: none;
}

/* Classes for logos: We actually just simply have links
	The image is in the background, although this means a user
	has to switch on the option to print background images.
	There may be several ways to get round this.*/
a.cfis {
	float: left;
	background-attachment: scroll;
	background-image: url(./images/2008brand/figlogo.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height: 90px;
	width: 120px;
	padding: 0;
	margin: 0;
}

a.filogo {
	background-attachment: scroll;
	background-image: url(./images/filogo.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 40px;
	width: 110px;
	padding: 0;
	margin: 0;
	position: relative;
	float: right;
}

/* Tag-line part of header */
div.tagline {
	height: 40px;
	width: 492px;
	min-width: 492px;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 3px;
	padding-top: 3px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	position: relative;
	float: right;
	border-top: solid 2px white;
	border-left: solid 2px white;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
}

/* Prevent tagline links (e.g. e-mail) from being highlighted  differently
	See also "fig.css" */
div.tagline a {
	color: white;
	background-color: inherit;
}

div.tagline a:active {
	text-decoration: none;
}

div.tagline a:hover {
	text-decoration: none;
}

/* The menu:
	"div" is used for the current page.
	Other items are "a" */
div.menu div {
	display: block;
	text-align: center;
	font-weight: bold;
	color: inherit;
	background-color: #007777;
	cursor: default;
	padding: 4px;
	margin-bottom: 2px;
/*	For Buttons effect:
	border-left: solid 2px black;
	border-top: solid 2px black;
	border-right: solid 2px white;
	border-bottom: solid 2px white;*/
}

div.menu a {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #FFCC33;
	background-color: #007777;
	padding: 4px;
	margin-bottom: 2px;
/*	For Buttons effect:
	border-left: solid 2px white;
	border-top: solid 2px white;
	border-right: solid 2px black;
	border-bottom: solid 2px black;*/
}

div.menu a:active {
	text-decoration: none;
}

div.menu a:hover {
	text-decoration: none;
	color: #007777;
	background-color: #FFCC33;
/*	For Buttons effect:
	border-left: solid 2px black;
	border-top: solid 2px black;
	border-right: solid 2px white;
	border-bottom: solid 2px white;*/
}

div.iscs {
	display: block;
	float: left;
	color: #FFCC33;
	background-color: inherit;
	text-align: right;
	font-size: x-small;
	font-weight: bold;
	padding-right: 110px;
	background-attachment: scroll;
	background-image: url(./images/2008brand/figlogosmall.gif);
	background-position: right center;
	background-repeat: no-repeat;
	height: 85px;
	margin-bottom: 20px;
}

div.iscs a {
	color: white;
	background-color: inherit;
	text-decoration: none;
}

div.iscs a:hover {
	text-decoration: underline;
}

img.photo {
	color: inherit;
	background-color: #007777;
}

div.homebuttons div a.one {
	color: white;
	background-color: #FF6600;
}

div.homebuttons div a.two {
	color: white;
	background-color: #CC3366;
}

div.homebuttons div a.three {
	color: white;
	background-color: #663399;
}

div.homebuttons div a.four {
	color: white;
	background-color: #0066CC;
}

div.homebuttons div a.five {
	color: white;
	background-color: #339900;
}

div.homebuttons div a.six {
	color: white;
	background-color: #009999;
}

div.homebuttons div a:active {
	text-decoration: none;
}

div.homebuttons div a:hover {
	text-decoration: none;
	color: #007777;
	background-color: #FFCC33;
}

/* image classes */
img.left {
	float: left;
	margin-right: 1px;
	color: inherit;
	background: #007777;
}

img.right {
	float: right;
	padding: 0;
	margin-left: 1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	color: inherit;
	background-color: #007777;
}

/* Special class for the bible image!
	It has a green background, so I'm going to hide it when printing */
img.bible {
	float: right;
	padding: 0;
	margin-left: 1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	color: inherit;
	background-color: #007777;
}

/* An image in a paragraph (used to be called "leftintext") */
p img {
	float: left;
	margin-right: 1px;
	margin-top: 0;
	margin-bottom: 1px;
	color: inherit;
	background-color: #007777;
}

p img.right {
	float: right;
	padding: 0;
	margin-left: 1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	color: inherit;
	background-color: #007777;
}

/* Paragraph at bottom of some pages for details of
	who to contact for further information. */
p.infocontact {
	text-align: center;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: 5%;
	margin-right: 5%;
	padding: 5px;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

/* Images within an "image block" - put margin between them */
div.imageblock img {
	color: inherit;
	background-color: #007777;
	padding: 0;
	margin-bottom: 1em;
}