h1 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000000 ; font-weight: normal}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold }

/* BLACK TEXT STYLES */

/* sidebar text */
.sidebar { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; padding-bottom: 2px; padding-left: 2px} 

/* normal text */
.normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align:top} 

/* normal text */
.normal-indent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align:top; left: 10px}

/* subtitle */
.sub-b { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000} 

/* title-b */
.title-b { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000} 

/* homepage title */
.hp-title { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000000 ; font-weight: normal}


/* WHITE TEXT STYLES */

/* sidebar text */
.sidebar-inv { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color : #ccccff; color: #FFFFFF}

.hp-sidebar-inv { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}

.normal-inv { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}

/* table of figures in sidebar, purple header row, purple border, sidebar size text */
.sidebar-table-inv { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color : #9999CC; color: #FFFFFF }

/* table of figures in sidebar, purple header row, purple border, sidebar size text */
.sidebar-red-inv { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color : #996666; color: #FFFFFF }

/* right hand sidebar text */
.rt-sidebar-inv { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color : #ccccff;  color: #FFFFFF}

/* right hand sidebar subtitle */
.rt-sidebar-sub-b-inv { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; padding : 4}

/* right hand sidebar homepage titles */
.rt-sidebar-title-b-inv { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color : #ccccff; color: #FFFFFF; font-weight: bold}

/* popup title */
.popup-title-inv { font-family: Verdana, sans-serif; font-size: 22px; background-color : #ccccff; color: #FFFFFF ; font-weight: normal}



/* OTHER COLOURS TEXT STYLES */

/* right hand side homepage text */
.grp-hp-rt-hi { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9999CC ; font-weight: normal; padding: 2px}

/* right hand side homepage title */
.grp-hp-rt-hi-title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9999CC ; font-weight: bold}

/* search, sitemap text in sidebar */
.site-and-search { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9999CC ; font-weight: bold} 
.site-and-search-grp { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9999CC ; font-weight: bold} 

/* country links in sidebar on homepages */
.country-table-grp { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000 ; font-weight: normal;} 
.country-table-title-grp { text-align: center;}
.country-table { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF ; background-color: #9999CC; font-weight: normal; border-bottom : solid #ccccff; border-bottom-width : 1px; padding:0px} 
.country-table-title { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF ; background-color: #9999CC; font-weight: normal; text-align: center; border-bottom : solid #ccccff; 	border-bottom-width : 1px;}


/* other miscellaneous styles */
.supertiny { font-size: 2px; }
.hp_bullet { font-family: Arial, Helvetica, sans-serif; font-size: 9px; padding-top: 4px; vertical-align: text-top }
.purplebox_input { font-family: Arial, Helvetica, sans-serif; font-size: 8px; padding: 2px; width: 100px; }
.search_input { font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 2px; width: 145px; }
table.login { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-color: #FFFFFF ; font-weight: bold;  background-color: #9999CC; border : solid #333333; border-width: 1px; padding:0px }

/* homepage boxes about services title */
.hp-service { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #99CCFF; font-weight: bold; text-align:top}
.hp-service1 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #336699; font-weight: bold; text-align:top}
.hp-service2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #9999CC; font-weight: bold; text-align:top}
/* homepage boxes about services title text */
.hp-service-small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal;}


/* LINKS */

/* normal text links with underline */
a.lnk { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; TEXT-DECORATION: underline }
a.lnk:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0033; TEXT-DECORATION: underline}
a.lnk:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; TEXT-DECORATION: underline}
a.lnk:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; TEXT-DECORATION: underline}

/* identical to a.lnk except this is a pseudo-class so it can be applied to the search results in /inetpub/cgi-bin/search/search_top.html and search_bottom.html */
search-lnk { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; TEXT-DECORATION: underline }

/* links on HP for language selection */
a.language { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; TEXT-DECORATION: none}
a.language:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0033; TEXT-DECORATION: none}
a.language:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; TEXT-DECORATION: none}
a.language:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: none}

/* links at bottom of content area to legal notice, Ts&Cs etc */
a.small-link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; TEXT-DECORATION: underline }
a.small-link:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0033; TEXT-DECORATION: underline}
a.small-link:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; TEXT-DECORATION: underline}
a.small-link:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: underline}

/* links on some log in pages */
A.bold-link { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: underline }
A.bold-link:active { COLOR: #CC0033; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;
FONT-WEIGHT: bold; TEXT-DECORATION: underline }
A.bold-link:visited { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;
FONT-WEIGHT: bold; TEXT-DECORATION: underline }
A.bold-link:hover { COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;    FONT-WEIGHT: bold; TEXT-DECORATION: underline }

