body {
	background: url(../images/spacers_etc/container_bg.gif) repeat-y top;
	background-color: #f7f7f7;
}

input, select, textarea {font-family:Arial, helvetica, sans-serif;}

/*******************************************************************************************************************************************************/
/************** general styles *************************************************************************************************************************/
/*******************************************************************************************************************************************************/

p.links {line-height:110%;}

p.links a:link {color: #444444; text-decoration: underline}
p.links a:visited {color: #444444; text-decoration: underline}
p.links a:active {color: #444444; text-decoration: none}
p.links a:hover {color: #444444; text-decoration: none}

p.footer {margin-bottom: 0px;}

.HelenaRed {color: #B32317}
.HelenaBlue {color: #008AB0}
.nomargin {margin-bottom: 0px;}
.warning {color: #B32317;}
.red {color: red;} /* used on forms such as onlime payments*/

/*******************************************************************************************************************************************************/
/************** ADDITIONAL STYLES **********************************************************************************************************************/
/*******************************************************************************************************************************************************/

.alignFontControls {vertical-align: -3px;}

ul.onthispage {
   margin-left: 1.3em;
   list-style-image: url(../images/spacers_etc/bullet_red.gif);
   color: #444444;
}

td.headerLinks {
	color: #ffffff;
	font-weight: bold;
	line-height:110%;
}

td.headerLinks a:link {color: #ffffff; text-decoration: underline}
td.headerLinks a:visited {color: #ffffff; text-decoration: underline}
td.headerLinks a:active {color: #ffffff; text-decoration: none}
td.headerLinks a:hover {color: #ffffff; text-decoration: none}

div.standardBottomBorder {margin-bottom: 13px}

/*******************************************************************************************************************************************************/
/************** Left and right column heading used for news (home page) and left navigation ************************************************************/
/*******************************************************************************************************************************************************/

div.LeftColumnTitle,  div.RightColumnTitle{
   padding: 0px;
   margin: 0px;
}

/*******************************************************************************************************************************************************/
/************** HOME PAGE NEWS LEFT COLUMN STYLES ******************************************************************************************************/
/*******************************************************************************************************************************************************/

div.newsImageHomePage {
	background: url(../images/news/news_image_frame_bg.gif) repeat-y left top;
	width: 210px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

div.newsImageHomePageInside {
	margin: 0px 20px 0px 20px;
}

div.newsTextHomePage {
	width: 210px;
	padding: 0px;
	margin: 0px;
}

div.newsTextHomePageInside {
	margin: 10px 10px 0px 10px;
}

/*******************************************************************************************************************************************************/
/************** RIGHT COLUMN IMAGE STYLES **************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.rightImage {
	background: url(../images/right_image/right_image_frame_bg.gif) repeat-y left top;
	width: 240px;
	padding: 0px;
	margin: 0px 0px 13px 0px;
	clear: both;
}

div.rightImageInside {
	margin: 0px 20px 0px 20px;
}

/*******************************************************************************************************************************************************/
/************** RIGHT COLUMN CONTENT STYLES ************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.homePageRightColumnContent, div.RightColumnContent {
	width: 240px;
	padding: 0px;
	margin: 0px;
}

div.homePageRightColumnContentInside, div.RightColumnContentInside {
	margin: 0px 10px 0px 10px;
}

div.homePageRightLinks {
	background: url(../images/home_right_column/home_page_bullets_bg.gif) repeat-y left top;
	width: 220px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

div.homePageRightLinksInside {
	font-weight: bold;
	margin: 0px 10px 0px 10px;
}

div.homePageRightLinks a:link {color: #B32317; text-decoration: none}
div.homePageRightLinks a:visited {color: #B32317; text-decoration: none}
div.homePageRightLinks a:active {color: #B32317; text-decoration: underline}
div.homePageRightLinks a:hover {color: #B32317; text-decoration: underline}

/*******************************************************************************************************************************************************/
/************** MAIN LAYOUT DIV STYLES *****************************************************************************************************************/
/*******************************************************************************************************************************************************/

.layoutTable{
	background: url(../images/spacers_etc/bg_page.gif) repeat-x left top;
	z-index: 0;
}

td.container { /* should be a DIV but this is prevented by the CMS at present due to form tag */
   width: 960px;
   background: url(../images/spacers_etc/container_bg.gif) repeat-y left top; /* also needed in body stylesheet */
}

div.header {  
	background: url(../images/header/header_bg.gif) repeat-y; /* this is the 'base' (white) background */
	width: 960px;
	margin: 0px;
}

/* need 2 "inside" header divs to ensure that background of "div.header" shows through in ff */

div.headerInside1, div.headerInside2 {
	float: left;
	width: 960px;
}

div.headerInside1 {background: inherit;}

/* THIS IS THE BRUSH BACKGROUND */
div.headerInside2 {background: url(../images/header/header_flower_bg.gif) no-repeat right top;}

div.headerLEFT {  
   float: left;
   padding: 10px 0px 10px 30px;
}

div.headerRIGHT {
   float: right;
   padding-top: 10px;
   width: 450px; /* table inside this div has a width of 420px which effectively gives a 30px right border */
}

div.content {
	width: 960px;
	height: 100%;
}

div.contentInside {
   padding: 0px 0px 10px 0px;
   margin: 0px 20px 0px 20px; /* additional 10px left & right margin done within columns */
}

div.footer {width: 960px;}

div.footer div {
   padding: 35px 0px 5px 0px;
   margin: 0px 290px 0px 260px;
   text-align: center;
   clear: both;
}

/*******************************************************************************************************************************************************/
/************** THREE column DIV styles ****************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.leftColumn {
   float: left;
   width: 210px; /* 190px plus 10px either side to handle image "frame" shading */
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}

div.leftColumnInside {
   padding-left: 10px;
   padding-right: 10px;
   overflow: hidden;
}

div.centreAndRightColumn {
   float: right;
   width: 680px;
   padding: 0px;
   margin: 0px;
}

div.centreColumn {
   float: left;
   width: 410px;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}

div.rightColumn {
   float: right;
   width: 240px; /* 220px plus 10px either side to handle image "frame" shading */
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}

/*******************************************************************************************************************************************************/
/************** Level 1 navigation styles **************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.levelOneNavigationOUTER { /* outer/inner so no padding used? */   
   width: 960px;
   background-color: #E2E2E2;
   padding: 0px 0px 4px 0px; /* bottom padding stops ie cropping bottom off hanging letters */
   margin: 0px;
}

div.levelOneNavigationINNER {
   margin: 0px 30px 0px 30px;
   text-align: left;
   color: #444444;
   font-weight: bold;
   line-height:105%;
}

.sectionactive a:link {COLOR: #B32317; text-decoration: none}
.sectionactive a:visited {COLOR: #B32317; text-decoration: none}
.sectionactive a:active {COLOR: #B32317; text-decoration: underline}
.sectionactive a:hover {COLOR: #B32317; text-decoration: underline}

.sectionNOTactive a:link {color:#444444; text-decoration: none;}
.sectionNOTactive a:visited {color:#444444; text-decoration: none;}
.sectionNOTactive a:active {color:#444444; text-decoration: underline;} 
.sectionNOTactive a:hover {color:#444444; text-decoration: underline;}

/*******************************************************************************************************************************************************/
/************** LEFT navigation LEVEL TWO **************************************************************************************************************/
/*******************************************************************************************************************************************************/

ul.subnavigationONWithL3, ul.subnavigationONNoL3,
ul.subnavigationOFFWithL3, ul.subnavigationOFFNoL3 {
   margin-left: 2.2em;
   margin-right: 10px;
   margin-bottom: 7px;
   line-height:105%;
   color: #444444;
   font-weight: bold;
}

ul.subnavigationONWithL3 {list-style-image: url(../images/spacers_etc/level2_bullet_ON.gif);}
ul.subnavigationOFFWithL3 {list-style-image: url(../images/spacers_etc/level2_bullet_OFF.gif);}
ul.subnavigationONNoL3, ul.subnavigationOFFNoL3 {list-style-image: url(../images/spacers_etc/level2_bullet_LINE.gif);}

ul.subnavigationONWithL3 a:link, ul.subnavigationONNoL3 a:link {COLOR: #B32317; text-decoration: none}
ul.subnavigationONWithL3 a:visited, ul.subnavigationONNoL3 a:visited {COLOR: #B32317; text-decoration: none}
ul.subnavigationONWithL3 a:active, ul.subnavigationONNoL3 a:active {COLOR: #B32317; text-decoration: none}
ul.subnavigationONWithL3 a:hover, ul.subnavigationONNoL3 a:hover {COLOR: #B32317; text-decoration: none}

ul.subnavigationOFFWithL3 a:link, ul.subnavigationOFFNoL3 a:link {COLOR: #444444; text-decoration: none}
ul.subnavigationOFFWithL3 a:visited, ul.subnavigationOFFNoL3 a:visited {COLOR: #444444; text-decoration: none}
ul.subnavigationOFFWithL3 a:active, ul.subnavigationOFFNoL3 a:active {COLOR: #B32317; text-decoration: none}
ul.subnavigationOFFWithL3 a:hover, ul.subnavigationOFFNoL3 a:hover {COLOR: #B32317; text-decoration: none}

/*******************************************************************************************************************************************************/
/************** LEFT navigation LEVEL THREE ************************************************************************************************************/
/*******************************************************************************************************************************************************/

ul.L3navigation {
   margin-left: 3.5em;
   margin-right: 10px;
   margin-bottom: 7px;
   line-height:105%;
   color: #444444;
   list-style-type: circle;
}

li.L3navigationON, li.L3navigationOFF {
   margin-bottom: 3px;
}

li.L3navigationON a:link {COLOR: #B32317; text-decoration: underline}
li.L3navigationON a:visited {COLOR: #B32317; text-decoration: underline}
li.L3navigationON a:active {COLOR: #B32317; text-decoration: underline}
li.L3navigationON a:hover {COLOR: #B32317; text-decoration: underline}

li.L3navigationOFF a:link {COLOR: #444444; text-decoration: none}
li.L3navigationOFF a:visited {COLOR: #444444; text-decoration: none}
li.L3navigationOFF a:active {COLOR: #B32317; text-decoration: underline}
li.L3navigationOFF a:hover {COLOR: #B32317; text-decoration: underline}

/*******************************************************************************************************************************************************/
/************** form styles ****************************************************************************************************************************/
/*******************************************************************************************************************************************************/

form {margin-bottom: 0px;} /* NEEDED AS PAGE HAS A FORM TAG AROUND IT */

input {background: #ffffff; color: #000000; border:1px solid #444444;}
input:focus {background: #f1f1f1;}

input.fullWidth {width: 406px;}
input.button {background: #f1f1f1; font-weight: bold;}
input.button:focus {background: #B32317; color: #ffffff;}

input.fieldSearch {background: #ffffff; width:100px;}
input.fieldSearch:focus {background: #e3e3e3; width:100px;}

input.buttonSearch {
   background: #e3e3e3;
   color: #000000;
   border:1px solid #444444;
   width:60px;
   font-weight: bold;
}

input.buttonSearch:focus {
   background: #008AB0;
   color: #ffffff;
   border:1px solid #444444;
   width:60px;
   font-weight: bold;
}

select {background: #ffffff; color: #000000; border:1px solid #444444;}
select.fullWidth {width: 406px;}
select.quickLinks {background: #ffffff; width:200px;}

textarea {background: #ffffff; color: #000000; border:1px solid #444444;}
textarea:focus {background: #f1f1f1;}

textarea.fullWidth {width:406px;}

span.noborder input{ border: 0px;}

/*******************************************************************************************************************************************************/
/************** print friendly *************************************************************************************************************************/
/*******************************************************************************************************************************************************/

/* IMPORTANT */
/* These style are also hard coded into the translation pop-ups */ 

td.popuptop {
   background-color: #B32317;
   padding: 5px 10px 5px 10px;
   height: 30px;
   font-weight: bold;
}

td.popuptop a:link {COLOR: #ffffff; text-decoration: underline}
td.popuptop a:visited {COLOR: #ffffff; text-decoration: underline}
td.popuptop a:active {COLOR: #ffffff; text-decoration: none}
td.popuptop a:hover {COLOR: #ffffff; text-decoration: none}

.popupcenter {background-color: #ffffff; padding: 5px 10px 10px 10px;}

/*******************************************************************************************************************************************************/
/************** events styles **************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.eventsMonthCommencing {
	height: 35px;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 13px;
	border: 1px solid #444444;
}

h3.eventTitle { margin-bottom: 5px; }