@charset "utf-8";
/* BGIFC styles
   Corporate colours: Blue: #6273F0 , Raspberry: #C40062
   secondary blue: 0099DA ... paler tint: 84C2EB ... even paler: CCE5F7
   secondary greenish blue: 00A8BC ... paler tint: 8CCDDA
   secondary red: EF403C
   secondary green: 0AB14B
   secondary yellow: FCAF16
   secondary purple: A066AA
   secondary grey: A89989
   
 */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #F2F2F2;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
#container {
	width: 780px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	text-align: left;
}
#header {
	background: #DDDDDD;
	padding: 0;
	clear: both;
}
#header h1 {
	margin: 0; 
	padding: 10px 0; 
}
#header #hdrlogo {
	float: left;
	padding: 10px 40px 10px 10px;
}
#header #hdrtitle {
	float: right;
	padding: 25px 10px 10px 0px;
	text-align: right;
}
#header #hdrtitle h1 {
	font-size: 1.2em;
	font-weight: normal;
	color: #6173EF;
}

#navbar {
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom-width: 8px;
	border-bottom-color: #C40062;
	border-bottom-style: solid;
	clear: both;
	background-color: #6273F0;
	height: 1.5em;
	float: left;
}

#container #pageTitle {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 48px;
	width: 100%;
	background-color: #C40062;
}
#container #pageTitle h1 {
	font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0.2em 1em 0.5em 0.5em;
}

/* pageTitles holds both Title & Subtitle used for Home and Friends pages */
#container #pageTitles {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	float: left;
	background-color: #F1DEE7;
	color: #333333;
}
/* PageTitleLeft and Right used for home page */
#container #pageTitleLeft {
	margin: 0px;
	padding: 10px 10px 0px;
	width: 392px; /* =780-364-10-10 less 4px to make sure! */
	float: left;
	color: #333333;
	height: 245px;
}
#container #pageTitleLeft h1 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#container #rightContentHome p {
	font-size: 0.7em;
}
#container #leftContentHome h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	padding: 0.5em 0px;
}
#container #leftContentHome h3 {
	font-size: 0.9em;
	font-weight: bold;
	margin: 1.0em 0px 0.5em;
	padding: 0px;
}

#container #pageTitleLeft p {
	font-size: 0.8em;
	padding: 0px;
	margin: 0.8em 0px 0.3em;
}
#container #pageTitleRight {
	margin: 0px;
	padding: 0px;
	width: 364px; /* width of main image */
	float: right;
}

#container #pageTitleFr {
	margin: 0px;
	padding: 0px;
	height: 54px;
	width: 664px; /* =780-108-4-4 */
	background-color: #C40062;
	float: left;
}
#container #pageTitleFr h1 {
	font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0.4em 1em 0.5em 0.5em;
}
#container #pageSubTitleFr {
	margin: 0px;
	padding: 0px;
	height: 43px;
	width: 664px;
	background-color: #FCAF16;
	float: left;
}
#container #pageSubTitleFr h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0.4em 1em 0.5em 0.5em;
}

#container #logoFr {
	height: 93px;
	width: 108px;
	border-top: 0px solid #C40062;
	border-right: 4px solid #C40062;
	border-bottom: 4px solid #C40062;
	border-left: 4px solid #C40062;
	float: right;
}
/* single coolumn layout */
#container #mainContent {
	padding: 20px 20px 30px 15px;
	background: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
}
/* single coolumn layout for Gallery, with minimal margin & padding */
#container #mainContentGallery {
	padding: 0px;
	background: #FFFFFF;
	margin: 0px;
}


/* two-column home page */
#container #leftContentHome {
	width: 390px;
	padding: 0px 10px 10px;
	background: #FFFFFF;
	margin: 5px 0px 0px;
	float: left;
}

/* two-column pages - sub content on the right */
#container #rightContentHome {
	float: right;
	width: 364px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
/* two-column pages - main content on the left*/
#container #mainContentLeft {
	float: left;
	width: 520px;
	padding: 15px;
	background: #FFFFFF;
	overflow: hidden;
}

/* two-column pages - sub content on the right */
#container #rightContent {
	float: right;
	width: 220px;
	padding: 10px 10px 10px 0;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 0.9em;
}
#container #mainContent li {
	font-size: 0.8em;
}


