/* Global Styles */

A { font-size: 12px; }
/* A:hover { color: #7F9DB9; } */

/* 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 */
P { color: #666666; font-size: 12px; }
TD { color: #666666; font-size: 12px; }

BODY { font-size: 12px; font-family: Arial,Verdana,Helvetica, Sans-Serif; margin: 0px; padding: 0px; background-color: #f2eaea; }
FORM { margin: 0px; padding: 0px; }
/* UL { margin: 0px 0px 0px 0px; } */
/* LI { margin: 0px 0px 0px 0px; } */

/* Top Drop Down Menu Styles */
/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

/* 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#topdropmenu { font-family: Arial, Verdana, Helvetica, sans-serif; z-index: 99; text-align: right; float:right; width: 100%; clear: both; }
div#topdropmenu ul { list-style: none; margin: 0px; margin-right: 30px; padding: 0px; display: block; float: right; }
div#topdropmenu a { display: block; margin: 0px; height: 100%; text-decoration: none; }
div#topdropmenu ul li { position: relative; float: left; margin: 0px; }
div#topdropmenu ul ul { position: absolute; }

/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
/* if want extra levels of drop downs, you need to add extra styles here for each level*/
/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
/* please read the ImmSample documentation for more details */
div#topdropmenu ul ul, 
div#topdropmenu ul li:hover ul ul, 
div#topdropmenu ul ul li:hover ul ul, 
div#topdropmenu ul ul ul li:hover ul ul { display: none; }

div#topdropmenu ul li:hover ul, 
div#topdropmenu ul ul li:hover ul, 
div#topdropmenu ul ul ul li:hover ul, 
div#topdropmenu ul ul ul ul li:hover ul { display: block; }

/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
/* it is this section which really differentiates the top drop down menu from a side flyout menu */

/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */

/* This section defines the width of the menu items at different levels */
div#topdropmenu ul.L0 { }
/* defines the total width of the top menu */
div#topdropmenu ul.L1 { width: 140px; }
/* width of level 1 leaves */
div#topdropmenu ul.L2 { width: 140px; }
/* width of level 2 leaves */

/* defines position of drop down leaves */
div#topdropmenu ul.L0 ul { top: 15px; left: 0; }
/* position of first leaf */
div#topdropmenu ul.L1 ul { top: -1px; left: 100%; }
/* position of second leaf */
div#topdropmenu ul.L2 ul { top: -1px; left: 100%; }
/* position of third leaf - if there is one*/

/* defines width of menu items */
div#topdropmenu ul.L0 li { }
/* level 0 items */
div#topdropmenu ul.L1 li { width: 140px; }
/* level 1 items */
div#topdropmenu ul.L2 li { width: 140px; }
/* level 2 items */

/* defines height and width of a tags within the above li tags*/
/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
/* 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#topdropmenu ul.L0 li a { }
div#topdropmenu ul.L1 li a { width: 120px; height: auto; font-size: 100%; font-weight: normal; padding-left: 5px; padding-right: 15px; padding-top: .23em; padding-bottom: .33em; }
div#topdropmenu ul.L2 li a { width: 120px; height: auto; font-size: 100%; font-weight: normal; padding-left: 5px; padding-right: 15px; padding-top: .23em; padding-bottom: .33em; }

/* end top menu bar*/







#footer A { font-size: small; color: #444444; font-weight: normal; text-transform: lowercase; }
#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: 12px; }
DIV.sitmp1 { padding: 2px; font-size: 10px; }
DIV.sitmp2 { padding: 2px; font-size: 10px; }
A.sitmpA0 { color: #666666; font-weight: bold; }
A.sitmpA0:hover { color: #C4C6FB; }
A.sitmpA1 { color: #666666; font-weight: normal; }
A.sitmpA1:hover { color: #C4C6FB; }
A.sitmpA2 { color: #666666; font-weight: normal; }
A.sitmpA2:hover { color: #C4C6FB; }

/* 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: 12px; }

/* 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; }