/* National Family Learning Network  - Phase 1 - bespoke style settings 

	Author: 	E Beaumont-Thomas
	File:		nfln.css
	Rev:		Ver 1.0.0.
	Ver Date:	26/02/2004
	
	New branding version.
*/

table.displaygrid
{
	border: 1px solid #000000;
	cellspacing='1';
	cellpadding='3';
	bgcolor='#A5A5A5';
	width='100%'
    	background-color: darkgray; padding:1px; 
    	font-weight:normal;
    	PADDING-LEFT: 10px;
    	border-width:1px; border-style:solid; 

}


Td.formleft
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    background-color:#CEB6CE;
    color: #000000;
    FONT-SIZE: 9pt;
}

Td.formright
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    background-color:#CEB6CE;
    FONT-SIZE: 9pt;
}


/* SECTION AREA GENERIC CLASSES ============================================================= */
/* Generic text */
BODY
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 14px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

LI /* Paragraph */
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 14px;
	MARGIN-TOP: 0px;
	COLOR: #555555; /* Mid Grey */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
UL /* Paragraph */
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 14px;
	MARGIN-TOP: 0px;
	COLOR: #555555; /* Mid Grey */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
P /* Paragraph */
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 14px;
	MARGIN-TOP: 0px;
	COLOR: #555555; /* Mid Grey */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

