/* Word Compatibility Styles */
/* These styles alter the default html behaviour to be more like MS Word */

	FORM			{margin-top:0px; margin-bottom:0px;}
	UL              {list-style:square; margin-top:0px; margin-bottom:0px;}	
	OL				{margin-top:0px; margin-bottom:0px;}
	BLOCKQUOTE		{margin-top:0px; margin-bottom:0px;}


/* Global Styles */

	A               {color:#e67817; text-decoration:none}
	A:hover         {text-decoration:underline;}
	
	/* The DIV, P and TD styles should be the same as the "normal" content style. P has a margin of 0px to make it behave the same as a DIV tag, as the Immediacy Editor currently uses P's and DIV's interchangeably */
	DIV             {color:#111144; font-size:small;}
	P               {color:#111144; margin:0px; font-size:small;}
	TD              {color:#111144; font-size:small;}
	
	BODY			{font-family:Arial,Verdana,Helvetica, Sans-Serif; margin:0px; padding:0px; background-color:#ffffff; width:1024px;}


	/* These styles used in the supplied templates */
	#utilitylinks A	{font-size:small; color:#444444; font-weight:normal;}
	#utilitylinks A:hover	{color:#999999;}
	
        #footer		  A {font-size:small; color:#444444; font-weight:normal; }
	#footer		  A:hover	{color:#999999;}

/* Global User Table Styles */
/* These styles define the basic properties for tables in the Immediacy Editor */

	/* Default Table */
	table.ImmTS_Default		{padding:0px; width:100%; border-collapse:collapse;} /* Overall table style */

	table.ImmTS_Default th, 
	table.ImmTS_Default td	{padding:2px; margin:2px;} /* Cell padding and spacing styles */

	table.ImmTS_Default, 
	table.ImmTS_Default th, 
	table.ImmTS_Default td	{border:1px solid black;} /* Table border style */
	     
	table.ImmTS_Default th	{}						/* Apply style to header cells */
	table.ImmTS_Default tr	{vertical-align:top;}	/* Apply style to data cells */
	table.ImmTS_Default td	{}						/* Apply style to data cells */

/* Plugin Styles */
/* These styles are used by plugins through out the site. */

	/* Scroller */
	#divscroller0	{z-index:1;}
	.scrollertitle	{z-index:1; color:#8C897A; font-family:Arial,Verdana,Helvetica;	font-size:12px; font-weight:bold;}
	.scrollerbody	{z-index:1; color:#8C897A; font-family:Arial,Verdana,Helvetica; 	font-size:12px; font-weight:normal;}
	.search         {color:#8C897A;	font-size:small; font-weight:bold;}

	/* Whats new */
	.WhatsnewTitle	{font-size:9pt; color:#8C897A; font-weight:bold;}
	.WhatsnewTitle:hover	{color:#8c89ff;}
	.WhatsnewBody	{font-size:8pt; color:#8C897A; font-weight:normal; float:left;}

	/* SiteMap */
	DIV.sitmp0				{padding:2px; font-size:110%; background-color:#f3f3ff;}
	DIV.sitmp1				{padding:2px; font-size:90%;}
	DIV.sitmp2				{padding:2px; font-size:90%;}
	A.sitmpA0				{color:#000070; font-weight:bold;}
	A.sitmpA0:hover			{color:#8C897A;}
	A.sitmpA1				{color:#000070; font-weight:normal;}
	A.sitmpA1:hover			{color:#8C897A;}
	A.sitmpA2				{color:#000070; font-weight:normal;}
	A.sitmpA2:hover			{color:#8C897A;}

	/* Page Counter Styles */
	#PageCounter	{text-align:right; clear:both; width:10em;}
	.PageCounter	{text-align:left; font-size:x-small; color:#000070;}
	HR.PageCounter	{color:#000070; height:1px;}
	.PageCounterTxtBox {width:40px;}


	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#sidemenu {
			width:100%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:83%;
		}

		/* style of the "header" for the menu if there is one */
		div#sidemenu .head	{
					font-weight:bold; 
					height:1.75em; padding-left:0.6em; padding-top:0.5em; margin-bottom:0.01px; margin-top:0.01px;
					}
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			list-style:none;
			margin:0;
			padding:0px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu ul li		
		{
			float:left; width:100%; margin:0px;
		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#sidemenu a {
			display:block;
			text-decoration:none;
			padding-top:0.23em;
			padding-bottom:0.33em;
		}
		
		/* style for the menu bullets */
		div#sidemenu a SPAN	 {float:left; height:1.5em; width:14px; background-repeat:no-repeat;}

body     { margin:0px; text-align: center; }
body     { margin-left: auto; margin-right: auto; width: 1000px; text-align:left;}
#header					{height:205px; }

	#logo				{background-image:url(../../../images/margaterenewalheader.jpg); background-repeat:no-repeat;
						 height:194px; width:998px;
						 margin-top:10px; margin-left:3px;
						}
	#righthead			{float:right; width:50%; }
	#utilitylinks		{float:right; padding-top:5px; padding-right:2em; display: none;}
	#search				{color:#000000; display:none; font-size:80%; float:right; clear:both; padding-top:1.2em; padding-right:28em;}


#middle					{clear:both; border-collapse:collapse; margin-top:0px; width:100%; } 
	#left				{padding-top:7px; padding-bottom:20px; padding-left:0px; padding-right:0px; 
						 vertical-align:top; width:13em;
						}
	#center				{vertical-align:top; padding-top:10px; padding-left:0px; padding-right:10px;}
.main { width: 80%; }
.midmain { float: left; width: 50%; padding: 1%;} 
.midright { float: right; width: 40%; padding: 1%;}
.midmain3col { float:left; width: 75%; padding: 1%;}
.midright3col { float: right; width: 20%; padding: 1%;} 
 #right		{vertical-align:top; padding-top:10px; padding-right:10px; width:8%; text-align: right; margin-right: 20px;}
	
	
#footer   {background-image:url(../../../images/margaterenewalfooter1.jpg); padding-top: 12px;clear:both; height: 11px; text-align:center; background-repeat:no-repeat;}
#footerboxes { background-image:url(../../../images/margaterenewalboxes.jpg); margin: 10px; display: block; width: 250px; height: 50px; background-repeat: no-repeat; float: left; }
#footertext { display: block; width: 700px; text-align: left; font-weight: bold; float: right; margin-top: 12px; }


/*User Selectable Styles*/
.Heading1,H1     {color:#F93; font-family:Tahoma,Arial,Helvetica,Sans-Serif;	 font-size:150%;	font-weight:bold; margin-bottom:5px;}
.Heading2,H2     {color:#666; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:120%; font-weight:bold;}
.Heading3,H3     {color:#666; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:100%; font-weight:bold;}
.Normal          {color:#111144; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:small;}
.Caption1        {color:#000066; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:small; font-weight:bold;}
.Caption2        {color:#000000; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:small; font-weight:normal; font-style:italic;}
.Caption3        {color:#000066; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:small;}
.Caption4		 {color:#ffffff; font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:small; font-weight:bold;}

/* User Table Colour Styles */
/* These styles define the basic properties for tables in the Immediacy Editor */

	/* Default Table */
	table.ImmTS_Default		{background-color:#eeeeff;} /* Overall table style */

	table.ImmTS_Default th, 
	table.ImmTS_Default td	{padding:2px; margin:2px;} /* Cell padding and spacing styles */

	table.ImmTS_Default, 
	table.ImmTS_Default th, 
	table.ImmTS_Default td	{border:1px solid black;} 
	     
	table.ImmTS_Default th	{background-color:#ccccFF; color:black;} 
	table.ImmTS_Default tr	{}
	table.ImmTS_Default td	{color:black;}

/* Template Colour Styles */
/* Changes the colour of sections of the page dependant on the style sheet in use */

#header	{background-color:#fff;  }
#left	{background-color:#fff; border-right:0px solid #000;}

/* Mozilla Fix for problem with header section not attaching to top */
#header	{border-top:0px solid #7183C3;}

/*Side Menu Color Selection Styles */

	/* All Level Styles*/
	#sidemenu			{background-color:#eeeeee;}
	#sidemenu .head		{color:#ffffff; background-color:#fff; display:none;}	
	#sidemenu a			{color: #F93;}
	#sidemenu a:hover	{color: #C32E27;}

	/* Level 0 Styles */
	#sidemenu a.L0				{background:#fff;}					/* defines level 0 link */
	#sidemenu a.L0 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}  /* defines level 0 bullet for children */
	#sidemenu a.L0 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}  /* defines level 0 bullet for no children */

	#sidemenu a.L0sel			{background:#fff;color:#C32E27;}					/* defines level 0 if selected page */
	#sidemenu a.L0sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);} /* defines level 0 bullet for children if selected page */
	#sidemenu a.L0sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);} /* defines level 0 bullet for no children if selected page*/
	#sidemenu a.L0sel:hover			{color:#C32E27; }					/* in this case effectively suppresses the hover effect for selected pages */
	
	#sidemenu a.L0:hover			{color:#C32E27; background:#fff;}					/* defines the level 0 hover effect */
	#sidemenu a.L0:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}  /* defines the level 0 hover bullet for children */
	#sidemenu a.L0:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}  /* defines the level 0 hover bullet for no children */
	
	/* Level 1 Styles */	
	#sidemenu a.L1				{color:#000000; background:#fff;}
	#sidemenu a.L1 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L1 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}

	#sidemenu a.L1sel			{color:#000000; background:#a5a5a5;}
	#sidemenu a.L1sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);}
	#sidemenu a.L1sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);}
	#sidemenu a.L1sel:hover			{color:#000000; background:#a5a5a5;}
	
	#sidemenu a.L1:hover			{color: #000000; background:#D5DCF5;}	
	#sidemenu a.L1:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L1:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}

	/* Level 2 Styles */
	#sidemenu a.L2				{color:#000000; background:#d5d5d5;}
	#sidemenu a.L2 SPAN.hc			{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L2 SPAN.nc			{background-image:url(../../../images/sqBltGrey.gif);}

	#sidemenu a.L2sel			{color:#000000; background:#a5a5a5;}
	#sidemenu a.L2sel SPAN.hc		{background-image:url(../../../images/rtArwWhite.gif);}
	#sidemenu a.L2sel SPAN.nc		{background-image:url(../../../images/sqBltWhite.gif);}
	#sidemenu a.L2sel:hover			{color:#000000; background:#a5a5a5;}

	#sidemenu a.L2:hover			{color: #000000; background:#D5DCF5;}	
	#sidemenu a.L2:hover SPAN.hc		{background-image:url(../../../images/rtArwGrey.gif);}
	#sidemenu a.L2:hover SPAN.nc		{background-image:url(../../../images/sqBltGrey.gif);}