/* 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: black;
	background-color: white;
}

/* To make ANY object invisible for PRINTING only (i.e. will be on screen, but not printed): */
.nonprinting {
	visibility: hidden;
	display: none;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	bottom: 0;
	right: 0;
}

/* 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: white;
}

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

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.definition {
	color: black;
	background-color: inherit;
	border-bottom-style: none;
}

acronym {
	border-bottom-style: none;
	border-bottom-width: 0;
	cursor: help;
}

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

div.pageheading h2 {
	color: #006666;
	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: black;
	background-color: white;
	text-align: center;
	width: 90%;
	height: 1px;
	padding: 0;
	border-top: 1px solid black;
	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/print/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/print/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 black;
	border-left: solid 2px black;
	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: black;
	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: #CCCCCC;
	cursor: default;
	padding: 4px;
	margin-bottom: 2px;
}

div.menu a {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #006666;
	background-color: #CCCCCC;
	padding: 4px;
	margin-bottom: 2px;
}

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

div.menu a:hover {
	text-decoration: none;
	color: white;
	background-color: #006666;
}

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

div.iscs a {
	/* For screen, we've changed the colour of the link to be different from
		the colour of the text, but for printing, we'll keep it the same */
	text-decoration: none;
}

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

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

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: #006666;
}

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

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

div.certs {
	visibility: hidden;
}

div.counter {
	visibility: hidden;
}

div.updated {
	visibility: hidden;
}

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

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

/* Special class for the bible image!
	It has a green background, so I'm going to hide it when printing */
img.bible {
	visibility: hidden;
	display: none;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* 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: #CCCCCC;
}

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

/* 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 black;
	border-bottom: solid 1px black;
}

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

/*******************************************************************************************
  Overrides for TOUR colours.  These could perhaps do with going in a "figtourprint.css" ?
*******************************************************************************************/

h2.tour {
	color: #006666;
	background-color: inherit;
}

h3.tour {
	color: #006666;
	background-color: inherit;
}

div.navigate div.left {
	color: inherit;
	background-color: #CCCCCC;
}

div.navigate div.right {
	color: inherit;
	background-color: #CCCCCC;
}

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

div.intextright img {
	color: inherit;
	background-color: #CCCCCC;
}

img.stnicfloodmark {
	color: inherit;
	background-color: #CCCCCC;
}


/*******************************************************************************************
 Overrides for GUIDE colours.  These could perhaps do with going in a "figguideprint.css" ?
*******************************************************************************************/

h2.guide {
	color: #006666;
	background-color: inherit;
}

span.local {
	background-color: #CCCCCC;
}

div.local p {
	background-color: #CCCCCC;
}

p.local {
	background-color: #CCCCCC;
}


/*******************************************************************************************
 Overrides for EVENTS colours.  These could perhaps do with going in a "figeventsprint.css" ?
*******************************************************************************************/

/* Calendar classes */
div.calendardayboxodd {
	border-color: black;
}

div.calendardayboxeven {
	border-color: black;
	color: inherit;
	background-color: #CCCCCC;
}

div.calendardayboxtoday {
	border-color: #006666;
	color: inherit;
	background-color: #FFCC33;
}

div.calendarevent {
	border-color: black;
}

p.event_title {
	color: #006666;
	background-color: inherit;
}

p.event_subtitle {
	color: #006666;
	background-color: inherit;
}

*#date {
	background: #CCCCCC;
	color: inherit;
}

*#description {
	background: #CCCCCC;
	color: inherit;
}