/*********************************************************************/
/*                                                                   */
/* File   : CSS 2.1 stylesheet for FSC corporate website             */
/* Author : FSC Ltd                                                  */
/* Date   : 03/10/2008                                               */
/*                                                                   */
/*                       Copyright FSC Ltd 2008                      */
/*                                                                   */
/*********************************************************************/

/* Default body styles */
body
{
    font-family: arial, sans-serif;
    text-align: left;
    margin: 10px 10px 0px 10px;
    background-color: white;
}

/* General FSC content area */
.content
{
    width: 770px;                  /* Set width so that browser doesn't wrap text */
    margin: 0px auto 0px auto;     /* Set left and right margins to centre page */
    border-width: 5px 5px 0px 5px; /* Set thin border at top, left and right */
    border-color: #EEEEEE;         /* Make border solid light grey */
    border-style: solid;
}

/* Banner header containing logo, title and menu */
.header
{
    padding: 10px 0px 20px 0px;     /* Pad top and bottom to space out FSC logo */
    border-width: 0px 0px 17px 0px; /* Set thick border at bottom */
    border-color: #C0C0C0;          /* Make border solid dark grey */
    border-style: solid;
}

/* Company logo */
.logo
{
    float: left;                /* Force logo to float to the left of the title and main menu */
    padding: 0px 20px 0px 10px; /* Pad logo left and right */
}

/* Company title */
.headerTitle
{
    display: block;
    font-size: 24px;   /* Make title larger to stand out */
    padding-top: 20px; /* Pad title at the top */
}


/* Substantive FSC content below header */
.mainContent
{
    padding: 0px 10px 20px 10px;
    display: block;
}

.caption a
{
    text-decoration: none;
	text-align: center;
	font-size:10px;
    color: rgb(102, 102, 102);
}

/* Area below main content for copyright notice */
.footer
{
    background: #EEEEEE;        /* Make background same colour as thin content border */
    color: #C0C0C0;             /* Make text dark grey to be less prominent */
    font-family: "Century Gothic", arial, sans-serif;
    font-size: 12px;            /* Make text smaller to be less prominent */
    padding: 12px 0px 12px 0px; /* Pad top and bottom to make border thick */
    text-align: left;
    display: block;
}

/* Style of prominent text used for slogans etc */
.greenText
{
    text-align: center;
    color: #008000;  /* Green */
    font-family: "Comic Sans MS", sans-serif;
    font-size: 18px; /* Larger than normal text */
    display: block;
}

.blackText
{
    padding: 0px 50px 20px 50px;
    text-align: center;
    color: black; 
    font-family: "Comic Sans MS", sans-serif;
    font: 14px; /* Same as normal text */
    display: block;
}

/* Style of legally required company registration text */
.legalText
{
    text-align: left;
    color: #A0A0A0;
    font-family: "Century Gothic", arial, sans-serif;
    font-size: 12px;
    display: block;
    padding: 20px 0px 0px 0px;
}

/* As above, but indented for actual address */
.legalIndentedText
{
    text-align: left;
    color: #A0A0A0;
    font-family: "Century Gothic", arial, sans-serif;
    font-size: 12px;
    display: block;
    padding: 0px 0px 0px 20px;
}

/* Show XHTML and CSS Validator logos below content*/
.validatorlogos
{
    width: 770px;              /* Force width to be same as content */
    padding: 10px 0px 0px 0px; /* Pad top */
    margin: 0px auto 0px auto; /* Set left and right margins to centre page */
    display: block;
}

/* General purpose image tags */
img 
{ 
    border-style: none; 
}

.photoLeft
{
    float: left;
	display: block;
    padding: 0px 5px 0px 0px;
}

.photoRight
{
    float: right;
	display: block;
    padding: 0px 0px 0px 5px;
}

.photoCentre
{
    text-align: center;
    padding: 0px 0px 5px 5px;
}

.bullet1
{
    list-style-image: url("../images/bullet1.gif");
}


/* Main Menu ... */
.mainMenu
{
    display: block;
    font-size: 14px;
    text-align: center; /* Centre menu in available space */
	margin: 0;
	padding: 0;
	z-index: 30;
}

/* ... including anchor style ... */
.mainMenu a
{
    text-decoration: none;
}

/* ... and hover style ... */
.mainMenu a:hover
{
    color: rgb(153, 0, 0);
}

#mainMenu li
{	
      color: green;
      margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 11px arial;
color: #C0C0C0
}

#mainMenu li
{	
      color: green;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	list-style: none;
	float: left;
	font: 12px arial;
color: #C0C0C0
}

#mainMenu li a
{	
      display: block;
      color: rgb(102, 102, 102);
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 10px;
	text-align: left;
	text-decoration: none;
background-color: white;
}

#mainMenu li a:hover
{
      color: rgb(153, 0, 0);
}

#mainMenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #C0C0C0
}

	#mainMenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 3px 5px 3px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
            background: white;
		font: 11px arial;
	}

	#mainMenu div a:hover
	{
            color: rgb(153, 0, 0);
	}