/*
Author:			E3webdesign
Modified:		15-Mar-2008	- First setup.
				26-Oct-2008 - Clean-up.
				06-Nov-2008 - .listWrapper.decimal corrected.
Notes:			-
Known bugs:		-
Suggestions:	-
*/

					/*--- Color definitions ---*/
						/*
						  #ffffff		white						Background of menu section
						  #e8eaea		opaque light blueish grey	Background of content top section (#d1d4d4 @50% opacity)
						  #919aa6		opaque dark blue			Background of content middle section (#22354d @50% opacity)
						  #93acbf		opaque blue					Background of content bottom section (#26587e @50% opacity)
						  #eeeeee		almost white				Background of footer section
						  											Border of bottom block
						  
						  #eff0f0		very light grey				Background of menu block
						  #d1d4d4		light blueish grey			Background of content top block
						  #22354d		dark blue					Background of content middle block
						  #26587e		blue						Background of content bottom block
						  #dedede		light grey					Background of footer block
						  
						  #e8eaea		opaque light blueish grey	Internal column border of content top block (#d1d4d4 @50% opacity)
						  #435368		opaque dark blue			Internal column border of content middle block (#22354d @85% opacity)
						  #467191		opaque blue					Internal column border of content bottom block (#26587e @85% opacity)

						  #eff0f0		ultra light grey			Background of main menu button
						  											Background of main menu button - hovered
						  #abb4b4  -->	#eff0f0					  	  light grey --> very light grey
						  #e8eaea  -->	#eeeeee						  opaque light blueish grey --> almost white
						  											Background of main menu button - selected
						  #22354d  -->  #919aa6						  dark blue --> opaque dark blue
						  #f0c93b  -->  #f3eab7						  yellow --> sand

						  #cacece		opaque light grey			Border of bottom block (#4c5c5c @30% opacity)
						  #f0ceb5		opaque orange red			Submenu border (#cd5b06 @30% opacity)
						  											Submenu text of active item
						  #7e3500		dark orange red				Submenu text
						  #c9d6df		opaque blue					Text of middle and bottom block (#26587e @25% opacity)

						  #f0c93b		yellow						Background of submenu
						  #e9a905		orange						Background of submenu - hovered

						  The color of the background top shadow and bottom border is the background color of which
						  the color value is reduced by 5 steps.
						*/


					/*--- General ---*/
body					{ height:100%; min-width:850px;
						  margin:0; padding:0;
						  font-family:verdana,georgia,arial,times;
						  font-size:10pt;
						  line-height:1.4em;
						}
.fixed					{ position:fixed;
						}
#viewportBackground		{ position:absolute;
						  height:100%; width:100%;
						}


					/*--- General styling ---*/
img						{ border:none;								/*Kill all image borders*/
						}
a,
a.eLink					{ outline:none;								/*Kill outline of an element with focus, not supported in IE6 and FF*/
						  text-decoration:none;
						  color:#f0c93b;
						}
a:hover,
a.eLink:hover			{ color:#e9a905;
						}
.menu,
.submenu,
.top,
.middle,															/*Added here for "Events" page; when added locally, FF misbehaves*/
.content,
.footer					{ width:100%;
						}
.scrollArea				{ position:relative;
						  height:100%; width:100%;
						  z-index:1;
						}
.block					{ width:850px;								/*850->851 to avoid flickering of pagemenu's?*/
						  margin-left:auto; margin-right:auto;
						}
.textWrapper			{ padding:20px 20px 20px 20px;
						}
.listWrapper			{ padding:0;
						}
.listWrapper.alpha		{ margin-left:22px;							/*The margin-left is established by trial and error*/
						}
.listWrapper.square		{ margin-left:15px;							/*The margin-left is established by trial and error*/
						}
.listWrapper.decimal	{ margin-left:22px;							/*The margin-left is established by trial and error*/
						}
.listWrapper.triangle	{ margin-left:8px;
						}
ul.alpha				{ list-style-type:lower-alpha;
						  padding:0px; margin:0px;
  						  list-style-position:outside;
						}
ul.square				{ list-style-type:square;
						  padding:0px; margin:0px;
  						  list-style-position:outside;
						}
ul.decimal				{ list-style-type:decimal;
						  padding:0; margin:0px;
  						  list-style-position:outside;
						}
ul.triangle				{ list-style-image: url('../Images/BulletTriangleYellow-6.gif');
						  padding:0; margin:0;
						  list-style-position:outside;
						}
.dummyWrapper			{ position:relative; 						/*Create relative positioned container for*/
						  height:0px; width:0px;					/*e.g. absolute positioned element*/
						  left:-2px;
						}