/* white links in sidebar with no underline, e.g. country names in locations list */
a.rt-lnk-sidebar-inv { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; TEXT-DECORATION: none }
a.rt-lnk-sidebar-inv:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0033; TEXT-DECORATION: none}
a.rt-lnk-sidebar-inv:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; TEXT-DECORATION: none}
a.rt-lnk-sidebar-inv:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; TEXT-DECORATION: none}

/* white links in box on red background */
a.rt-lnk-sidebar-redbg-inv { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; TEXT-DECORATION: none }
a.rt-lnk-sidebar-redbg-inv:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; TEXT-DECORATION: none}
a.rt-lnk-sidebar-redbg-inv:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; TEXT-DECORATION: none}
a.rt-lnk-sidebar-redbg-inv:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCCCC; TEXT-DECORATION: none}

/* black links in sidebar with no underline */
a.rt-lnk-sidebar { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: none }
a.rt-lnk-sidebar:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; TEXT-DECORATION: none}
a.rt-lnk-sidebar:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: none}
a.rt-lnk-sidebar:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; TEXT-DECORATION: none}

/* black bold links in sidebar with no underline */
a.rt-lnk-sidebar-title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; TEXT-DECORATION: none }
a.rt-lnk-sidebar-title:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; TEXT-DECORATION: none}
a.rt-lnk-sidebar-title:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; TEXT-DECORATION: none}
a.rt-lnk-sidebar-title:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; TEXT-DECORATION: none}

/* Class for 3rd level nav dropdown */
A.third-nav-lnk  {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;	font-style: normal;	color: #000066;	text-decoration: none }
A.third-nav-lnk:Visited  {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;	font-style: normal;	color: #000066;	text-decoration: none }
A.third-nav-lnk:Active  {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;	font-style: normal;	color: #000066;	text-decoration: none }
A.third-nav-lnk:Hover  {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;	font-style: normal;	color: #000066;	text-decoration: none }


/* hidden div style for marketing purposes*/
.marketing {position:absolute; visibility:hidden; left:1px; top:1px; width:auto; height:1px; z-index:0}

/* div ids for new look and feel layout */
/* the ids with -s appended are for the template sample and should match their standard counterparts */

#container { top : 0px; left : 0px; position : absolute; text-align : left; width : 771px; height : auto; padding: 0px; margin: 0px; border:0px;}
#container-s { top : 10px; left : 10px; position : absolute; float : left; text-align : left; width : 771px; height : auto; background-color : cyan; }

#logo { width : 620px; top : 0px; left : 151px; height : 42px; position : absolute; padding: 0px;margin: 0px; border:0px;} 
#logo-s { width : 620px; top : 0px; left : 151px; height : 42px; position : absolute; background-color : silver; } 

#nav { width : 578px; top : 42px; left : 193px; height : 27px; position : absolute; padding: 0px;margin: 0px; border:0px;} 
#s-nav-en, #s-nav-fr, #s-nav-it, #s-nav-de, #s-nav-bf, #s-nav-bd { width : 578px; top : 42px; left : 193px; height : 27px; position : absolute; padding: 0px;margin: 0px; border:0px; visibility : hidden;} 
#nav-s { width : 578px; top : 42px; left : 193px; height : 27px; position : absolute; background-color : lightsteelblue; } 
/*
s-nav-en = english (group), s-nav-fr = french (group), s-nav-de = german (group)
s-nav-it = italian (group), s-nav-bf = french (brussels), s-nav-bd = dutch (brussels)
*/

#content { width : 578px; left : 189px; top : 63px; height : auto; position : absolute; padding: 0px; margin: 0px; border:0px;} 
#content-s { width : 578px; left : 193px; top : 69px; height : auto; position : absolute; background-color : papayawhip; }

table.bottom { width : 500px; height : 35px; left : 17px; top : 0px; position : relative; padding: 0px;margin: 0px; border:0px;}  
table.bottom-s { width : 561px; height : 24px; left : 17px; top : 24px; position : relative; background-color : orange; }

#languages { width : 170px; top : 10px; left : 1px; position : absolute; vertical-align: bottom; padding: 0px; margin: 0px; border:0px;} 
#languages-s { width : 170px; top : 40px; left : 23px; position : absolute; vertical-align: bottom; background-color : lightpink; } 

#sidebar { width : 193px; left: -2px; top : 70px; height : auto; position : absolute;padding: 0px; margin: 0px; border:0px; z-index:100} 
#sidebar-s { width : 193px; top : 111px; height : auto; position : absolute; background-color : palegoldenrod; } 

#popup { width : 558px; left: 0px; top : 0px; height : 530px; position : absolute; background-color : #CCCCFF; }

#hp-popup { left: 25px; top : 10px; position : absolute; background-color : #ffffff; }

#country_details {width : 420px; position : absolute; top : 200px; left : 40px;}

#worldmap {width : 184px; position : absolute; top : 230px; left : 3px; z-index:2;}