/*
 * Define the standard properties - define the page body
 */

body        { font-family: Arial, Helvetica;  background-color: #FFFFFF;  
              color: #000000; font-size: 10pt }

/*
 *  Default colours for hyperlinks and the size of general text
 */
a:link      { color: #808080;  }
a:visited   { color: #808080;  }
a:hover	    { color: #8E2F11; }
a:active    { color: #8E2F11; }

P,TD		{ font-size: 10pt; }  /* Define for TD as well as P because a lot of text is in tables */

/*
 *	Define the headings
 */
h1, h2, h3 { font-family: 'Arial Black', Arial, Helvetica }
h4, h5, h6 { font-family: Arial, Helvetica }

h1  	{ color: #8E2F11; font-size:14pt; text-align: Center }
h2		{ color: #808080; font-size:12pt }
h3		{ color: #CFDDFF; font-size:10pt }
h4		{ color: #8E2F11;  font-size:9pt}
h5		{ color: #000000; }
h6		{ color: #000000; }

/*
 *  Define how images are to look
 */

.image		{ border-color: #808080; }
.Caption 	{ color: #8E2F11; font-size: 9pt; font-family: Arial; font-style:italic; font-weight:bold }


/*
 *   Define how boxes should appear on the site.  This is used for the Left Menu, 
 *   Side Bars (including calendar), and for general layout boxes.  Two different
 *   tops are define narrow and wide - wide has space for a heading eg "Menu".
 */ 

.boxtln {border-collapse: collapse; border:0; width:15px; height:15px; background-image:url(./images/boxtln.gif);}
.boxtrn {border-collapse: collapse; border:0; width:15px; height:15px; background-image:url(./images/boxtrn.gif);}
.boxtn  {border-collapse: collapse; border:0; height:15px; background-image:url(./images/boxtn.gif); }

.boxtlw {border-collapse: collapse; border:0; width:15px; height:30px; background-image:url(./images/boxtlw.gif);}
.boxtrw {border-collapse: collapse; border:0; width:15px; height:30px; background-image:url(./images/boxtrw.gif);}
.boxtw  {border-collapse: collapse; border:0; height:30px; font-family: Arial; font-size: 10pt; color:#000000; text-align: center; font-weight:bold; background-image:url(./images/boxtw.gif); }

.boxbl  {border-collapse: collapse; border:0; width:15px; height:15px; font-family: Arial; font-size: 9pt; background-image:url(./images/boxbl.gif); text-align: Left }
.boxbr  {border-collapse: collapse; border:0; width:15px; height:15px; font-family: Arial; font-size: 9pt; background-image:url(./images/boxbr.gif); text-align: Right }
.boxb   {border-collapse: collapse; border:0; height:15px; font-family: Arial; font-size: 9pt; background-image:url(./images/boxb.gif); text-align: Center }

.boxl   {border-collapse: collapse; border:0; width:15px; font-family: Arial; font-size: 9pt; background-image:url(./images/boxl.gif); text-align: Center }
.boxr   {border-collapse: collapse; border:0; width:15px; font-family: Arial; font-size: 9pt; background-image:url(./images/boxr.gif); text-align: Center }


/*
 * Define the different box widths and the body. - 
 * Typically the "Main" width will be .boxl width plus .boxr width larger than the non-Main width.
 *
 * Firstly Side Bars - used in _lay.htm files provide a right hand margin.
 */

.SideBarMain   			{ width:210px; padding-left: 9px text-align: Center }
.SideBar    			{ width:170px; background-color:#CFDDFF; text-align: Left; padding-left: 5px }
.SideBar p, .SideBar td	{ color:#000000;  font-family: Arial; font-size: 9pt; text-align: Left }
.SideBar a:visited 		{ color: #808080 }

/*
 * Calendar side bar - a special side bar (a little narrower than the standard)
 */
.CalBarMain   			{ width:160px; padding-left: 5px text-align: Center }
.CalBar     			{ width:135px; background-color:#CFDDFF; text-align: Left }
.CalBar p, .CalBar td	{ color:#000000;  font-family: Arial; font-size: 9pt; text-align: Center }

/*
 *  Box body defines what boxes look like when used in a layout
 */

.boxbody 				{width=330px; border-collapse: collapse; border:0; vertical-align: top; Left; padding-left: 5px; padding-top: 5px; background-color:#CFDDFF;}
.boxbodyw 				{width=705px; border-collapse: collapse; border:0; vertical-align: top; Left; padding-left: 5px; padding-top: 5px; background-color:#CFDDFF;}
.boxbody p, .boxbody td {color:#000000;  font-family: Arial; font-size: 9pt; text-align: Left }

/*
 *   Define how the left Menu will look.
 */

.lmboxbody 		{width=120px; border-collapse: collapse; border:0; vertical-align: top; background-color:#CFDDFF; }
.lmboxbody p	{font-family: Arial; font-size: 9pt; }

/*
 *  For each of the four menu levels define how it will look normally, when the mouse hovers, and when active (ie selected)
 */
            
.LeftMenu1   { color:#000000; font-size: 10pt; font-family: 'Arial', Arial, Helvetica; font-weight:bold }
.LeftMenu2    { color: #808080; font-size: 9pt; font-family: Arial; font-weight:bold; padding-left:10px }
.LeftMenu3    { color: #808080; font-size: 9pt; font-family: Arial; padding-left: 20px}
.LeftMenu4    { color: #808080; font-size: 8pt; font-family: Arial; padding-left: 30px}

.LeftMenu1Hov   { color:  #808080; font-size: 10pt; font-family: 'Arial', Arial, Helvetica; font-weight:bold}
.LeftMenu2Hov    { color: #000000; font-size: 9pt; font-family: Arial; font-weight:bold;  padding-left:10; text-decoration:underline}
.LeftMenu3Hov    { color: #000000; font-size: 9pt; font-family: Arial; padding-left: 20px; text-decoration:underline}
.LeftMenu4Hov    { color: #000000; font-size: 8pt; font-family: Arial; padding-left: 30px; text-decoration:underline}

.LeftMenu1Act   { color: #8E2F11; font-size: 10pt; font-family: 'Arial', Arial, Helvetica; font-weight:bold}
.LeftMenu2Act    { color: #8E2F11; font-size: 9pt; font-family: Arial; font-weight:bold;  padding-left:10}
.LeftMenu3Act    { color: #8E2F11; font-size: 9pt; font-family: Arial; font-weight:bold; padding-left: 20px}
.LeftMenu4Act    { color: #8E2F11; font-size: 8pt; font-family: Arial; font-weight:bold; padding-left: 30px}

/*
 *   Define what any text placed in the Left margin will look like.
 */
.LeftMenu    { color:#000000; font-size: 8pt; font-family: Times New Roman;}
.LeftMenu    a:link       { color: #000000; font-weight:bold }
.LeftMenu    a:visited    { color: #000000; font-weight:bold }
.LeftMenu    a:hover      { color: #8E2F11; font-weight:bold }
.LeftMenu    a:active     { color: #8E2F11; font-weight:bold }

/*
 *   Use this style to define any headings placed in the left margin
 */
.LeftMenuHeading {color: #000000; font-size: 12pt; font-family: Arial; }

/*
 *   Define the font colours etc for use in the contents area.
 */
.ContentsBox {padding:4;  background-color: #000000;  border-spacing:4px;  border:4px solid #000000; text-align: Left }
.ContentsArea {padding: 4; background-color: #FFFFFF; text-align: Left }

/*
 *   Define the font colours etc for use in the footer.
 */
.ContentFooter 			   	{ color: #FFFFFF; font-weight:bold; background-color: #000000;}
.ContentFooter a:link       { color: #FFFFFF; font-weight:bold }
.ContentFooter a:visited    { color: #FFFFFF; font-weight:bold }
.ContentFooter a:hover      { color: #8E2F11; font-weight:bold }
.ContentFooter a:active     { color: #8E2F11; font-weight:bold }

/*
 *    ...and those used in the header.
 */
.ContentHeader 			   	{ color: #FFFFFF;  background-color: #000000;}
.ContentHeader a:link       { color: #FFFFFF; font-weight:bold }
.ContentHeader a:visited    { color: #FFFFFF; font-weight:bold }
.ContentHeader a:hover      { color: #FFCC00; font-weight:bold }
.ContentHeader a:active     { color: #FFCC00; font-weight:bold }

/*
 *   ...and the colours for the where am I bar (if implemented in the style)
 */
.WhereAmI		   	   { color: #FFFFFF; font-family: Arial; font-weight:bold;}
.WhereAmI a:link       { color: #FFFFFF; font-weight:bold }
.WhereAmI a:visited    { color: #FFFFFF; font-weight:bold }
.WhereAmI a:hover      { color: #CFDDFF; font-weight:bold }
.WhereAmI a:active     { color: #CFDDFF; font-weight:bold }

/*
 *   Define what the calendar will look like.
 */
.calendarToday { padding:0; border:1px solid #FF0000;} 

.calendar 		 	{ padding:1; background-color: #CFDDFF; font-family: Arial; font-size: 9pt;}
.calendar a:link 	{ text-decoration: none; padding:0; color:#000000; font-weight:bold; background-color:#FFCC00 }
.calendar a:visited { text-decoration: none; padding:0; color:#000000; font-weight:bold; background-color:#FFCC00 }
.calendar a:hover 	{ text-decoration: underline; padding:0; color:#000000; font-weight:bold; background-color:#FFCC00 }

.calendarHeader 			{ font-size: 9pt; padding:0; font-weight: bolder; color: #8E2F11;  background-color: #CFDDFF; }
.calendarHeader a:link		{ padding:0; font-weight: bolder; color: #8E2F11;  background-color: #CFDDFF; }
.calendarHeader a:visited	{ padding:0; font-weight: bolder; color: #8E2F11;  background-color: #CFDDFF; }

.calnoent a:link 	{	text-decoration: none; padding:0; color:#000000; font-weight:bold; background-color:#CFDDFF;}
.calnoent a:visited { 	text-decoration: none; padding:0; color:#000000; font-weight:bold; background-color:#CFDDFF;}
.calnoent a:hover 	{ 	text-decoration: underline; padding:0; color:#000000; font-weight:bold; background-color:#CFDDFF;}

/*
 *   Admin Interface definitions
 */

.EditBar    { font-family: Arial, Helvetica;  background-color: #FFFFFF; color: 
              #000000; font-size: 10pt; }
.EditBar td {font-family: Arial, Helvetica;  background-color: #FFFFFF; color: 
              #000000; font-size: 10pt; padding:5px; border:2px solid #808080;}
              
/*
 * Define what the comments box will look like
 */
.Commentbox   			{ width:530px; text-align: Left }
.CommentboxDate   		{ text-align: Left; color: #000000; font-style: italic; font-size: 8pt;  }
.CommentboxComment 		{ text-align: Left; color: #000000; }
.CommentboxByLine  		{ text-align: Left; color: #000000; font-size: 8pt; border-bottom: dashed 1px #808080;  }