.italic					{ font-style:italic;
						}
.underline				{ text-decoration:underline;
						}
.center					{ text-align:center;
						}
.header2				{ font-size:1.5em;
						  font-family:myriad,tahoma,verdana,arial,times;
						  font-weight:bold;
						}
.header4				{ font-family:myriad,tahoma,verdana,arial,times;
						  font-weight:bold;
						}
.dBaseErrorWindow		{ position:relative; display:block;
						  left:-100px; width:350px; z-index:1000;
						  padding:10px;
						  color:#444444;
						  border-top:1px solid #ffffff; border-left:1px solid #ffffff;
						  border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa;
						  background-color:#dddddd;
						}
.middle .dBaseErrorWindow
						{ top:50px;
						}
.bottom .dBaseErrorWindow
						{ top:-40px;	
						}

					/*--- Icons ---*/
.downloadIcon	   		{ position:absolute;
						  width:14px; height:14px;
						}
.emailIcon		   		{ position:absolute;
						  margin-left:5px;
						  width:15px; height:11px;
						}
.infoIcon	    		{ position:absolute;
						  width:15px; height:15px;
						}
.skypeIcon		   		{ position:absolute;
						  width:16px; height:16px;
						}
.underConstruction		{ display:block; position:relative;
						  width:150px; height:96px;
						}

.underConstructionSmall	{ display:block; position:absolute; top:-50px; left:195px;
						  width:75px; height:48px;
						}
.wwwIcon		 		{ position:absolute;
						  width:12px; height:12px;
						}

																	/*Have the background opaque .png image ignored by IE6 (IE ignores styles with [attributes])*/
.downloadIcon[class]	{ background-image:url('../Images/IconDownloadYellow-14.png');
						}
.emailIcon[class]		{ background-image:url('../Images/IconEmailLight-15x11.png');
						}
.infoIcon[class]		{ background-image:url('../Images/IconInfo-15.png');
						}
.skypeIcon				{ background-image:url('../Images/IconSkypeBlue-16.gif');
						}
.underConstruction[class]
						{ background:url(../Images/UnderConstructionSign.png) no-repeat;
						}
.underConstructionSmall[class]
						{ background:url(../Images/UnderConstructionSignSmall.png) no-repeat;
						}
.wwwIcon[class]			{ background-image:url('../Images/www-12.png');
				  		}


a:hover .downloadIcon[class]
						{ background-image:url('../Images/IconDownloadYellowLight-14.png');
						}
a:hover .emailIcon[class]
						{ background-image:url('../Images/IconEmail-15x11.png');
						}
a.infoLink:hover .infoIcon[class]
						{ background-image:url('../Images/IconInfoLight-15.png');
						}
a:hover .skypeIcon		{ background-image:url('../Images/IconSkypeBlueHover-16.gif');
						}
a.wwwLink:hover .wwwIcon{ top:3px; left:-3px;
						  width:16px; height:16px;
						}
a.wwwLink:hover .wwwIcon[class]
						{ background-image:url('../Images/www-16.png');
						}


					/*--- Menu area ---*/
.menu					{ background-color:#ffffff;
						  z-index:10;								/*Stay on top of scrolling content*/
						}
.menu .block			{ background-color:#eff0f0;					/*Equals to 10% opacity of #576868 (bottom block)*/
						  border-width:1px 1px 0 1px; border-style:solid; border-color:#ffffff;
						  border-bottom:1px solid #f2f2f2;			/*Must equal .menu #buttons a border-bottom*/
						}
.menu #buttons			{ height:119px;
						  font-family:myriad,tahoma,verdana,arial,times;
						  font-size:1em;
						  /*border-right:1px solid #ffffff;*/		/*Correct right hand outlining*/
						}
.menu #buttons a		{ position:relative;
						  width:94px; height:100%;
						  float:right; /*margin-right:-1px;*/
						  text-align:center; text-decoration:none; color:#444444;
						  border-width:0 0px 0 1px; border-style:solid; border-color:#ffffff;
						  border-bottom:1px solid #f2f2f2;
						}
.menu #buttons a .text	{ position:relative;
						  top:76%;									/*Value must be tuned to match .menu .buttons height*/
						}
.menu #buttons a:hover	{ background:url(../Images/MainMenuButtonHovered.png);
						  border-bottom-color:#a0a8a8;
						}
