/* *****************************************************************
   Example Default CSS Style Sheet for Article Body text.
   
   This style sheet should be a cut down version of the main website
   style sheet, including just those styles useful to a CONTROLSITE
   user.
   
   Class definitions should all take one of the following formats :
   
 	 	 .ClassName { ... style definition... }
		 ClassName { ... style definition... }

	Both the Flash and the ActiveX editor only expect the one name 
	preceding any class definition.	

   FOR THE FLASH EDITOR
   ------------------------------------
   
   Supports these options:
		font-family
		font-size (pt or %)
		color (#XXXXXX or the 16 basic colour names)
		font-weight: bold
		text-align (left, right, center)
		font-style: italic

	Additional parameters that should be provided in 
	slash/star comments, prefixed with $

	pageColour	- sets the editor background colour.
	name		- sets a 'friendly name' which the editor
	              uses in it's dialogue boxes for the 
				  following  class definition. PLEASE keep this 
				  name as short as possible, especially if
				  running CONTROLSITE using a low
				  screen resolution - long names may push
				  any tool bar buttons located after the editor's
				  style drop-down list out of reach. Some of
				  the names present within this sample style
				  sheet may be inappropriate in your setup
				  for this reason.

	default     - used preceeding name to set that style
	              to be the default for any new paras/tables
				  /cells.

	TABLE STYLES: 
	
	There are two types of styles used to
	specifically control the appearance of tables. 
	
	tableBorder - sets the table's border colour
	tableCell   - sets a cell's colour

	The Flash Editor identifies these by checking if the first 
	part of a given style name starts with these words. So an
	actual example of this type of definition might look like 
	this:

	.tableBorderGrey{ background-color: #808080; }

	NOTE that to ensure any text appears correctly inside
	tables when you are using PERCENTAGE font sizes on your
	site, you should specify   font-size: 100%;  for each
	tableCell definition. Here is an example of this:

	.tableBorderGrey{ background-color: #808080; font-size: 100%;}

	EXAMPLES of all the above appear in this sample stylesheet.
	

	NOTE ON SPECIAL FLASH STYLE DEFINITIONS
	--------------------------------------------------------------------
	
	LI { ...style definition... }
		- this is required as part of the implementation for bulleted lists
		within the Flash Editor.
		
	TH { ...style definition... }
		- this is required to get table headers to function correctly within
		the Flash Editor.
		
	NOTE that neither of the above are required by the FCK ActiveX editor
	and should ideally NOT be included if the Flash Editor is never
	being used. If both editors are being used, the presence of these styles
	will result in lists and table headings appearing pre-styled within the
	ActiveX editor. Applying styles in the normal manner should override
	this behaviour.
	

	FOR THE FCK ACTIVEX EDITOR 
	----------------------------------------------
	
	Additional parameters that should be provided in 
	slash/star comments, prefixed with $

	name='Class Name' 
		- sets a 'friendly name' which the editor
	      uses in it's dialogue boxes for the next
		  class definition it comes to.

	default
		 - not currently supported for the FCK ActiveX editor.
		 - ignored if present.
		 - new tags will be created without any class attribute
		 by default.
		 
	pageColour	
		- not supported for the FCK ActiveX editor.		 

	TABLE STYLES: 
	
	FCK ActiveX table styles must occur after any Flash Editor styles.
	
	This stylesheet must also define any table styles that are to be made a
	vailable within the FCK ActiveX editor via the Table Autoformat facility. 
	Insert the following parameters in a slash/star comment	to declare a table style :

	style='Style 1' value='ts1' 
		- style is the user-friendly style name that will be used within
		the editor's dialogues.
		- value specifies the identifier that is used as the prefix for
		the individual class definitions making up the table style.
		
	The following class definitions should be provided for each table style 
	that is declared using the above parameters - a value of ts1 has been 
	assumed and hence has been used as the prefix for each of the class 
	definitions to show how the two tie up.  :
	
	.ts1general { ...style definition... }
	.ts1topleft { ...style definition... }
	.ts1topcenter { ...style definition... }
	.ts1topright { ...style definition... }
	.ts1middleleft { ...style definition... }
	.ts1middlecenter { ...style definition... }
	.ts1middleright { ...style definition... }
	.ts1bottomleft { ...style definition... }
	.ts1bottomcenter { ...style definition... }
	.ts1bottomright { ...style definition... }

    and optionally :
	
	.ts1odd { ...style definition... }
	.ts1even { ...style definition... }
		
	Note that a name parameter MUST be placed in front of each
	table class definition so that they appear within the editor's
	styles drop-down and, more importantly, so that modifying a
	cell's properties after it has been auto-formatted. does not
	lose the table style previously assigned to it.
	
	The 'general' class definition gets assigned to the table itself.
	
 ***************************************************************** */

/* 
	BODY and P items have no commented name above them
	so that they don't show in the editor's drop-down menu 
*/

BODY, body
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
	margin : 0; 
	font-weight : normal; 
	font-size: 75% ;
}

.printonly{display : none;}

/**********************************************************************/

/*Change this if your page backgound isn't white.. */
/* $pageColour = #FFFFFF  */

