﻿
/**********************************************************************
 * SITE LAYOUT
 *********************************************************************/

	body
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		color:#646464;
		background-color:#ffffff;
		padding:0;
		margin:0;
	}
	
	.layoutBanner
	{
		background-color:#B6BCD2;
		background-image:url(banner.jpg); 
		background-repeat:no-repeat; 
		height:81px;
	}

	.layoutContentArea
	{
		border:8px solid #f2f2f2; 
		padding:10px; 
		vertical-align:top;
	}
	
	.layoutMenuArea
	{
		background-color:#B6BCD2; 
		width:186px; 
		vertical-align:top; 
		text-align:center;
		background-image:url(colin.gif); 
		background-repeat:no-repeat; 
		background-position:center top;
		padding-top:274px;
	}
	
	.layoutFooterContainer
	{
		background-color:#B6BCD2; 
		background-image:url(footer.jpg); 
		background-repeat:no-repeat; 
		height:95px; 
		vertical-align:top; 
		color:#a2a2a2;
	}
	
	.layoutFooterLinksA
	{
		text-align:right; 
		padding-right:256px; 
		margin-top:3px;
	}
	
	.layoutFooterLinksB
	{
		padding-left:177px; 
		margin-top:20px; 
		vertical-align:bottom; 
		font-size:x-small;	
	}
	
	.layoutFooterContainer a
	{
	    color:#a2a2a2;
	    text-decoration:none;
	}
	
	.layoutFooterContainer a:hover
	{
	    color:#0066cc;
	}


/**********************************************************************
 * SITE CONTENT STYLES (REPLICATE IN EDIT.CSS)
 *********************************************************************/

	.heading1
	{
		display:block;
		margin-bottom:20px;
		font-size:large;
		font-weight:bold;
		color:#321764;		
	}

	.heading1_Line
	{
		display:block;
		margin-bottom:20px;
		font-size:large;
		font-weight:bold;	
		border-bottom:1px solid #e2e2e2;
		color:#321764;
	}

	.heading2
	{
		display:block;
		font-size:medium;
		font-weight:bold;
		color:#321764;
	}

	.heading2_Line
	{
		display:block;
		font-size:medium;
		font-weight:bold;
		border-bottom:1px solid #e2e2e2;
		color:#321764;
	}

	.heading3
	{
		display:block;
		font-size:small;
		font-weight:bold;
		color:#321764;
	}

	.heading3_Line
	{
		display:block;
		font-size:small;
		font-weight:bold;
		border-bottom:1px solid #e2e2e2;
		color:#321764;
	}
	
	.headingLine
	{
		border-bottom:1px solid #e2e2e2;
	}

	.emphasise
	{
		font-size:x-small;
		font-style:italic;
	}
	
	.normal
	{
		font-size:small;
	}
	
	
	.smallLink
	{
		color:#321764;
		font-size:small;
		font-weight:bold;
	}

/******************************************************************
 * SITE MENUS
 *****************************************************************/

	.MainMenu
	{
		cursor:pointer;
		font-size:small;
		vertical-align:bottom;
		text-align:center;
		text-transform:uppercase;
		font-variant:small-caps;
		color:#312764;
		font-weight:bolder;
	}
	
		.MainMenuItem
		{
			padding:4px;
			background-color:#ffffff;
		}
		
		.MainMenuItemHover
		{
			background-color:#e2e2e2;
			padding:4px;
			background-image:url(menuhighlight.jpg);
			background-position:top;
			background-repeat:repeat-x;
		}	
	
	.MainMenuSubGroup
		{
			color:#606060;
			font-size:small;
			background-color:#ffffff;
			border:solid 1px #b6bcd2;
		}

			.MainMenuSubItem
			{
				cursor:pointer;
				padding: 2px;
			}

			.MainMenuSubItemHover
			{
				cursor:pointer;
				color:#321764;
				padding: 2px;
				background-color:#e2e2e2;
			}
	
/******************************************************************
 * SPECIAL - MODAL STYLES FOR SITE ACCESS CLAUSE
 *****************************************************************/
		
    .modalBackground
	{
		background-color:#000000;
		filter:alpha(opacity=80);
		opacity:0.8;
	}

	.modalContainer
	{
		background-color:#cfddec;
		padding:5px;
		border:1px solid #606060;
		width:500px;
	}
	
	.modalHeader
	{
		background-color:#cfddec;
		padding:5px;
		white-space:nowrap;
		font-weight:bold;
	}
	
	.modalBody
	{
		background-color:#ffffff;
		padding:10px;
		color:#606060;
		font-size:10pt;
	}
	
	.modalFooter
	{
		border-top:1px solid #dfdfdf;
		background-color:#f0f0f0;
		padding:5px;
		text-align:right;
		white-space:nowrap;
	}
