/* Body */
body { background-color: #ffffff;
	   margin:5px 0px 0px 5px;
	   padding:0px 0px 0px 0px;
	   font-family: "Tahoma", Arial, Verdana, "Trebuchet MS"; 
	   font-size: 70%; 
	   font-weight: normal; 
	   color: #000000;}
		   
/* font styles */	
					
h1 { color: #000000;
	 font-size: 150%;
	 margin: 0px 0px 5px 0px;
	 padding: 0px 0px 0px 0px;}
	 
h2 { color: #F2631E;
	 font-size: 130%;
	 margin: 10px 0px 10px 0px;
	 padding: 0px 0px 0px 0px;}	
	 
h3 { color: #F2631E;
	 font-size: 130%;
	 margin: 10px 0px 10px 0px;
	 padding: 0px 0px 0px 0px;}	 
	 
h4 { color: #F2631E;
	 font-size: 130%;
	 margin: 10px 0px 10px 0px;
	 padding: 0px 0px 0px 0px;} 
	 
h5 { color: #F2631E;
	 font-size: 130%;
	 margin: 10px 0px 10px 0px;
	 padding: 0px 0px 0px 0px;}
	 
h6 { color: #F2631E;
	 font-size: 130%;
	 margin: 10px 0px 10px 0px;
	 padding: 0px 0px 0px 0px;}
	
p {  margin: 0px 0px 5px 0px;
	 padding: 0px 0px 0px 0px;
	 line-height: 140%;}	
	
a {  color: #000099;
	 font-weight: normal;
	 text-decoration: none;}	
	
a:hover { text-decoration: underline;}

/* list elements */

ul { position: relative;
	 margin: 0px 0px 0px 20px; 
	 padding: 0px 0px 0px 0px;}

li { margin: 0px 0px 0px 0px; 
	 padding: 0px 0px 0px 0px;}	

/* layout containers */

.fullwidth-container { position: relative;
					   float: left;
					   width: 770px;}
					   
.top-navigation-container { position: relative;
					   		float: left;
							width: 535px;}
							
.left-main-container { position: relative;
					   float: left;
					   width: 150px;
					   margin-top: 10px;
					   margin-right:10px;}

.right-main-container { position: relative;
					   float: left;
					   width: 610px;
					   margin-top: 10px;}	
					   
.welcome-container { position: relative;
					 float: left;
					 width: 610px;
					 margin-bottom: 10px;}
					 
.welcome-container img { float: right;
							margin: 10px 0 0 10px;}
							
							
.welcome-container ul { position: relative;
				   margin: 0px 0px 0px 0px; 
				   padding: 0px 0px 0px 0px;
				   list-style: none;}

.welcome-container li { margin: 0px 0px 0px 0px; 
				   padding: 5px 0px 5px 10px;
				   background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				   background-repeat: no-repeat;
				   background-position: left;}
					 
.two-panel-container { position: relative;
					   float: left;
					   width: 390px;
					   margin-bottom: 10px; 
					   background-image:url(/shared/graphics/fco/images/bgtile-blockcolour.gif);
					   background-position: top left;
					   background-repeat: repeat-y;}
					   
*html .two-panel-container { padding-bottom: 10px; }	

.two-panel-container-white { position: relative;
					   		 float: left;
					   		 width: 390px;}
					   
.footer-container	{ position: relative;
                 clear: both;
		  			  width: 770px;}	
					  
.footer-copyright-g { position: relative;
				    		  float: left;
				    		  width: 770px;
				    		  margin-bottom: 10px;}
							  
.multipage-withnavigation-container { position: relative;
			 		float: left;
			 		width: 410px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 20px 0px;
					line-height: 140%;}
							  							  
.multipage-withoutnavigation-container { position: relative;
			 		 float: left;
			 		 width: 610px;
					 padding: 0px 0px 0px 0px;
					 margin: 0px 0px 20px 0px;
					 line-height: 140%;}							  
							  			   									   
/* top navigation and logo */

.top-navigation { position: relative;
				  float: left;
				  border-bottom: 7px solid #003657;
				  width: 535px;
				  margin: 72px 0px 10px 0px;
				  padding: 0px 0px 10px 0px;
				  color:#F2631E;}
				  
.top-navigation ul { position: relative;
					 margin: 0px 0px 0px 0px; 
					 padding: 0px 0px 0px 0px;}

.top-navigation li { display: inline; 
					 margin: 0px 0px 0px 0px; 
					 padding: 0px 0px 0px 0px;}	

.logo { position: relative;
		float: right;
		width: 235px;}			  

/* search */

.search { position: relative;
		  clear: both;
		  width: 740px;
		  text-align: right;
		  background-color: #E5EBEE;
		  margin-top: 10px;
		  padding: 15px;
		  font-weight: bold;
		  color: #7D99AA;}
		  
.searchbutton { border-bottom: 1px #66869A solid; 
				border-right: 1px #66869A solid; 
				border-top: 1px #ffffff solid; 
				border-left: 1px #ffffff solid; 
				padding: 2px 2px 2px 4px;
				margin: 0px; 
				background-color: #B2C3CD;}	
				
form { margin: 0px;
	   padding: 0px;}
	   
select { font-family: "Tahoma", Arial, Verdana, "Trebuchet MS"; 
	     font-size: 11px;}
		 
input{ font-family: "Tahoma", Arial, Verdana, "Trebuchet MS"; 
	   font-size: 11px; 
	   border: 0px solid #ffffff;
	   padding: 5px;
	   margin-bottom: 5px;}	
	   
.searchinput { margin-bottom: 0px;
			   font-weight: normal;}
			   
fieldset { border: 1px solid #E5EBEE;
		   margin: 0px 0px 10px 0px;
		   padding: 10px 10px 10px 10px;}

legend { color: #F2631E;
	 	 font-size: 130%;
	 	 margin: 0px 0px 10px 0px;
	 	 padding: 0px 5px 0px 5px;
		 font-weight: bold;}			   	   			  
	
/* login area */

.login-header { position: relative;
				float: left;
				width: 130px;
				background-color: #F2631E;
				padding: 5px 10px 5px 10px;
				margin: 0px;
				color: #ffffff;
				font-weight: bold;}	
				
.login { position: relative;
		 float: left;
		 width: 130px;
		 background-color: #FEEFE7;
		 padding: 10px 10px 0px 10px;
		 color: #000000;}
		
.login-link { position: relative;
		 	  float: left;
		 	  width: 130px;
		 	  background-color: #FEEFE7;
		   	  padding: 5px 10px 10px 10px;
		 	  color: #000000;}
							  
.login-link ul { position: relative;
		 		 float: left;
				 list-style: none;
				 margin: 0px;
				 padding: 0px 0px 0px 0px;}

.login-link li { position: relative;
		 		 float: left;
				 width: 110px;
		 		 background-image: url(/shared/graphics/fco/images/black-arrow.gif);
				 background-repeat: no-repeat;
				 background-position: left;
				 margin: 0px 0px 5px 0px;
				 padding: 0px 0px 0px 10px;}
				 
.login-link a { color: #000000;}

.loginbutton { border-bottom: 1px #ACACAC solid; 
			   border-right: 1px #ACACAC solid; 
			   border-top: 1px #EFEFEF solid; 
			   border-left: 1px #EFEFEF solid; 
			   padding: 2px 2px 2px 4px;
			   margin: 0px; 
			   background-color: #ffffff;}	 

/* left hand navigation */

.navigation { position: relative;
			  float: left;
			  width: 150px;
			  margin: 10px 0px 10px 0px;
			  padding: 0px;
			  }
			  
.navigation ul { position: relative;
				 margin: 0px 0px 0px 0px; 
				 padding: 0px 0px 0px 0px;
				 list-style: none;}	

.navigation li { width: 135px;
				 border-left: 5px solid #003657;
				 margin: 0px 0px 2px 0px; 
				 padding: 5px 0px 5px 10px;
				 background-color: #E5EBEE;}
				 
.navigation a { color: #000000;}

.navigation li.selected { background-color: #FEEFE7;
					      border-left: 5px solid #F2631E;}
						  
.navigation li.selected-level2 { background-color: #ffffff;
					       		 border-left: 0px solid #ffffff;
								 width: 140px;
								 margin: 0px 0px 0px 0px;
								 border-bottom: 1px solid #FDD7C1;
								 background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				 				 background-repeat: no-repeat;
				 				 background-position: left;}
								 
.navigation li.selected-level2-bottom { background-color: #ffffff;
					       		 		border-left: 0px solid #ffffff;
								 		width: 140px;
								 		margin: 0px 0px 0px 0px;
								 		background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				 				 		background-repeat: no-repeat;
				 				 		background-position: left;}	
																	 										 					  							 
.navigation a.level2-link { color: #000099;} 				


/* breadcrumb */

.breadcrumb { position: relative;
			  float: left;
			  width: 590px;
			  background-color: #FEEFE7;
			  padding: 5px 10px 5px 10px;
			  margin: 0px 0px 10px 0px;}
			  
.breadcrumb a { color: #000000;}

/* level 3 navigation */

.navigation-level3 { position: relative;
			   		 width: 190px;
			   		 background-color: #ffffff;
			   		 padding: 0px;
			   		 margin: 0px;}		 		  
			  
.navigation-level3-header { color: #ffffff;
							background-color: #F2631E;
	 						font-size: 100%;
							font-weight: bold;
	 		 				margin: 0px 0px 0px 0px;
	 						padding: 5px 10px 5px 10px;}
				
.navigation-level3 ul { position: relative;
				margin: 10px 0px 10px 10px; 
				padding: 0px 0px 0px 0px;
				list-style: none;}

.navigation-level3 li { margin: 0px 0px 10px 0px; 
				padding: 0px 0px 0px 10px;
				background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				background-repeat: no-repeat;
				background-position: left;}	
											 

/* multipage image branding */

.multipageimage { position: relative;
				  float: left;
				  width: 610px;
				  margin-bottom: 10px;
				  }
				  
/* multipage text area */

.multipage-withnavigation { position: relative;
			 				float: left;
			 				width: 410px;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 20px 0px;
							line-height: 140%;}
							
/*NDW change .multipage-withnavigation img { border: 1px solid #F2631E;}*/

.multipage-withoutnavigation { position: relative;
			 				float: left;
			 				width: 610px;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 20px 0px;
							line-height: 140%;}
							
/*NDW change .multipage-withoutnavigation img { border: 1px solid #F2631E;}*/

.multipage-link { margin: 10px 0px 0px 0px;
				  padding: 0px 0px 0px 10px;
				  background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				  background-repeat: no-repeat;
				  background-position: left;}
			  
/* welcome */

.welcome-text { position: relative;
				float: left;
				width: 285px;
				padding: 0px 0px 0px 10px;}
				
.welcome-text ul { position: relative;
				   margin: 0px 0px 0px 0px; 
				   padding: 0px 0px 0px 0px;
				   list-style: none;}

.welcome-text li { margin: 0px 0px 0px 0px; 
				   padding: 5px 0px 5px 10px;
				   background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				   background-repeat: no-repeat;
				   background-position: left;}

.main-photo { position: relative;
			  float: right;
			  width: 295px;}
			  
/* five panel homepage */

.panel-one { position: relative;
			 float: left;
			 width: 190px;
			 background-color: #FCE0D0;
			 padding: 0px;
			 margin-right: 10px;
			 margin-bottom: 10px;}
					
.panel-one h2 { color: #ffffff;
				background-color: #F2631E;
	 			font-size: 100%;
	 		 	margin: 0px 0px 0px 0px;
	 			padding: 5px 10px 5px 10px;}
				
.panel-one ul { position: relative;
				margin: 10px 0px 0px 10px; 
				padding: 0px 0px 0px 0px;
				list-style: none;}

.panel-one li { margin: 0px 0px 5px 0px; 
				padding: 0px 0px 0px 10px;
				background-image: url(/shared/graphics/fco/images/black-arrow.gif);
				background-repeat: no-repeat;
				background-position: left;}								
			 
.panel-one a { color: #000000;}

.panel-two { position: relative;
			 width: 190px;
			 float: left;
			 background-color: #CCD7DD;
			 padding: 0px;
			 margin-bottom: 10px;}
			 
.panel-two h2 { color: #ffffff;
				background-color: #003657;
	 			font-size: 100%;
	 		 	margin: 0px 0px 0px 0px;
	 			padding: 5px 10px 5px 10px;}

.panel-two ul { position: relative;
				margin: 10px 0px 0px 10px; 
				padding: 0px 0px 0px 0px;
				list-style: none;}

.panel-two li { margin: 0px 0px 5px 0px; 
				padding: 0px 0px 0px 10px;
				background-image: url(/shared/graphics/fco/images/black-arrow.gif);
				background-repeat: no-repeat;
				background-position: left;}					
							 	
.panel-two a { color: #000000;}

.panel-three { position: relative;
			 width: 190px;
			 float: left;
			 background-color: #ffffff;
			 padding: 0px;
			 margin-right: 10px;
			 margin-bottom: 10px;}
			 
.panel-three h2 { color: #000000;
				background-color: #ffffff;
	 			font-size: 100%;
	 		 	margin: 0px 0px 0px 0px;
	 			padding: 5px 10px 5px 10px;}

.panel-three ul { position: relative;
				margin: 0px 0px 0px 10px; 
				padding: 0px 0px 0px 0px;
				list-style: none;}

.panel-three li { margin: 0px 0px 5px 0px; 
				padding: 0px 0px 0px 10px;
				background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				background-repeat: no-repeat;
				background-position: left;}
				
.panel-four { position: relative;
			 width: 190px;
			 float: left;
			 background-color: #ffffff;
			 padding: 0px;
			 margin-bottom: 10px;}
			 
.panel-four h2 { color: #000000;
				background-color: #ffffff;
	 			font-size: 100%;
	 		 	margin: 0px 0px 0px 0px;
	 			padding: 5px 10px 5px 10px;}

.panel-four ul { position: relative;
				margin: 0px 0px 0px 10px; 
				padding: 0px 0px 0px 0px;
				list-style: none;}

.panel-four li { margin: 0px 0px 5px 0px; 
				padding: 0px 0px 0px 10px;
				background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				background-repeat: no-repeat;
				background-position: left;}					
			 
.panel-five { position: relative;
			   width: 210px;
			   float: right;
			   background-color: #ffffff;
			   padding: 0px;
			   margin: 0px;}		 		  
			  
.panel-five h2 { color: #ffffff;
				background-color: #F2631E;
	 			font-size: 100%;
	 		 	margin: 0px 0px 0px 0px;
	 			padding: 5px 10px 5px 10px;}
				
.panel-five ul { position: relative;
				margin: 10px 0px 10px 10px; 
				padding: 0px 0px 0px 0px;
				list-style: none;}

.panel-five li { margin: 0px 0px 10px 0px; 
				padding: 0px 0px 0px 10px;
				background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				background-repeat: no-repeat;
				background-position: left;}					


							 	
/* Footer */
	
.footer-contact { position: relative;
				  float: left;
				  width: 730px;
				  background-color: #FEEFE7;
				  padding: 20px;
				  margin-bottom: 10px;
				  margin-top: 10px;}
				  
.footer-contact ul { position: relative;
					 float: left;
					 margin: 0px 0px 0px 0px; 
					 padding: 0px 0px 0px 0px;
					 list-style: none;}

.footer-contact li { display: inline;
					 float: left;
					 position: relative;
					 margin: 0px 0px 0px 0px; 
					 padding: 0px 25px 0px 25px;}	
					 
.footer-contact a { color: #000000;}

.footer-links { position: relative;
				float: right;
				width:750px;
				background-color: #F2631E;
				padding: 10px;
				margin-bottom: 10px;}		
				
.footer-links ul { position: relative;
				   float: right;
				   margin: 0px 0px 0px 0px; 
				   padding: 0px 0px 0px 0px;
				   list-style: none;}

.footer-links li { display: inline;
				   color: #ffffff;}	

.footer-links a { color: #ffffff;}	

.footer-copyright { position: relative;
					float: right;
					width: 300px;
					text-align: right;}
					
.footer-logos { position: relative;
				float: left;
				width: 470px;
				color: #ffffff;}

/* Contact us form */
				
.contactdetails { position: relative;
				  float: left;
				  width: 300px;
				  margin: 0px;
				  padding: 0px;}

.contactform { position: relative;
			   float: right;
			   width: 300px;
			   margin: 0px;
			   padding: 0px;}
			   
.contactforminput { font-family: "Tahoma", Arial, Verdana, "Trebuchet MS"; 
	   				font-size: 11px; 
	   				border: 0px solid #ffffff;
	   				padding: 5px;
	   				margin-bottom: 5px;
				 	background-color: #FEEFE7;}	
					
.contactformradio { font-family: "Tahoma", Arial, Verdana, "Trebuchet MS"; 
	   				font-size: 11px; 
	   				border: 0px solid #ffffff;
					padding: 0px 0px 0px 0px;
					margin: 0px 5px 0px 0px;}	
					
.contactformselect { font-family: "Tahoma", Arial, Verdana, "Trebuchet MS"; 
	   				 font-size: 11px; 
	   				 border: 0px solid #ffffff;
	   				 margin-bottom: 5px;
					 padding: 0px;
				 	 background-color: #FEEFE7;}								
					
.contactformtextarea { font-family: "Tahoma", Arial, Verdana, "Trebuchet MS"; 
	   				   font-size: 11px; 
	   				   border: 0px solid #ffffff;
	   				   padding: 5px;
	   				   margin-bottom: 5px;
				 	   background-color: #FEEFE7;}
					   
.contactformbutton { border-bottom: 1px #AF400A solid; 
			   		 border-right: 1px #AF400A solid; 
			   		 border-top: 1px #F8A57C solid; 
			   		 border-left: 1px #F8A57C solid; 
			   		 padding: 2px 2px 2px 4px;
			   		 margin: 0px; 
			   		 background-color: #F2631E;
					 color: #ffffff;}	 					   						

.contactform_row { float:left;
				   width:100%;
				   margin-bottom:7px;}

.contactform_form{ float:left;
				   width:100%;
				   margin-bottom:4px;}


.contactform_prompt{ float: left;
        	  		 width: 100%;
			  		 font-weight: bold;
			  		 color: #CC0000;
			  		 margin-bottom:10px;
}

/* search results container */

.searchresults { position: relative;
				 float: left;
				 width: 610px;
				 margin-top: 10px;}
				 
.searchresults-relevance { color: #F2631E; }

.searchresults-url { color: #999999; }

/* page numbers */

.pagenumbering { position: relative;
				 float: left;
				 width: 610px;
				 margin-top: 20px;}
				 
.pagenumbers { position: relative;
			   float: left;}

.pageback { position: relative;
			float: right;}
			
.pageback ul { position: relative;
			   margin: 0px 0px 0px 0px; 
			   padding: 0px 0px 0px 0px;}

.pageback li { display: inline; 
			   margin: 0px 2px 0px 2px; 
			   padding: 0px 0px 0px 0px;}

/* documents */

h3.documents { color: #000000;
			   font-size: 110%;
	 		   margin: 0px 0px 5px 0px;
	 		   padding: 0px 0px 0px 0px;}			
			   
.documents-link { margin: 5px 0px 10px 0px;
				  padding: 0px 0px 5px 10px;
				  background-image: url(/shared/graphics/fco/images/blue-arrow.gif);
				  background-repeat: no-repeat;
				  background-position: left;
				  border-bottom: 1px solid #FDD7C1;}	
				  
/* virtual briefcase */

.virtualbriefcase-container { position: relative;
			        float: left;
				width: 610px;
				margin-top: 10px;}

.virtualbriefcase { position: relative;
				float: right;
				width: 580px;
				text-align: left;}
					
.virtualbriefcase-check { position: relative;
				float: left;
				width: 30px;}
                                
 /* events - added 06.09.06 AW*/


table { width: 100%;}

th { background-color: #FCE0D0;
	 white-space:nowrap;
	 padding: 5px;
	 margin: 0px;
	 text-align: left;}
	 
.whitetablecell { background-color: #ffffff;}
	 
th a { color: #000000;
	   font-weight: bold;}	 

td { background-color: #FEEFE7;
	 padding: 5px;
	 margin: 0px;} 
	 
td a { color: #000000;}	 
	 
caption { background-color: #F2631E;
		  font-weight: bold;
		  color: #ffffff;
		  font-size: 110%;
		  padding: 5px;
	 	  margin: 0px;}                               					


/*ADDED by NDW*/
.image-right		{ position:relative;
				  float:right;
				  margin:0px 0px 10px 10px;border: 0px solid #F2631E;}

.image-left		{ position:relative;
				  float:left;
				  margin:0px 25px 10px 0px;border: 0px solid #F2631E;}

.image-center		{ border: 0px solid #F2631E;}

.image-center-div	{ height: auto; text-align: center;}

.editform { font-family:"Trebuchet MS" , Arial, Verdana, Arial, Helvetica, sans-serif; 
	   				font-size: 11px; 
	   				border: 1px solid #000000;
	   				padding: 5px;
	   				margin-bottom: 5px;
				 	background-color: #FFFFFF;}
                                        
.editinfo {  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #003366; margin:0px; padding:0px;}
.editinfo2 {  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #003366; margin:0px; padding:0px;}

.contrast1{display:inline;}
.contrast2{display:none;}
.contrast3{display:none;}
.contrast4{display:none;}
.graphics1{display:inline;}
.graphics2{display:none;}
.graphics3{display:none;}
.graphics4{display:none;}
.hide{display:none;}
				  		   			 
.navigation-level3-header-related { color: #ffffff;
                           background-color: #F2631E;
                           font-size: 100%;
                           font-weight: bold;
                            margin: 10px 0px 0px 0px;
                            padding: 5px 10px 5px 10px; }

.navigation-level3-wrap { float: right; }