/* Copyright (c) 2005-2007 Smart Media Limited. All Rights Reserved */

/* ======== Set defaults for the body ======== */

#page 
{
 padding: 0;
 margin: 0 auto;
 margin-top:6px; /* to bring the main content away from browser border */
 width: 876px;
 text-align: left;
 background-color: #fff; 

}

body
{
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 62.5%;
	font-family: Arial, helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	
	
}

form
{
	margin: 0;
}

p
{
	margin: 0 0 2em 0;
}


/* ======== Setup layout containers ======== */





/* Hide divs used on printable version of page only */
#sentenceprinth, #sentenceprintf
{
	display: none;
}

/* Set margins on all of the main containers */
#header, #middlecontainer, #bottomcontainer, #footer
{
	margin: 0;
}
/* Set minimum and dynamic widths on the main containers */
/* JF: #header did have min-width  of 748 but I think this is not used, so set as 758 also */
#header,  #middlecontainer, #bottomcontainer, #footer
{
	xmin-width: 758px;
	width: 876px;
	xwidth: expression(document.body.clientWidth < 780? "758px": "100%" );
	xbackground-color: #fff;
}

/* JF: #toplinkblack not actually referenced in any templates, so removed from this item */
#bottom, #copyright, #middle 
{
	margin: 0;
	background-color: #fff; /* use F5F2E3 for home page */
}

/* Perform clears after certain containers */
#bottomcontainer, #footer, #middlecontainer
{
	clear: both;
			
}

#bottomcontainer
{

}

#footer
{
	padding-top: 10px;
	margin-top:2px;
	xborder-top: 2px solid #CDC78D;
	margin-right:0;
	
}


/* ======== Styles for items in #header ======== */

/* Main divs in #header */
#header
{

}
#headerL
{
}
#headerM
{
}
#headerR
{
}

/* Components of #headerL div */
#headerL img
{
	margin-left: 10px;
}

/* Components of #headerR div */
#headerR #date
{
	font-size: .9em;
	margin-left: 6px;
}

/* Components of #headerR div */
#headerR 
{
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
}



/* Used under the top navigation list, so that next element appears in corect positioning (the next elements are different
   depending on if on homepage or not, so added to class rather than a specific id) */
.aftertopnav
{
	clear: both;
}

#youarehere
{
	font-size: 1.3 em;
	padding: 6px 0;
}
#youarehere ul
{
	margin: 0;
	padding: 0;
	display: inline;
}
#youarehere ul li
{
	display: inline;
	padding-left: 12px;
	padding-right: 4px;
}
#youarehere span
{
	display: block;
	xfloat: right;
	margin: 0;
	font-size: .9em;
	margin-left: 10px;
	margin-right: 5px;
}
#youarehere span strong
{
	font-size: 1.1em;
	font-weight: normal;
}
#youarehere span strong a
{
	padding-left: 6px;
	padding-right: 6px;
}
#youarehere #icons
{
	xfloat: right;
	font-size: .8em;
}
#youarehere #icons img
{
	margin:0 15px;
}


#youarehere { border: 0px }
#youarehere ul li { background: url(../images/gw/defaulthome.gif) no-repeat 2px 6px;}
#youarehere ul li.firstli {  }
#youarehere ul li a:link, #youarehere ul li a:visited { color: #7a7a7a; text-decoration : none; }
#youarehere ul li a:hover, #youarehere ul li a:active { color: #7a7a7a; text-decoration : underline; }
#youarehere ul li a:active{ color: #7a7a7a; text-decoration : none; }
#youarehere span { color: #000; }
#youarehere span a:link, #youarehere span a:visited, #youarehere span a:hover, #youarehere span a:active
{
	color: #000;
	text-decoration: none;
}


/* ======== Styles for items in #midcontainer ======== */

#middle
{
	xmargin-top: 2px;
	margin-top: -4px;  */070304 to bring griffin lower this needs to be -4 not +2  */
}

#leftcolumn, #rightcolumn
{
	xwidth: 180px;
	float: left;
	
}



/*****  Left-hand menu style navigation ****/
#navcontainer
{
	margin: 0;
	float: left;
	
}

#navcontainer div
{
	font-size: 1.2em;
	color: #000;
	xxborder: 2px solid #fff;
	padding: 2px;
	margin: 0;
	margin-left: 21px;
	background-color: #fff;
	border: 1px solid #CDC78D;
}


#middle #navcontainer #navlist
{
	background: #ebebc7;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 0.8em; /*070111 */
	width: 176px;
	
}
#middle #navcontainer #navlist ul
{
	margin: 0;
	padding: 0;
}