SPAN /* Insert line */
{
	FONT-SIZE: 11px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

BLOCKQUOTE /* Indent Comment */
{
    FONT-FAMILY: Verdana, Arial, sans-serif;
	COLOR: #000000; /* Black */
	Margin-Left: 30px;
	Margin-Right: 100px;
}

PRE /* Preformatted Text */
{
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

DIV /*Default text settings for layers */
{
	FONT-SIZE: 11px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
TD.normal  /*Default text settings for Table Data cells */
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 14px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}


TD  /*Default text settings for Table Data cells */
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 14px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

TBODY.smallText  /*Special for TBODY */
{
	FONT-SIZE: 9px;
	LINE-HEIGHT: 11px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

TBODY  /*Default for TBODY */
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 14px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

TFOOT
{
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	MARGIN-TOP: 0px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

H1 /* Main Heading/Title */
{
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	COLOR: #000000; /* Black */
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 10px;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

H1.navheading /* Main Heading/Title */
{
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF; /* White */
	MARGIN-TOP: 8px;
	MARGIN-BOTTOM: 8px;
	MARGIN-RIGHT: 25px;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

H2 /* Sub Heading */
{
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
	MARGIN-TOP: 12px;
	MARGIN-BOTTOM: 12px;
}

SPAN.bodyTitle /* Sub Heading */
{
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
	MARGIN-TOP: 12px;
	MARGIN-BOTTOM: 12px;
}


H3 /* Paragraph Heading */
{
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
	MARGIN-TOP: 1px;
	MARGIN-BOTTOM: 1px;
}

H4 /* Miscellaneous Sub-Heading */
{
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

LI /* List line spacing and text values */
{
	FONT-SIZE: 11px;
	LINE-HEIGHT: 14px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

OL.alpha /* Ordered List bullet values */
{
	LIST-STYLE-TYPE : lower-alpha;
}

OL.numbered /* Ordered List bullet values */
{
	LIST-STYLE-TYPE : lower-decimal;
}

UL /* Un-Ordered List bullet values */
{
	LIST-STYLE-TYPE : square;
}

/* DEFAULT LINK STYLES ============================================================= */

/*
A
{
	FONT-WEIGHT: bold;
	COLOR: #660099; /* Purple */
	TEXT-DECORATION: none;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

A:HOVER
{
	FONT-WEIGHT: normal;
	COLOR: #993399; /* Mauve */
	TEXT-DECORATION: underline;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, sans-serif;
}
*/


/* DEFAULT HORIZONTAL RULE ============================================================= */
HR
{
	BORDER: 0px;
	COLOR: #660099; /* Purple */
	HEIGHT: 1px;
}

/* DEFAULT FORM ELEMENTS ============================================================= */
FORM /* Main form space surround */
{
	MARGIN: 0px;
}

TEXTAREA
{
    FONT-SIZE: 11px;
	COLOR: #000000; /* Black */
    FONT-FAMILY: Verdana, Arial, sans-serif;
	background-color: #FFFFFF; /* white */
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-TOP-COLOR: #AAAAAA;
	BORDER-LEFT-COLOR: #AAAAAA;
	BORDER-RIGHT-COLOR: #CCCCCC;
	BORDER-BOTTOM-COLOR: #CCCCCC;
}

INPUT
{
    FONT-SIZE: 11px;
	COLOR: #000000; /* Black */
    FONT-FAMILY: Verdana, Arial, sans-serif;
	BACKGROUND-COLOR: #FFFFFF; /* white */
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-TOP-COLOR: #AAAAAA;
	BORDER-LEFT-COLOR: #AAAAAA;
	BORDER-RIGHT-COLOR: #CCCCCC;
	BORDER-BOTTOM-COLOR: #CCCCCC;
}

INPUT.text.readonly
{
    FONT-SIZE: 11px;
	COLOR: #B8C5C8; /* Dark Grey Light */
    FONT-FAMILY: Verdana, Arial, sans-serif;
	BACKGROUND-COLOR: #FFFFFF; /* white */
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-TOP-COLOR: #F0F0F0;
	BORDER-LEFT-COLOR: #F0F0F0;
	BORDER-RIGHT-COLOR: #F0F0F0;
	BORDER-BOTTOM-COLOR: #F0F0F0;
}

INPUT.radio
{
	BACKGROUND-COLOR: #FFFFFF; /* white */
	BORDER-WIDTH: 1px;
}

/* SPECIALISED FORM ELEMENTS ============================================================= */
INPUT.sqrButton /* sqrbutton Aubergine */
{
	FONT-SIZE: 11px;
	COLOR: #FFFFFF; /* aubergine Dark */
	FONT-FAMILY: Verdana, Arial, sans-serif;
	BACKGROUND-COLOR: #99CCFF; /* Corn Blue */ 
	HEIGHT: 18px; 
	WIDTH: 18px;
	BORDER-WIDTH: 1px;
	BORDER-TOP-COLOR: #C2E0FF; /* Sky Blue */
	BORDER-LEFT-COLOR: #C2E0FF; /* Sky Blue */
	BORDER-RIGHT-COLOR: #0099FF; /* Dark Blue */
	BORDER-BOTTOM-COLOR: #0099FF; /* Dark Blue */
}

INPUT.freesizeButton /* freesizebutton Aubergine */
{
	FONT-SIZE: 11px;
	COLOR: #FFFFFF; /* aubergine Dark */
	FONT-FAMILY: Verdana, Arial, sans-serif;
	BACKGROUND-COLOR: #99CCFF; /* Corn Blue */ 
	BORDER-WIDTH: 1px;
	BORDER-TOP-COLOR: #C2E0FF; /* Sky Blue */
	BORDER-LEFT-COLOR: #C2E0FF; /* Sky Blue */
	BORDER-RIGHT-COLOR: #0099FF; /* Dark Blue */
	BORDER-BOTTOM-COLOR: #0099FF; /* Dark Blue */
}

SELECT
{
	FONT-SIZE: 11px;
	COLOR: #000000; /* Black */
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

/* DEFAULT PERIPHERAL STYLES ============================================================= */
.error /* can be used with ALL TEXT BASED ELEMENTS */
{
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-WEIGHT: normal;
}

.errorbold /* can be used with ALL TEXT BASED ELEMENTS */
{
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-WEIGHT: bold;
}

.alert /* can be used with ALL TEXT BASED ELEMENTS */
{
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-WEIGHT: bold;
}

.highlight /* can be used with ALL TEXT BASED ELEMENTS */
{
	FONT-WEIGHT: normal;
    COLOR: #F5A400; /* Mustard */
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.headerwhite /* Table header with dark background */
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #FFFFFF; /* White */
}

.quote /* Default quote style */
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 40px;
    MARGIN-RIGHT: 40px;
    COLOR: #55555; /* Light Grey */
    FONT-STYLE: oblique;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

/* TEXT HIGHLIGHT COLOURS ============================================================= */
.textWhite
{
    COLOR: #FFFFFF;
}

.textBlack
{
    COLOR: #000000;
}


.textPurple
{
	COLOR: #660099;
}

.textMauve
{
	COLOR: #993399;
}

.textCornBlue
{
    COLOR: #99CCFF;
}

.textSkyBlue
{
    COLOR: #C2E0FF;
}

.textDarkBlue
{
    COLOR: #0099FF;
}

.textCream
{
    COLOR: #FFFFE2;
}

.textGreen
{
    COLOR: #99FF99;
}

.textGrassGreen
{
    COLOR: #CCFF99;
}

/* TABLE CELL BACKGROUND OPTIONS. ============================================================= */
.bgWhite
{
    BACKGROUND-COLOR: #FFFFFF;
}

.bgBlack
{
    BACKGROUND-COLOR: #000000;
}


.bgPurple
{
	BACKGROUND-COLOR: #660099;
}

.bgMauve
{
	BACKGROUND-COLOR: #993399;
}

.bgCornBlue
{
    BACKGROUND-COLOR: #99CCFF;
}

.bgSkyBlue
{
    BACKGROUND-COLOR: #C2E0FF;
}

.bgDarkBlue
{
    BACKGROUND-COLOR: #0099FF;
}

.bgCream
{
    BACKGROUND-COLOR: #FFFFE2;
}

.bgGreen
{
    BACKGROUND-COLOR: #99FF99;
}

.bgGrassGreen
{
   BACKGROUND- COLOR: #CCFF99;
}

/* SPECIALISED BODY FONT SETTINGS ============================================================= */
.bodywhitebold 
{
	FONT-SIZE: 11px; 
	COLOR: #FFFFFF;  /* White */
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.bodybold 
{
	FONT-SIZE: 11px; 
	COLOR : #000000; /* Black */ 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Verdana, Arial, sans-serif;
}

.bodysmall /* can be used with ALL TEXT BASED ELEMENTS */
{
    FONT-SIZE: 10px;
	LINE-HEIGHT: 14px;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	COLOR : #000000; /* Black */
}

.bodywhite /* can be used with ALL TEXT BASED ELEMENTS */
{
    FONT-SIZE: 11px;
    COLOR: #FFFFFF; /* White */
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

/* SPECIALISED TABLE CONTROLS FOR DATA AREA ============================================================= */
TD.no_border  /* Switch top and bottom padding off */
{
	BORDER: 0px;
}

.mainDataTable
{
padding-left: 10px;
padding-right: 10px;
}

.paddingLR20
{
padding-left: 20px;
padding-right: 20px;
}

.marginLeft15
{
margin-left: 15px;
}

/* Table borders and Grids */
.darkBlueBorder
{ 
	BORDER-STYLE: solid; 
	BORDER-WIDTH: 1px; 
	BORDER-COLOR: #0099FF; /* Dark Blue */
}

.darkBlueGrid
{ 
	BORDER-LEFT-COLOR: #0099FF; /* Dark Blue */
	BORDER-BOTTOM-COLOR: #0099FF; /* Dark Blue */
	BORDER-TOP-COLOR: #0099FF; /* Dark Blue */
	BORDER-COLLAPSE: collapse;
	BORDER-RIGHT-COLOR: #0099FF; /* Dark Blue */
}

/* SECTION AREA BESPOKE CLASSES ============================================================= */
/* Generic menu table areas */
TD.leftMainMenuTable
{
	PADDING-LEFT: 5px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-BOTTOM: solid #99CCFF; /* Dark Blue */
	BORDER-TOP-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 0px;
	WIDTH: 150px;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #C2E0FF; /* Sky Blue */
	FONT-WEIGHT: normal;
	COLOR: #333399; /* Dark Blue */
	TEXT-DECORATION: none;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, sans-serif;
}

TD.leftMainMenuTableOn
{
	PADDING-LEFT: 5px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-BOTTOM: solid #99CCFF; /* Dark Blue */
	BORDER-TOP-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 0px;
	WIDTH: 150px;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #99CCFF; /* Dark Blue */
	FONT-WEIGHT: normal;
	COLOR: #333399; /* Dark Blue */
	TEXT-DECORATION: none;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, sans-serif;
}

.leftMainMenuBg
{
	BACKGROUND-COLOR: #A6A6A6; /* Black Light */
}

TD.leftSubMenuTable2nd
{
	PADDING-LEFT: 20px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-BOTTOM: solid #99CCFF; /* Dark Blue */
	BORDER-TOP-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 0px;
	WIDTH: 174px;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #FFFFFF; /* White */
	FONT-WEIGHT: normal;
	COLOR: #993399; /* Mauve */
	TEXT-DECORATION: none;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, sans-serif;
}
TD.leftSubMenuTable
{
	PADDING-LEFT: 10px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-BOTTOM: solid #99CCFF; /* Dark Blue */
	BORDER-TOP-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 0px;
	WIDTH: 174px;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #FFFFFF; /* White */
	FONT-WEIGHT: normal;
	COLOR: #993399; /* Mauve */
	TEXT-DECORATION: none;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, sans-serif;
}

TD.leftSubMenuTableOn
{
	PADDING-LEFT: 10px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-BOTTOM: solid #99CCFF; /* Dark Blue */
	BORDER-TOP-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 0px;
	WIDTH: 174px;
	HEIGHT: 18px;
    BACKGROUND-COLOR: #FFFFE2;; /* Cream */
	FONT-WEIGHT: normal;
	COLOR: #993399; /* Mauve */
	TEXT-DECORATION: none;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, sans-serif;
}

.leftSubMenuBg
{
	BACKGROUND-COLOR: #CCCCCC; /* Light Grey Medium */
}