.menu .button1 a#button1,
.menu .button2 a#button2,
.menu .button3 a#button3,
.menu .button4 a#button4,
.menu .button5 a#button5,
.menu .button6 a#button6
						{ background:url(../Images/MainMenuButtonActive.png) !important;	/*Overrule #buttons a:hover (required for IE6)*/
						  color:#ffffff !important;					/*Overrule #buttons a:hover (required for IE6)*/
						  border-bottom:1px solid #e6c039;
						}
.logo					{ position:absolute;
						  top:-65px; left:-120px;
						}


					/*--- Submenu on the page ---*/
#pageMenu ul			{ margin:0; padding:0;
						  list-style:none;
						  width:100%;
						  position:absolute;
						  top:78px;
						  right:-1px;
						}
#pageMenu ul li			{ position:relative; float:right;			/*Arrange menu items horizontally at this level*/
						  margin-right:-1px;						/*Eliminate double vertical borders*/
						  margin-top:-1px;							/*Eliminate double horizontal borders*/
						  width:125px;								/*Set width of each menu item*/
						  										 	/*Must equal #pageMenu ul li a width plus its v-borders*/
						  text-align:center;
						  left:-1px;
						}
#pageMenu li ul			{ display:none; position:absolute;
						  left:0px;
						  top:100%;
						  display:none;
						}
#pageMenu ul li a		{ display:block;
						  padding:0.1em 0;
						  font-family:myriad,tahoma,verdana,arial,times; font-size:1em; color:#7e3500;
						  text-decoration:none;
						  background-color:#f0c93b;
						  border-width:1px; border-style:solid; border-color:#eeeeee;
						  width:123px;								/*Required to get sensitivity h-across entire button*/
						  											/*Must equal #pageMenu ul li width minus v-borders*/
						}
#pageMenu li a:hover	{ background-color:#e9a905;
						}
#pageMenu li:hover ul	{ display:block;
						}


					/*--- Control the page sections ---*/
#pageMenu				{ position:relative;
						  z-index:100;								/*Stay on top of the page contents*/
						}
#pageSection1,
#pageSection2,
#pageSection21,
#pageSection22,
#pageSection23,
#pageSection24,
#pageSection25,
#pageSection26,
#pageSection3,
#pageSection4,
#pageSection5,
#pageSection1SearchFields,
#pageSection2SearchFields,
#pageSection3SearchFields,
#pageSectionSearchFields
						{ display:none;
						}
.pageSection1 #pageSection1,
.pageSection2 #pageSection2,
.pageSection21 #pageSection21,
.pageSection22 #pageSection22,
.pageSection23 #pageSection23,
.pageSection24 #pageSection24,
.pageSection25 #pageSection25,
.pageSection26 #pageSection26,
.pageSection3 #pageSection3,
.pageSection4 #pageSection4,
.pageSection5 #pageSection5,
.pageSection1 #pageSection1SearchFields,
.pageSection2 #pageSection2SearchFields,
.pageSection3 #pageSection3SearchFields,
.pageSectionX #pageSectionSearchFields
						{ display:block; position:relative;
						}
.tab1 #tab1,
.tab2 #tab2,
.tab3 #tab3,
.tab4 #tab4,
.tab5 #tab5				{ color:#eeeeee;
						  background-color:#22354d;
						  border-bottom-color:#919aa6;
						}


					/*--- Content area ---*/
#contentOffsetTop		{ visibility:hidden;
						}
.content				{ display:block; position:relative;
						}
.top					{ background-color:#e8eaea;
						}
.middle					{ background-color:#919aa6;
						}
.bottom					{ background-color:#93acbf;
						}
.block					{ border-width:0 1px 0 1px; border-style:solid;
						}
.top .block				{ background:url(../Images/BackgroundTopBlock.png) repeat-x;
						  background-color:#dedede;
						  border-color:#eeeeee;
						  border-bottom:1px solid #b8baba;
						  z-index:5;								/*Stay on top of scrolling content, but behind*/
						  											/*main menu and logo*/
						}
.middle .block			{ background:url(../Images/BackgroundMiddleBlock.png) repeat-x;
						  background-color:#22354d;
						  color:#dddddd;
						  border-color:#bbbbbb;
						  border-bottom:1px solid #293038;
						}
.bottom .block			{ background:url(../Images/BackgroundBottomBlock.png) repeat-x;
						  background-color:#26587e;
						  color:#dddddd;
						  border-color:#cacece;
						  border-bottom:1px solid #414f4f;
						}
.colRight				{ /*display:inline;*/						/*Required to get rid of the 3px gap next to*/
																	/*a floating element in IE6*/
																	/*This gap complicates pixel precise positioning*/
																	/*This kills the text-align:right in IE6!*/
						  min-height:50px;
  						  height:auto !important; height:50px;		/*Workaround to have IE6 also support min-height*/
						}