#middle #navcontainer #navlist li
{
	list-style: none;
	xdisplay: none; /* Hide first level of navigation */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#middle #navcontainer #navlist li a
{
	text-decoration: none;
        color: #000;
	xtext-transform: uppercase;
	margin: 0;
	padding: 0;
}

#middle #navcontainer #navlist li.navparent,
#middle #navcontainer #navlist li.navsel,
#middle #navcontainer #navlist li.navparent ul li,
#middle #navcontainer #navlist li.navsel ul li
{
	display: list-item; /* Show levels of navigation beyond the first level */
}


/* First Level of left hand style navigation */
#middle #navcontainer #navlist li a
{
	margin: 0;
	display: block;
	padding: 2px;
	padding-bottom: 0;
	font-weight: bold;
	color:#ebebc7;
}


/* Second Level of left hand style navigation */

#middle #navcontainer #navlist  
{
	padding-top: 2px;
	xborder: 0px solid #7a7a7a;
}
#middle #navcontainer #navlist li ul
{
	padding-top: 0;
	line-height:1.0em; /*affects the second level, not top level */
}

#middle #navcontainer #navlist li
{
	margin: 0 4px;
	padding: 0;
}
#middle #navcontainer #navlist li a  
{
	/* top level nav */
	margin: 0;
	padding: 5px;
	padding-left: 10px;
	padding-right: 8px;
	font-weight: bold;
	xletter-spacing:0.1em;
	font-size:1.0em;
	color: #004500;
	border: 1px solid #fff;
}

#middle #navcontainer #navlist li.navsel
{
	/* this sets the border on selected block */
	border: 1px solid #CDC78D;
	xmargin-bottom: 0.8em; /*070113 this fixed the gap underneath the selected top level item */
}  
	
#middle #navcontainer #navlist li.navparent
{
	/* this keeps border on the chosen section when moving deeper */
	border: 1px solid #CDC78D;
}  

#middle #navcontainer #navlist li ul li.navsel,
#middle #navcontainer #navlist li ul li.navparent,
#middle #navcontainer #navlist li ul li ul li.navsel,
#middle #navcontainer #navlist li ul li ul li.navparent,
{
	/* for deeper sections don't show the side border */
	border: none;
}

#middle #navcontainer #navlist li.navparent ul li.navsel ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a
{
	/* for deeper sections, don't put the border on the link */
	border: none;
}  


#middle #navcontainer #navlist li.navsel a
{
	/* e.g. BEERS, INVESTORS when selected */
	font-weight: bold;
	background: #004500;
	color:#fff;
	xbackground: #F6F6E7;
	xcolor: #F62700; 
}

#middle #navcontainer #navlist li.navparent a
{
	/* e.g. BEERS, INVESTORS when navigated deeper in that section F62700 004500 */
	font-weight: bold;
	background: #004500; 
	color: #fff; 
}

/* Third Level of left hand style navigation */
#middle #navcontainer #navlist li ul li
{
	/* e.g Our brands, History */
	margin: 0;  
}


#middle #navcontainer #navlist li.navsel ul li a
{
	/* e.g. Items under BEERS, when BEERS is selected */
	padding-left: 22px;
	color: #000; 
	font-weight: normal; 
	background: #fff url(../images/fst/red_arrow.gif) no-repeat 12px 0.65em;
	margin:0;
} 


#middle #navcontainer #navlist li.navparent ul li a  
{
	/* second level list, e.g. when tours & Shops is selected */
	padding-left: 22px;
	color: #000;
	font-weight: normal;
	background: #fff url(../images/fst/red_arrow.gif) no-repeat 12px .65em;
}


/* test */
#middle #navcontainer #navlist 
{
  xmargin-top: -16px;
  padding-bottom: 8px;
}

#middle #navcontainer #navlist li
{
  margin-top: 8px;
}

/* End test */

*html body #middle #navcontainer #navlist
{
	/* For IE, take off the space at the bottom of the menu */
	xmargin-bottom: -8px;
}

*html body #middle #navcontainer #navlist li ul li ul li
{
	/* For IE, take off the space created after some list items */
	xmargin-bottom: -14px;
}

*html body #middle #navcontainer #navlist li ul li.navparent ul li.navsel
{
	/* For IE, take off the space created after some list items (dependant on if border set or not) */
	xmargin-bottom: -14px;
}

*html body #middle #navcontainer #navlist li ul li.navsel,
*html body #middle #navcontainer #navlist li ul li.navparent
{
	xmargin-bottom: 0px;
}

#middle #navcontainer #navlist li ul li
{
	background-color: #ebebc7;
}

#middle #navcontainer #navlist li.navsel,
#middle #navcontainer #navlist li.navparent
{
	background-color: #fff;
}


#middle #navcontainer #navlist li.navparent ul li.navsel ul li a 
{
	/* eg. ESB when not selected*/
	background: #F6F6E7 url(../images/bullits/blackdiamond.gif) no-repeat 22px .85em; 
	color: #000;
	font-weight: normal;
}


#middle #navcontainer #navlist li.navparent ul li.navparent ul li a 
{
	/* e.g. esb when items under ESB selected */
	background: #F6F6E7 url(../images/bullits/blackdiamond.gif) no-repeat 22px .85em;
	color: #000;
	font-weight: normal;
}

#middle #navcontainer #navlist li.navparent ul li.navsel a  
{ 
	/* when times & costs is selected under tours&shows */
	/* e.g. history when selected */
	background: #F6F6E7 url(../images/fst/red_arrow.gif) no-repeat 12px 0.65em; 
	color: #F62700; 
	margin-bottom:0px;
	font-weight:bold;
	padding-top:4px; /*070111 */
	padding-bottom:4px; /*070111 */

	/* Add top+bottom border to selected link */
	border-top: 1px solid #CDC78D;
	border-bottom: 1px solid #CDC78D;
	border-left: none;
	border-right: none;
} 

#middle #navcontainer #navlist li.navparent ul li.navparent a
{
	/* when e.g.ESB is selected then Our brands gets this definition */
	xbackground: #F6F6E7 url(../images/bullits/red2arrows.gif) no-repeat 12px .85em;
	xfont-weight: normal; 
	xcolor: #000; 
	background-color: #F6F6E7;
} 

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel a 
{
	/* eg. ESB when SELECTED*/
	xbackground: #F6F6E7 url(../images/bullits/reddiamond.gif) no-repeat 22px .85em;
	background-color: #f4f4f4;
	font-weight: bold;
	color: #F62700;
	padding-bottom:5px;
 	padding-top:5px;
	xmargin-bottom: -15px; /* added by JoLe 070102 needed as otherwise ESB when selected shrinks*/
   
	/* Add top+bottom border to selected link */
	border-top: 1px solid #CDC78D;
	border-bottom: 1px solid #CDC78D;
	border-left: none;
	border-right: none;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent a 
{
	/* 070113 lower down from ESB is selecgted */
	font-weight: bold;
	color: #000;
	background: #f4f4f4 url(../images/bullits/blackdiamond.gif) no-repeat 22px .65em;
}

/* Fourth Level of left hand style navigation */

#middle #navcontainer #navlist li.navparent ul li.navsel ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li a
{
	padding-left:36px;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a 
{
	font-weight: normal;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a
{
	font-weight: normal;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li.navsel a,
{
	/* ESB tasting notes */
	background: #f4f4f4 url(../images/bullits/redsquare.gif) no-repeat 36px .85em; 
	font-weight: normal;
	padding-left: 44px;
	color: #F62700;
	margin-bottom: 0px;

	/* Add top+bottom border to selected link */
	border-top: 1px solid #CDC78D;
	border-bottom: 1px solid #CDC78D;
	border-left: none;
	border-right: none;
}


#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a
{
	/* ESB tasting notes when ESB is selected */
	background: #f4f4f4 url(../images/bullits/redsquare.gif) no-repeat 36px .85em;
	color: #000;
	margin: 0;
	padding-left: 44px; 
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a
{
	/* ESB tasting notes when ESB tasting notes is selected */
	background: #f4f4f4 url(../images/bullits/redsquare.gif) no-repeat 36px .85em;
  	color: #000;
	margin: 0 ;
	padding-left: 44px;
	xfont-size: .9em;
}


/* mouse over effect */
#middle #navcontainer #navlist li a:hover 
{
	xbackground-color: #fff; 	
	background-color: #004500;
	color: #fff;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a:hover,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li.navsel a:hover,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a:hover
{
	background-color: #fff;
	xborder:1px solid #004500; /* on chosen level, try green bg white bold text and on mouseover */
}

#middle #navcontainer #navlist li ul li.navsel ul li a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li.navsel a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li.navparent a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li a:hover
{
	background-color: #fff;
	xborder:1px solid #004500;
}

#middle #navcontainer #navlist li ul li.navsel a:hover,
#middle #navcontainer #navlist li ul li.navparent a:hover,
#middle #navcontainer #navlist li ul li a:hover
{
	background-color: #fff;
	xborder:1px solid #004500;
	color: #000;
}
#middle #navcontainer #navlist li ul li.navsel a:hover
{
	color: #F62700; /* Hover colour for red, selected sections */
}


/* Content */
#middle #content
{
		margin: 0;
	padding: 0;
	padding-top: 4px;
	xfloat: right;
	width: 980px;

	font-size: 1.2em; line-height: 1.4em;

}
#middle #content #elements
{
 	margin-top: 4px;
 	padding-top: 0px; /* 060703 JoLe */
 	font-size: 1.0em; line-height: 1.5em;
 	font-family:"Verdana";
 	
 	padding-right:20px;
}

 
/* Class added to turn off margin and background image for #elements */
#middle #content #elements.nogapunderheading
{
	margin-top: 0;
	padding-top: 0;
	background-image: none;
}


#content #rightcolumn
{
	font-size: 1em; line-height: 1.2em;
	float:right;
}


#content a:link { color: #FF0012; text-decoration: none; border-bottom:1px dashed #ff0012; }
#content a:visited { color: #004500; text-decoration: none; border-bottom:1px dashed #004500; }
#content a:hover { background: #EBEBC7; border-bottom:2px solid #ccc; }
#content a:active { color: #F62700; }

/* JF: #content #second and #third, are these used? */
#content #elements #second
{
	font-size: 1em; line-height: 1em;
	width:180px;
	float:right;
	}


#content #third
{
	xfont-size: .9em; line-height: .9em;
}



#content h1
{
	font-size: 1.4em; 
	font-weight:normal; 
	margin: 0; 
	letter-spacing: .4em; 
	line-height:1.4em;
	padding: 0px 0px;
	background: #F5F2E3; 
	padding-top:2px;
	padding-bottom:2px;
	color: #004500;
	xborder-right:2px solid #004500;
	font-family: Verdana;
	margin-bottom:12px;
	text-transform: uppercase;
	xborder-bottom:1px dashed #CDC78D;

 	margin-right:20px;
}

#content h2
{
	font-size: 1.1em;  
	font-weight: bold; 
	margin: 0;
	padding-bottom:4px;
	xcolor: #000;
	color: #004500;
	}
	
#content h3
{
	font-size: 1em;  
	font-weight: bold; 
	margin: 0 0 0.3em 0;
	color: #c62a35;
}



/* images should be also in std definition */
.imagerightcaptioned, .imageleftcaptioned, .imagerightcaptioned a, .imageleftcaptioned a
{
  color:#004500;
}

.imagerightcaptioned, .imageleftcaptioned
{
  font-size: 0.85em;
 }

.imagerightcaptioned, .imageright
{
  margin-left:6px;
  border:1px solid #CDC78D;
  padding:2px;
}
.imageleftcaptioned, .imageleft
{
  margin-right:8px;
    border:1px solid #CDC78D;
  padding:2px;
}

/* recent news */

#newsbanner
{text-align:center;
}
#entersite
{
position:relative;
	margin-top:440px;
}
#recentnews
{
	font-family: verdana;
	xbackground: #53a5b3 url(../images/gw/columnbg.gif) no-repeat 0 0;
	color: #000;
	padding: 0px 12px;
	margin-top:0px;
	font-size: .85em;
	height:60px; /* this needs to be a bit taller once top is aligned with lhs */
	width:800px;
	position:relative;
	margin-top:20px;
}

#recentnews p
{
	display: inline;
}

#recentnews h2
{
	margin: 0;
	font-size: 1.2em;
	padding-bottom: 0px;
	padding-top:1em;
}

#recentnews h3
{
	margin: 0;
	font-size: 1.2em;
	font-family:Arial;
	margin-bottom: 6px;
	margin-top: 12px;
	text-indent: 16px;
	xbackground: url(../images/bullits/black2arrows.gif) no-repeat 0 .4em;
}


#content #recentnews h3 a 
{
	text-decoration: none;
	color:#fff; /*was 004500 */
	padding-right:12px;
	border:none;
}

#recentnews a
{
	color: #000;
}

#recentnews a:hover
{
	font-weight: bold;
}

/* ======== Styles for items in bottomcontainer ======== */

#bottom
{
	font-size: 1.3em;
}
#bottom
{
	padding-right:16px;
	text-align: right;
	margin-bottom: 8px;
}


/* ======== Styles for items in footer ======== */

#footer
{
	font-size: 1.1em;
	padding-top: 4px;
	padding-bottom: 2px;
	xborder-top:1px solid #ff0;
	text-align: center;
	}
#footer a:link, #footer a:visited
{
text-decoration:none;
color:#000;
}	

/* JF: Where is the edit class used? */
.edit
{
	font-size: 1.2em;
}


/* ======== General utility style for content objects ======== */

.smwsdatatable
{
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}
.smwsdatatable th
{
  text-align: left;
}
.smwsdatatable th, .smwsdatatable td
{
  padding-left: 0;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom: 5px;
  vertical-align: top;
}

/* JF: Is normalsubheading used from anywhere? */
.normalsubheading
{
	font-weight: bold;
}

/* ======== Form Styles ======== */
.smfcform fieldset
{
  margin: 0px;
  padding: 6px;
}
.smfcform, .smftform
{
  margin: 0px;
}
.smfcform table
{
  font-size: 0.9em;
}
.smfcform table table
{
  font-size: 1.0em;
  border: 0px;
}
.smfcform table td table td
{
  padding: 1px 3px 1px 3px;
}
.smfcform label, .smftform label
{
  font-weight: bold;
}
.smftform dl, .smftform dd
{
  margin: 0;
}
.smftform input, .smftform textarea
{
  width: 350px;
}
.smfcformmandatory, .smftformmandatory
{
  color: #d00;
}
.smfcformmandatory input, .smfcformmandatory textarea, .smfcformmandatory select,
.smftformmandatory input, .smftformmandatory textarea, .smftformmandatory select
{
  background-color: #fee;
}


/* ======== Specific styles for vacancies ======== */
.wsjobvacanciesdetaillist dt
{
	font-weight: bold;
}
.wsjobvacanciesdetaillist dd
{
	margin-left: 3em;
}

/* ====================== FAQ ========================= */


#content #elements .faq_dl a
{
border:none;
background-color:#fff;
color:#ff0012;
border-bottom: 1px solid #ff0012;
}

#content #elements .faq_dl dt
{
font-weight:bold;
padding-left: 20px;
padding-top: 0.4em;
background: no-repeat url(../images/bullits/q.gif) 0.2em 0.7em; 

}
#content #elements .faq_dl dd
{
margin-top: 0.4em;
padding-bottom: 1px;
padding-left: 22px;
background: no-repeat url(../images/bullits/a.gif) 0.5em 0.3em; 
background-color:#F5F2E3;
}


}


/* ======== Specific styles for Press Release Listing page ======== */

/* Settings for left and right columns on the press release page(s) */
#right_press
{
	float: right;
	width: auto;  /* was 200px */
}
#left_press
{
	xmargin-right: auto;   /* width of #right_press plus a gap - was 210px*/
}

/* Styling for the list of press releases */
#pressreleaselist, .pressreleasesearchresults
{
	margin: 0;
	padding: 0;
}

#pressreleaselist dd, #pressreleaselist dt, .pressreleasesearchresults dd, .pressreleasesearchresults dt
{
	margin: 0;
	padding: 0 0 0 14px;
}

#pressreleaselist dd, .pressreleasesearchresults dd
{
	color: #5a5a5a;
	font-size: .9em;
	padding-bottom: 10px;
}
#pressreleaselist dt, .pressreleasesearchresults dt
{
	background: #fff url(../images/bullits/red2arrows.gif) no-repeat 0 .55em;
}
#content #pressreleaselist dt a, .pressreleasesearchresults dt a
{
	text-decoration: none;
	font-weight: bold;
	color:#004500;
	border:none;
}
#pressreleaselist dt a:hover, .pressreleasesearchresults dt a:hover
{
	text-decoration: underline;
	background:none;
}

/* Links to archived/back to index */
a#archived, a#back_releases, a#back_archieved_index, a#back_index
{
	display: block;
	padding: 0px 4px;
	text-align: lef;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #f4f4f4;
	background-color: #f4f4f4;
	font-size: .9em;
	color: #5a5a5a;
	xwidth: 15em;
}
a#back_releases
{
	width: 38em;
}
a#back_index
{
	xwidth: 337em;
}
a#archived:hover, a#back_releases:hover, a#back_archieved_index:hover, a#back_index:hover
{
	font-weight: bold;
}


/* ======== Specific styles for Press Release details page ======== */

#left_press #left_right
{
	float: right;
	margin-left: 10px;
}
#left_press #left_left .normalpre, #left_press #left_left p
{
	xmargin-top: 20px;
	margin:0;
}
p#date_release, .reldate
{
	color: #5a5a5a;
	font-size: .9em;
	padding-top: 10px;
	text-align: left;
	padding: 0;
	margin: 0;
}
#left_press #left_right #fileattachedcontainer
{
	text-align: right;
}
#left_press #left_right #fileattached
{
	background-color: #f4f4f4;
	border: 1px solid #7a7a7a;
	width: 14em;
	margin: 0 auto;
	text-align: left;
}
#left_press #left_right #fileattached h4
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: center;
	border-bottom: 1px solid #7a7a7a;
	color: #3a3a3a;
}
#left_press #left_right #fileattached p.linkpara
{
	text-align: center;
}
#left_press #left_right #fileattached a
{
	text-decoration: none;
}
#left_press #left_right #fileattached a:hover
{
	text-decoration: underline;
}
#left_press #left_right #fileattached ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#left_press #left_right #fileattached li
{
	margin: 0;
	padding: 2px 4px;
}


#pressreleaseinfolist
{
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}
#pressreleaseinfolist dd
{
	margin: 0;
	padding: 0;
	padding-left: 4em;
}
#pressreleaseinfolist dt
{
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 4px;
}
#pressreleaseinfolist dd ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}




/* ======== Specific Styles for use with Events ======== */
/* JF: These values are set for the press releases, are these different on the events page? They are set to different values but what are the effects? Answer: almost nothing, so removed to leave same as press release setting. */
/* JF: The values on the events stylesheet use em, so scale when enlarging font. Those for the press releases are fixed, and don't grow. Which is best? */
#right_events
{
	float: right;
	width: 14em;
}
#left_events
{
	margin-right: 15em;
	font-size: .9em;
}
ul.eventssearchresults, ul.eventssearchresults ul
{
	margin: 0;
	margin-bottom: 40px;
	padding: 0;
	list-style: none;	
}
ul.eventssearchresults ul
{
	margin: 16px 0;
}
* html body ul.eventssearchresults ul
{
	margin: 0;
}
ul.eventssearchresults ul li
{
	padding-left: 14px;
}
ul.eventssearchresults ul li.eventdates
{
	color: #5a5a5a;
	font-size: .9em;
}
ul.eventssearchresults ul li.eventname
{
	background: #fff url(../images/bullits/red2arrows.gif) no-repeat 0 .55em;	
}
ul.eventssearchresults ul li.eventname a
{
	text-decoration: none;
	font-weight: bold;
}
ul.eventssearchresults ul li.eventname a:hover
{
	text-decoration: underline;
}
ul.eventssearchresults ul li.description
{
	margin-top: 6px;
}
ul.eventssearchresults ul li.location
{
	margin-top: 6px;
	color: #3a90a1;
	font-weight: bold;
	font-size: .9em;
	font-style: italic;
}
#searchevents, #searchpress
{
	border: 1px solid #c62a35;
	padding: 8px;
}
#searchevents h3
{
	margin: 0;
}
#searchpress h3
{
	margin: 0 0 4px 0;
}

#searchevents dl, #searchpress dl
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: .9em;
}
#searchevents dl dd, #searchpress dl dd
{
	margin: 0;
}
#searchevents dl dd input, #searchpress dl dd input
{
	font-size: .9em;
}
/* JF: Added #searchevents to the beginning to stop clash with #submit on homepage */
#searchevents #submit, #searchpress #submit
{
	border: 1px outset #c62a35;
	background-color: #fff;
	width: 5em;
}
#searchevents #submit
{
	margin-left: 8em;
}

#right_events a
{
	background-color: #c62a35;
	color: #fff;
	display: block;
	margin-top: 8px;
	text-decoration: none;
	padding: 2px 4px;
	text-transform: uppercase;
	font-weight: normal;
}
#right_events a:hover
{
	text-decoration: underline;
}

#eventslist
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#eventslist li
{
	color: #5a5a5a;
	margin: 0;
	padding: 0 0 10px 14px;
	background: #fff url(../images/bullits/red2arrows.gif) no-repeat 0 .55em;
}
#eventslist li a
{
	text-decoration: none;
	font-weight: bold;
}
#eventslist li a:hover
{
	text-decoration: underline;
}

#popupcalendar
{
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  font-family: arial;
  background-color: #fff;
  border: 1px solid #c62a35;
  font-size: 1em;
  padding: 2px;
}
#popupcalendar table
{
  font-size: 1em;
  border-collapse: collapse;
}
#popupcalendar td
{
  text-align: center;
  width: 1.7em;
  height: 1.6em;
  padding: 0;
}
#popupcalendar th
{
  padding: 1px;
  font-weight: normal;
}
#popupcalendar tbody td a
{
  text-decoration: none;
  font-weight: bold;
  padding: 2px;
  width: 1.7em;
  color: #000;
}
#popupcalendar tbody td a:hover
{
  background-color: #c62a35;
  color: #fff;
}
#popupcalendar tfoot td a
{
  text-decoration: none;
}
#popupcalendar .seldate
{
  background-color: #c62a35;
}
#popupcalendar .seldate a
{
  color: #fff;
}
#popupcalendar .pastdate 
{
  color: #999;
}
#popupcalendar .pastdate a
{
  color: #999;
  font-weight: normal;
}
#popupcalendar thead a:hover
{
	font-weight: bold;
}
#popupcalendar tfoot a:hover
{
	text-decoration: underline;
}


/* ======== Specific styles to use on Event Details screen ======== */

#left_events #left_right
{
	float: right;
	width: 14em;
}
#left_events #left_left
{
	margin-top: 20px;
	margin-right: 15em;
}
#left_events #left_right p.eventdate
{
	color: #5a5a5a;
	font-size: .9em;
	padding-top: 10px;
	text-align: right;
	padding: 0;
	margin: 0;
}
#left_events #left_right #datescontainer, #left_events #left_right #locationcontainer, #left_events #left_right #chargecontainer
{
	text-align: center;
}
#left_events #left_right #datescontainer h4, #left_events #left_right #locationcontainer h4, #left_events #left_right #chargecontainer h4
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: center;
	background-color: #f4f4f4;
	border: 1px solid #7a7a7a;
	color: #3a3a3a;
}
#left_events #left_right dl#dates, #left_events #left_right dl#location, #left_events #left_right dl#charge
{
	background-color: #f4f4f4;
	border: 1px solid #7a7a7a;
	border-top: 0;
	margin: 0 auto;
	padding: 4px;
	text-align: left;
	margin-bottom: 10px;
}
#left_events #left_right dl#dates dt, #left_events #left_right dl#location dt, #left_events #left_right dl#charge dt
{
	color: #c62a35;
	font-weight: bold;
}
#left_events #left_right dl#location dt.location_name, #left_events #left_right dl#charge dt.charge
{
	display: none;
}
#left_events #left_right dl#dates dd, #left_events #left_right dl#location dd, #left_events #left_right dl#charge dd
{
	margin: 0;
	padding: 0;
	padding-left: 2em;
}
#left_events #left_right dl#location dd.location_name
{
	color: #3a90a1;
	font-weight: bold;
	text-align: center;
	padding: 0;
	border: 1px solid #7a7a7a;
	border-left: 0;
	border-right: 0;
	padding: 0 4px;
	margin: -4px;
	margin-bottom: 4px;
}
#left_events #left_left h4
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-align: center;
	background-color: #f4f4f4;
	color: #3a3a3a;
}
#left_events #left_left ul
{
	margin: 12px 0;
	padding: 0;
	list-style: none;
}



/* ======== Specific styles used with Forums ======== */

#elements h2.smft
{
	display: none;
}
#elements p.smftnormalattention
{
	margin-top: 8px;
	color: #c62a35;
	font-weight: bold;
}
#elements p.smftnewthread, #elements p.smftnewreply
{
	background-color: #c62a35;
	margin-top: 8px;
	padding: 2px 4px;
	width: 13em;
}
#elements p.smftnewreply
{
	width: 14em;
}
#elements p.smftnewthread a, #elements p.smftnewreply a
{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#elements p.smftnewthread a:hover, #elements p.smftnewreply a:hover
{
	text-decoration: underline;
}
#smftmodnotesandsearch
{
	float: right;
	width: 18em;
	font-size: .9em;
}
#smftmodnotesandsearch p.smftmoderatornotes
{
	border: 1px solid #7a7a7a;
	padding: 4px;
	background-color: #f4f4f4;
	margin: 0;
	margin-bottom: 10px;
}
#smftmodnotesandsearch form
{
	background-color: #c62a35;
	padding: 1px;
}
#smftmodnotesandsearch form h3
{
	color: #fff;
	margin: 0;
}
#smftmodnotesandsearch form input
{
	width: 15em;
	font-size: 1em;
	height: 1.3em;
}
* html body #smftmodnotesandsearch form input
{
	height: 1.7em;
}
#smftmodnotesandsearch form input.formbutton
{
	border: 1px solid #c62a35;
	background-color: #fff;
	width: 2em;
	margin-left: .3em;
	height: 1.69em;
}
#elements dl.smftdisclist, #elements dl.smftdisclist dd, #elements dl.smftreplylist, #elements dl.smftreplylist dd, #elements #post dl, #elements #post dd
{
	margin: 0;
	padding: 0;
}
#elements #post dt
{
	float: left;
	width: 10em;
}
#elements #post dt#comments
{
	float: none;
}
#elements #post dd textarea
{
	font-family: arial;
	font-size: 1em;
	width: 24.2em;
}
* html body #elements #post dd textarea
{
	width: 24.7em;
}
.smftformmandatory
{
	color: #c62a35;
	font-weight: bold;
}
#smft_sendbutton, #smft_cancelbutton, #smft_searchbutton
{
	border: 1px outset #c62a35;
	background-color: #fff;
	width: 5em;
	margin-left: .3em;
}
#elements p#no_items
{
	color: #c62a35;
	font-weight: bold;
	margin-top: 10px;
}
#elements dl.smftdisclist, #elements dl.smftreplylist
{
	margin: 8px 0;
	margin-right: 250px;
}
#elements dl.smftdisclist dd, #elements dl.smftdisclist dt, #elements dl.smftreplylist dd, #elements dl.smftreplylist dt
{
	padding-left: 20px;
}
#elements dl.smftdisclist dd, #elements dl.smftreplylist dd
{
	border-bottom: 1px dashed #7a7a7a;
	font-size: .8em;
}
#elements dl.smftdisclist dd p.smftpostbody, #elements dl.smftreplylist dd p.smftpostbody
{
	font-size: 1.1em;
	margin: 0 0 4px 0;
}
#elements dl.smftdisclist dt
{
	background: #fff url(../images/bullits/reddiamond.gif) no-repeat 6px .45em;
	color: #c62a35;
}
#elements dl.smftdisclist dt a
{
	text-decoration: none;
}
#elements dl.smftdisclist dt a:hover
{
	text-decoration: underline;
}
#topic
{
	color: #c62a35;
	font-weight: bold;
}

#elements dl.smftreplylist dd
{
	font-size: .8em;
} 
#elements dl.smftreplylist dt
{
	font-size: .8em;
	background: #fff url(../images/bullits/blackdiamond.gif) no-repeat 6px .5em;
}	

/* ======================== From rmap.css (used in r_sitemap.htm) ========================== */

/* JF: Setting #navcontainer and #navlist to not be displayed isn't efficient, so removed them from the template instead of hiding here */
/* JF: #middle #content setting already defined. Commented out to see effect */
x #middle #content
{
	margin-left: 2px;
}
/* JF: #left and #right redifined, but this only modifies the top and bottom margin. Best to do another way.
x #left
{

	float: left;
	width: 140px;
	margin-top: 20px;
}
x #right
{
	float: right;
	width: 140px;
	margin-top: 20px;
}
#mapcontainer
{
	text-align: center;
	margin-left: 145px;    /* width of #left plus a gap */
	margin-right: 145px;   /* width of #right plus a gap */
}
#mapcontainer #mapcontainer2
{
	width: 450px;
	margin: 0 auto;
}

#mapcontainer #mapcontainer2 { background: #7a7a7a url(../images/hp/cornertl.gif) no-repeat 0 0; }
#mapcontainer #mapcontainer2 div { background: url(../images/hp/cornerbl.gif) no-repeat 0 100%; } 
#mapcontainer #mapcontainer2 div div { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%; }
#mapcontainer #mapcontainer2 div div div { background: url(../images/hp/cornertr.gif) no-repeat 100% 0; padding: 4px; }

#map, #map ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#map
{
	text-align: left;
	background: #f4f4f4;
	padding-bottom: .05em;
}
#map li  { border-bottom: 1px solid #7a7a7a; border-top: none; }
#map ul li  { border-top: 1px solid #7a7a7a; border-bottom: none; }


/* First Level */
#map li a
{
  display: block;
  padding: 4px;
}
/****************/

/* Second Level */
#map li ul li ul
{
	padding-top: 0;
}
#map li ul li
{
	margin: 0;
}
#map li ul li a
{
  padding-left: 36px;
  padding-right: 8px;
  font-weight: normal;
}
* html body #map li ul li
{
	margin-bottom: -16px
}
/***************/

/* Third Level */
#map li ul li ul li
{
 margin: 0;
}
#map li ul li ul li a
{
  padding-left: 60px;
  font-weight: normal;
}
* html body #map li ul li ul li
{
  margin-bottom: -16px;
}
/***************/

/* Fourth Level */
#map li ul li ul li ul li a
{
  padding-left: 82px;
}
/**************/

/* Fifth Level */
#map li ul li ul li ul li ul li a
{
  margin: 0 ;
  padding-left: 114px;
  font-size: .9em;
}
/**************/
#map li a { text-decoration: none; font-weight: bold; color: #c62a35; }
#map li ul li a { color: #4a4a4a; }
#map li ul li a { background: #f4f4f4 url(../images/bullits/bluearrow.gif) no-repeat 10px .55em; }
#map li ul li ul li a { background: #f4f4f4 url(../images/bullits/red2arrows.gif) no-repeat 40px .85em; }
#map li ul li ul li ul li a {  background: #f4f4f4 url(../images/bullits/reddiamond.gif) no-repeat 62px .85em; }
#map li ul li ul li ul li ul li a { background: #f4f4f4 url(../images/bullits/redsquare.gif) no-repeat 94px .85em; }
#map li a:hover { background-color: #fff; }

/* ====================== From registration.css (used in r_registration.htm) ==================== */

/* JF: Setting #navcontainer and #navlist to not be displayed isn't efficient, so removed them from the template instead of hiding here */
/* JF: #middle #content setting already defined. Commented out to see effect */
x #middle #content
{
	margin-left: 2px;
}
x #left
{

	float: left;
	width: 140px;
	margin-top: 20px;
}
x #right
{
	float: right;
	width: 140px;
	margin-top: 20px;
}
#regcontainer
{
	text-align: center;
	margin-left: 145px;    /* width of #left plus a gap */
	margin-right: 145px;   /* width of #right plus a gap */
}
#regcontainer #regcontainer2
{
	width: 450px;
	margin: 0 auto;
	text-align: left;
}

#regcontainer #regcontainer2 h2 { background: #c62a35 url(../images/hp/cornertl.gif) no-repeat 0 0; }
#regcontainer #regcontainer2  { background: #7a7a7a url(../images/hp/cornerbl.gif) no-repeat 0 100%; } 
#regcontainer #regcontainer2 div { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%; }
#regcontainer #regcontainer2 h2 div { background: url(../images/hp/cornertr.gif) no-repeat 100% 0; padding: 4px; }

#regcontainer #regcontainer2 h2
{
	margin: 0;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
}
#regcontainer #regcontainer2 table, #regcontainer #regcontainer2 p
{
	color: #e4e4e4;
	font-size: 1em;
}
#regcontainer #regcontainer2 table td
{
	padding: 4px 12px;
}
#regcontainer #regcontainer2 p
{
	margin: 0;
	padding-top: 4px;
	padding-bottom: 12px;
	text-align: center;
	font-style: italic;
}
/* JF: Removed 'p' from this so that it takes effect without having to use the .mandatory higher level class defined below */
#regcontainer #regcontainer2 .mandatory
{
	color: #fff;
	font-weight: bold;
	font-style: normal;
}

/* JF: Eliminated .mandatory, so removed */
/* JF: Added #regcontainer #regcontainer2 to beginning of .small declaration, so that setting is not so global */
#regcontainer #regcontainer2 .small
{
	font-size: .9em;
	font-style: italic;
}
input#register
{
	background-color: #fff;
	color: #c62a35;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
	margin-right: 14px;
	margin-top: 6px;
	width: 6em;
	padding: 2px;
	font-size: 1.1em;
	border: 1px outset #848484;
}

/* ======================== From raccomodation.css (used in r_accomdation.htm) ======================= */

#searchaccommodation
{
	text-align: center;
}
#searchaccommodation dl
{
	text-align: left;
	margin: 10px auto;
	width: 36em;
	padding: 1em;
	font-size: .9em;
	border: 1px solid #c62a35;
}
* html body #searchaccommodation dl
{
	width: 38.3em;
}
#searchaccommodation dt
{
	float: left;
	width: 20em;
	height: 2em;
}
#searchaccommodation dd
{
	height: 2em;		/* same height than dt */
	margin-left: 20em;		/* width of dt */
	font-size: 1em;
	width: 15.8em;
	text-align: right;
}
#searchaccommodation dd select, #searchaccommodation dd input
{
	width: 15em;
	font-size: 1em;
	height: 1.5em;
	border: 1px inset #7a7a7a;
}
#searchaccommodation dd#text
{
	text-align: center;
	padding-left: .05em;
}
* html body #searchaccommodation dd#text
{
	padding-left: .1em;
}
#searchaccommodation dd input#searchstr
{
	width: 14.8em;
}
#searchaccommodation #submit
{
	border: 1px outset #c62a35;
	background-color: #fff;
	width: 5em;
}

/* ========================== From raccomodationdetails.css (used in r_accomodationdetails.htm) ======================== */

/* JF: #right and #left already defined in this file (and the same), so removed */

/* Settings for left and right columns on the accommodation details page */
#right_accommodation
{
	float: right;
	width: 200px;
}
#left_accommodation
{
	margin-right: 210px;   /* width of #right_press plus a gap */
	font-size: .9em;
}


/* JF: Removed h1 from template rather than here using css */
/* JF: #content #elements #left already defined in this file, removed */

/* JF: Redefinition of #content #elements #left h2, clashes with existing, commented out for now */
#content #elements #left_accommodation h2
{
	font-size: 1.3em;  font-weight: bold; margin: 0; text-transform: uppercase; letter-spacing: .1em;
	background-color: #eaeaea;
	padding: 6px;
}
#content #elements #left_accommodation h2 img
{
	float: left;
	padding-right: 4px;
	margin-top: -2px;
}

#left_accommodation #left_right
{
	float: right;
	width: 14em;
	margin-top: 20px;
}
#left_accommodation #left_left img
{
	margin-bottom: 20px;
}

#left_accommodation #left_left
{
	margin-top: 20px;
	margin-right: 15em;
}
#left_accommodation #left_right .box
{
	font-size: 1em;
	background-color: #f4f4f4;
	border: 1px solid #7a7a7a;
	margin-bottom: 10px;
	padding: 4px;
}
#left_accommodation #left_right .box h3
{
	padding: 0;
	text-align: center;
	font-size: 1em;
	color: #3a3a3a;
	border-bottom: 1px solid #7a7a7a;
	margin: 0 -4px 6px -4px;
}
#left_accommodation #left_right .box #type
{
	color: #c62a35;
	font-weight: bold;
}
#left_accommodation #left_right .box h3#name
{
	color: #3a90a1;
}
#left_accommodation #left_right .box ul
{
	margin: 4px 8px;
	padding: 0;
}
#left_accommodation #left_right .box ul li
{
	list-style: none;
	padding-left: 10px;
	background: #f4f4f4 url(../images/bullits/reddiamond.gif) no-repeat 0 .6em;
}
#left_accommodation #left_right .box #findus
{
	background-color: #fff;
	margin: 4px;
	border: 1px inset #7a7a7a;
	padding: 0 2px;
}
#left_accommodation #left_right .box #findus h3
{
	border: 0;
	color: #c62a35;
}
#left_accommodation #left_left p
{
	font-size: 1.1em;
}
#left_accommodation #left_left dl
{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
#left_accommodation #left_left dl h3
{
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	font-size: 1em;
	text-align: center;
	background-color: #f4f4f4;
	color: #3a3a3a;
}
#left_accommodation #left_left dl dd
{
	margin: 0;
}
#left_accommodation #left_left dl dd ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#left_accommodation #left_left dl dd ul.compact li
{
	display: inline;
}
#left_accommodation #left_left dl dd ul.bulleted li
{
	padding-left: 10px;
	background: #fff url(../images/bullits/reddiamond.gif) no-repeat 0 .6em;
}