#container #mainContent h2, 
#container #mainContentLeft h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding: 0.8em 0px 0.4em;
}
#container #mainContent p, 
#container #mainContentLeft p {
	font-size: 0.8em;
	margin: 0px;
	padding: 0.2em 0px 0.5em;
}
#container #mainContent h3, 
#container #mainContentLeft h3 {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding: 0.8em 0em 0.4em;
}
#container #mainContent h4, 
#container #mainContentLeft h4 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
	padding: 0.4em 0em 0.2em;
}

#container #mainContentLeft ol,
#container #mainContentLeft ul {
	font-size: 0.8em;
}
#container #mainContentLeft ol li,
#container #mainContentLeft ul li {
	padding-bottom: 0.2em;
}
#container #mainContentLeft ul li ul {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}
#container #mainContentLeft ul li ul li {
	font-size: 1.0em;
	list-style-type: circle;
	margin-left: 1.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
#container #mainContentLeft h2.friends {
	font-size: 1.4em;
	color: #F5BB00;
	margin: 0px;
	padding: 0.5em;
	text-align: center;
}
#container #mainContentLeft h3.friends {
	font-size: 1.4em;
	color: #6273F0;
	margin: 0px;
	padding: 0.5em;
	text-align: center;
}
#container #mainContentLeft h4.friends {
	font-size: 1.2em;
	color: #C40062;
	margin: 0px;
	padding: 0.5em;
	text-align: center;
}
#container #mainContentLeft p.friends {
	font-size: 1em;
	color: #C40062;
	margin: 0px;
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
}
#container #mainContentGallery iframe {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #ffffff;
}
#container #rightContentHome iframe {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* link:visited:hover:active */
#container #mainContent a:link,
#container #mainContentLeft a:link,
#container #mainContentRight a:link,
#container #rightContent a:link,
#container #leftContentHome a:link {
	color: 6273F0;
	text-decoration: none;
}
#container #mainContent a:visited,
#container #mainContentLeft a:visited,
#container #mainContentRight a:visited,
#container #rightContent a:visited,
#container #leftContentHome a:visited  {
	color: C40062;
	text-decoration: none;
}
#container #mainContent a:hover,
#container #mainContentLeft a:hover,
#container #mainContentRight a:hover,
#container #rightContent a:hover,
#container #leftContentHome a:hover  {
	text-decoration: underline;
}
#container #mainContent a:active,
#container #mainContentLeft a:active,
#container #mainContentRight a:active,
#container #rightContent a:active,
#container #leftContentHome a:active  {
	color: 6273F0;
	text-decoration: underline;
}

#container #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD url(images/footer-tile2.gif) repeat-x left top;
	margin-top: 1em;
	height: 76px;
	font-size: 0.70em;
	clear: both;
}
#container #footer #pageInfo {
	width: 60%;
	float: left;
}
#container #footer #pageUpdated {
	width: 40%;
	float: right;
	padding: 0px;
	margin: 40px 0px 0px;
	text-align: right;
}
#container #footer #pageUpdated p {
	color: #999999;
	margin: 0px;
	padding: 1.4em 0px 0px;
	line-height: normal;
}

#container #footer p.copyright {
	padding: 2.4em 0px 0em;
	line-height: normal;
	margin: 0em;
}
#container #footer p.manager {
	color: #999999;
	margin: 0px;
	padding: 1.4em 0px 0px;
	line-height: normal;
}
#container #footer p.manager a {
	color: #999999;
	text-decoration: none;
}
#container #footer p.manager a:hover {
	color: #999999;
	text-decoration: underline;
}
.rightside {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2em;
	float: right;
}


/*taken from original css file to maintain compatibility of interim design */
.annotext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
}
.annotextWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  0.7em;
	color: #FFFFFF;
	text-decoration: none;
}
.annotextWhite a {
	color: #FFFFFF;
	text-decoration: none;
}
a.annotextWhite:Hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* from Birthdays page */
/*td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}*/
.header {
	font-size: 1.0em;
	font-weight: bold;
}
.section {
	text-align: center;
}

td.topleft, td.topright, td.bottomleft, 
td.bottomright, td.singleleft, td.singleright {
	font-size: 0.8em;
}
table.sectionkey {
	border: none;
}
table.sectionkey td {
	font-size: 0.7em;
}