/** TEXT STYLES **/

/* $name='Heading 1 (H1)' */ 
h1, H1, .heading1{font-size: 200%; color: #666699; font-weight: normal; text-align: left; padding : 12px 0 5px 0; margin : 0;}

/* $name='Heading 2 (H2)' */ 
h2, H2, .heading2{font-size: 125%; color: #000000; font-weight: bold; text-align: left;}

/* $name='Heading 3 (H3)' */ 
h3, H3, .heading3{color: #336699; font-weight: bold;font-size:110%;}

/* $name='Heading 4 (H4)' */ 
h4, H4, .heading4{color: #000000; font-weight: bold;font-size:105%;}

/* $name='Heading 5 (H5)' */ 
h5, H5, .heading5{color: #000000; font-weight: bold;font-size:102%;}

/* $name='Heading 6 (H6)' */ 
h6, H6, .heading6{color: #000000; font-weight: bold;font-size:100%;}


/* $default $name='Body Text'*/
/* Normal text - the class name will be used in the dialogues... */
.normal{color: #000000; text-align: left;}

/* Bulleted List Style  - NOTE This is only required if using the Flash editor. */
/* $name='Bulleted List' */
li, LI{color: #000000; text-align : left;}


/** TABLES **/

/* $default $name='Border' */ .tableBorder{ background-color: #9999CC; font-size: 100%;}

/* $default $name='Cell White' */ .tableCellWhite{ background-color: #FFFFFF; font-size: 100%;}
/* $name='Cell Mid Blue' */ .tableCellMdBlue{ background-color: #6666CC; font-size: 100%;}
/* $name='Cell Dark Blue' */ .tableCellDkBlue{ background-color: #33699; font-size: 100%;}
/* $name='Cell Grey' */ .tableCellGrey{ background-color: #ccc; font-size: 100%;}
/* $name='Labour' */ .tableCellLabour{ background-color:#0000ff;font-size: 100%;font-color:#ffffff;}
/* $name='Liberal' */ .tableCellLiberal{ background-color:#0000ff;font-size: 100%;}


/** FCKEditor Table Automatic Format Styles **/

/* $style='Basic Heading' $value='ts1' */

/* $name='Table Style Basic Heading - General' */
.ts1general{font-weight: normal; color: #000000;}

/* $name='Table Style Basic Heading - Top Left' */
.ts1topleft{background-color: #336699; font-weight: bold; color: #ffffff; padding: 5px;}

/* $name='Table Style Basic Heading - Top Centre' */
.ts1topcenter{background-color: #336699; font-weight: bold; color: #ffffff; padding: 5px;}

/* $name='Table Style Basic Heading - Top Right' */
.ts1topright{background-color: #336699; font-weight: bold; color: #ffffff; padding: 5px;}

/* $name='Table Style Basic Heading - Middle Left' */
.ts1middleleft{font-weight: normal;}

/* $name='Table Style Basic Heading - Middle Centre' */
.ts1middlecenter{font-weight: normal;}

/* $name='Table Style Basic Heading - Middle Right' */
.ts1middleright{font-weight: normal;}

/* $name='Table Style Basic Heading - Bottom Left' */
.ts1bottomleft{font-weight: normal;}

/* $name='Table Style Basic Heading - Top Left' */
.ts1bottomcenter{font-weight: normal;}

/* $name='Table Style Basic Heading - Top Left' */
.ts1bottomright{font-weight: normal;}

/* $name='Table Style Basic Heading - Odd' */
.ts1odd{background-color: #d9d9d9;}

/* $name='Table Style Basic Heading - Even' */
.ts1even{background-color: #f4f4ff;}


/* $style='General 1' $value='tg1' */

/* $name='Table Style General 1 - General' */
.tg1general
{font-size : 11px;}

/* $name='Table Style General 1 - Top Left' */
.tg1topleft
{
	background-color: #336699;
	font-size : 11px;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
}

/* $name='Table Style General 1 - Top Centre' */
.tg1topcenter
{
	background-color: #336699;
	font-size : 11px;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
}

/* $name='Table Style General 1 - Top Right' */
.tg1topright
{
	background-color: #336699;
	font-size : 11px;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
}

/* $name='Table Style General 1 - Middle Left' */
.tg1middleleft
{
	font-size : 11px;
}

/* $name='Table Style General 1 - Middle Centre' */
.tg1middlecenter
{
	font-size : 11px;
}

/* $name='Table Style General 1 - Middle Right' */
.tg1middleright
{
	font-size : 11px;
}

/* $name='Table Style General 1 - Bottom Left' */
.tg1bottomleft
{
	font-size : 11px;
}

/* $name='Table Style General 1 - Top Left' */
.tg1bottomcenter
{
	font-size : 11px;
}

/* $name='Table Style General 1 - Top Left' */
.tg1bottomright
{
	font-size : 11px;
}

/* $name='Table Style General 1 - Odd' */
.tg1odd
{
	background-color: #d9d9d9;
}

/* $name='Table Style General 1 - Even' */
.tg1even
{
	background-color: #f4f4ff;
}