.colRight				{ float:right;
						  width:569px;								/*For correct outlining with the menu buttons,*/
																	/*this must equal: 6x (#buttons a width) + */
																	/*7x (#buttons a border-width) ??*/
						  											/*This is the consequence of the CSS2 box model, which*/
						  											/*excludes padding and border from the element's width*/
						}
.colLeft				{ width:277px; 								/*Must equal .block width - .colRight width - */
																	/*3px (to compensate for 3px gap + footer border*/
																	/*in IE6) */
						  /*display:inline;*/						/*Required to get rid of the 3px gap next to*/
																	/*a floating element in IE6*/
																	/*But this also kills the text-align:right in IE6*/
						}
.top .colRight			{ border-left:0px solid #e8eaea;
						}
.middle .colRight,
.middle .colWrapper		{ border-left:1px solid #435368;
						}
.middle .colCenter		{ border-left:1px solid #435368;
						  border-right:1px solid #435368;
						}
.bottom .colRight		{ border-left:1px solid #467191;
						}
.bottom .colRight,
.bottom .colLeft		{ min-height:50px;
				  		  height:auto !important; height:50px;
				  		}

				  	/*--- Search function ---*/
.searchEvents			{ text-align:right;
						  padding-top:14px; padding-right:5px; margin-bottom:0px;
						  font-family:verdana,arial;
						  z-index:20;
						}
.searchEvents input,
.searchEvents select	{ font-family:verdana,arial; font-size:0.8em;
						}
.searchEvents a			{ cursor:default; font-size:0.8em;
						  color:#000000;
						}
.note-header			{ display:none;								/* Header function not used here */
						}
.note-body				{ padding:0.4em 0.6em 0.4em 0.6em; width:250px; height:auto;
						  z-index:20;
						  font-size:0.8em; line-height:1.5em;
						  left:40px; top:40px;						/* Position the note box away from the cursor, so the */
						  											/* text box remains hovered, and the bullet enlarged */
						  position:relative;
						  border:1px solid #cccccc;
						  background-color:#ffffcc;
						  opacity:0.9;								/*CSS3 compliant*/
						  filter:alpha(opacity=90);					/*Alpha filter may cause IE6 to crash*/
						  color:#22354d;
						}

					/*--- Event banner ---*/
#bannerHolder			{  position:relative; top:35px; left:640px;
						}
#bannerHolder .eventBanner
						{ position:absolute;
						  width:233px; height:84px;
						  line-height:1.1em;
						  text-align:left;
						  font-family:"courier","times","verdana"; font-size:11pt; color:#22354d;
						  padding-top:25px; padding-left:33px; padding-right:0;
						}
.eventBanner[class]		{ background:url(../Images/EventNoteGrid.png) no-repeat;
						}
#bannerHolder #hyperlink
						{ position:absolute;
						  top:16px; left:22px;
						  width:238px; height:80px;
						  z-index:1;
						}
.newsBanner a#hyperlink:hover
						{ cursor:crosshair; border:1px solid red;
						}

					/*--- Footer area ---*/
.footer					{ position:relative;
						  background-color:#eeeeee;
						}
.footer .block			{ min-height:50px;
  						  height:auto !important; height:50px;		/*Workaround to have IE6 also support min-height*/
						  background:url(../Images/BackgroundFooterBlock.png) repeat-x;
						  background-color:#dedede;
						  border-width:0 1px 0 1px; border-style:solid; border-color:#eeeeee;
						  font-size:0.8em; color:#666666;
						  line-height:1.5em;
						}
.footer .colRight		{ border-left:1px solid #efefef;
						}
.footer .colLeft		{ text-align:right;
						}
.footer a				{ color:#666666;
						}
.footer a:hover			{ color:#3b4747;
						}
.footerInset			{ position:absolute;
						  bottom:30px; right:50px; width:40%;
						  font-size:0.85em; line-height:1.3em;
						  font-family:verdana,times; color:#3b4747;
						  padding:0.7em;
						  border:1px solid #4c5c5c;
						  z-index:100;
						  background-color:#e8eaea;
						  opacity:0.95;								/*CSS3 compliant*/
						}
.footerInset .header	{ font-weight:bold;
						}
#disclaimer				{ display:none;
						  text-align:justify;
						}
#copyNotice				{ display:none;								/*The id "copyright" does not work in IE6*/
						  text-align:justify;
						  width:45%; bottom:40px;
						}
.footer.viewport,
.block.viewport			{ height:100% !important;
						}