table.bgifcunit {
	border: 1px solid #666666;
}
table.bgifcunit td {
	font-size: 0.8em;
	margin: 0px;
	padding: 2px 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F3F3F3;
}
/* Used for table name heading, eg Benelux */
table.bgifcunit td.countyheader2 {
	font-size: 1.0em;
	font-weight: bold;
	background-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
/* colum name */
table.bgifcunit td.colname {
	padding-top: 0.5em;
	font-weight: bold;
	padding-bottom: 0.5em;
}
/* Used for cell containing country name to separate from country above */
table.bgifcunit td.countryheader {
	padding-top: 0.5em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 0.5em;
}


.countyheader {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.topleft {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.topright{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.bottomleft {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.bottomright{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.singleleft{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.singleright{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.bodyblack {
	font-size: 0.88em;
	color: #000000;
	text-decoration: none;
}
a.bodyblack:hover {
	font-size: 0.88em;
	color: #000000;
	text-decoration: underline;
}

table.merch
{
	color: #000000;
	border: 1px solid #CCC;
	border-collapse:collapse;
	font-size: 0.9em;
}
table.merch td {
	margin: 0px;
	padding: 3px;
	border: 1px solid #CCC;
}
table.merch tr td
{
	font-size: 0.88em;
}
span.merchlimited {
	color: #C00;
}
span.merchstrike {
	color: #999;
	text-decoration: line-through;	
}
div.merchoffers {
	font-size: 0.9em;
	color: #333;
	background-color: #F5BB00;
	padding: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
	font-weight: bold;
	width: 178px;
}


/*---------*/

/* List of news items on home page & newsletter page */
ul.newstext {
	margin: 0px;
	padding-top: 0em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	font-size: 0.80em;
}
ul.newstext li {
	list-style-position: outside;
	list-style-image: url(images/bullet-news.gif);
	list-style-type: circle;
	padding-top: 0.2em;
	padding-left: 0em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

ul.newstext .newscomment {
	font-size: 0.9em;
	line-height: 1em;
	color: #666666;
}
/* List of links on merchandise page */
ul.merchlink {
	margin: 0px 0px 1em 5px;
	padding-top: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	font-size: 0.80em;
}
ul.merchlink li {
	list-style-position: inside;
	list-style-image: url(images/bullet-news.gif);
	list-style-type: circle;
	padding-top: 0.2em;
	margin: 0px;
	padding-left: 0em;
	padding-bottom: 0.3em;
}

#map.smallmap {
	width: 364px; 
	height: 245px;
}
#map.bigmap {
	width: 750px; 
	height: 400px; 
	border: 1px solid #DDDDDD;
}
#mapcomment {
	width:364px;
	padding: 0;
	margin: 40px 0 20px 0;
	font-size: 0.75em;
}
#map span {
        display: block;
        white-space: normal;
        bottom: -53px;
        color: #999999;
        font-size: 9px;
        line-height: 9px;
        left: 0px;
        position: relative;
        text-align: left;
        width: 358px;
		padding: 0 3px 0 3px;
} 

a.maptxt {
	font-size: 0.68em;
	color: #666666;
	text-decoration: none;
}
#container #rightContentHome h2 {
	font-size: 0.7em;
	margin: 0px;
	padding: 0px 0px 0.2em;
	font-weight: normal;
	color: #333333;
}
a.maptxt:hover {
	font-size: 0.68em;
	color: #666666;
	text-decoration: underline;
}
#container #rightContentHome p {
	font-size: 0.7em;
	padding: 0px;
	margin: 0px;
}
/* drop shadow effect used for newsletters */
.news-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}
#rightContent .caption {
	font-size: 0.75em;
	text-align: center;
	margin: 0px;
	padding-top: 0.5em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
	color: #666;
}

.news-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
} 
#rightContent .quicklinks {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 5px;
}
table.diarydates {
	font-size: 0.8em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
table.diarydates td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#rightContent .quicklinks h3 {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
}
p.note {
	font-size: 0.7em;
	color: #666;
}

#rightContent .quicklinks ul {
	font-size: 0.8em;
	padding: 0px;
	margin-top: 0.8em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
}