﻿/*** Let's Set Everything to Zero ***/
html,body,p,div,img,li,ul,dl,dd,dt,form,form,noscript{
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
border:0;
border-spacing:0;
}
input,select{
margin:0;
padding:0;
}
body {
margin: 0; 
padding:0;
color: #202020;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
background-color: #fff;
}
p {margin: 0 0 10px 0;}
ol {margin: 0 0 0 25px; padding:0}
ul.regular {margin: 0px 0px 0px 390px;}

/* Text and images styles */
h1,h2,h3,h4{color:#006736;}

h1
{
font-size: 1.6em;
    font-weight: normal;
    margin: 5px 0 10px;
    padding: 0;
}
h2.default
{
margin: 0px 0px 0px 0px; 
padding: 5px 0px 0px 5px;
font-size: 1.2em;
background-image: url(/images/bg-grey-h2.jpg);
background-repeat: repeat-x;
height: 28px;
}
h2
{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 6px 0px;
font-size: 1.2em;
}
h3
{
margin: 15px 0px 6px 0px; 
padding: 0px 0px 0px 0px;
font-size: 1.1em;
font-weight: bold;
}
h4
{
margin: 15px 0px 5px 0px; 
padding: 0px 0px 0px 0px;
font-size: 1.0em;
font-weight: bold;
color:#666666;
}
.whitetitle
{
font-size: 1.1em;
color: #FFFFFF;
font-weight: bold;
}
.boldwhite
{
font-size: 0.9em;
color: #FFFFFF;
font-weight: bold;
}
.smallwhite{
color: #FFFFFF;
font-size: 0.8em;
}
.smallgrey{
font-size: 0.9em;
}
a, a:visited {
color: #0048E7;
text-decoration: underline;
font-weight: bold;
font-size: 0.9em;
}
a:hover {
text-decoration: none;
}

.blackbold{
font-size: 1.0em;
margin: 0;
padding: 0;
}
.bigblackbold{
font-size: 1.5em;
margin: 0;
padding: 0;
}
.leftimg {padding: 0px 10px 10px 0px; float:left}
.rightimg {padding: 0px 0px 10px 10px; float:right}

.regulartable {border-width: 1px; border-style: solid; border-color:#c1d0d7; border-collapse: collapse;}
.regulartable td {border-width: 1px; border-style: solid; border-color:#c1d0d7; border-collapse: collapse; padding: 5px 5px 5px 5px}
.regulartable th {font-weight:bold; border-width: 1px; border-style: solid; border-color:#c1d0d7; border-collapse: collapse; background-color:#d5e0e4; padding: 5px 5px 5px 5px}



/* End Text styles */

/* Page */
#conteneur {

width:990px;
margin: 0px auto;
padding:0px;
padding: 0 0px 0 3px;
}
#border {
/*background-color: #FF00CC;*/
border: 1px solid #CFCFCF;
background-color: #FFFFFF;

}
div.clearer {clear: both; line-height: 0; height: 0;}

#part1content {
  width: 100%;
  background-color:#FDFAF1;
  padding-bottom:5px;
}
.spacer {
  clear: both;
}
/* End Page */

/* Top */
#header {
height: 151px;
background-image:url(/images/IOS/GradientBackground.gif);
background-repeat:no-repeat;
background-position:top left;
background-color: #383838;
margin:0;
padding:0;
}
	#logo {
	padding:0px;
	float: left;
	margin: 0;
	}
	#title {
	float: left;
	margin: 30px 0px 0 155px;
	color:#FFFFFF;
	font-weight: normal;
	}
		.bigtext{ font-size: 2.5em; color:#000;  }
		.averagetext{ font-size: 1.3em; }	
	
	#topnav {
	margin: 10px 20px 0 0;
	float: right; 
	text-align: right;
	width:500px;
	}
		#topnav a {
		color: #FFFFFF;
		font-size: 0.9em;
		text-decoration: none;
		font-weight: bold;
		margin: 0 15px 0 5px;
		}
		#topnav a:hover  {
		text-decoration: underline;
		}
		#topnav a:active, #topnav a:focus {
		background-color:#999999;
		}
		#topnav a.special {
		color: #FFFFFF;
		font-size: 0.9em;
		text-decoration: none;
		font-weight: bold;
		margin: 0;
		}
		#accesibility { 
		margin: 0 0 10px 0;
		}
		#searcharea 
		{
			float:right;
		margin: 18px 20px 5px 0;
		
		}
			#search_box{
			height: 15px;
			font-size: 12px;
			}
			.hidden {position: absolute; left: -9000px;}
			.go { padding-top: 1px;}


#roadline {
padding: 4px 0 5px 15px;
font-size: 0.9em;
}
	#roadline a{
	color: #000000;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
	}
	#roadline a:hover{
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	}
	#roadline a:active, #roadline a:focus{
	background-color: #E1E1E1;
	font-size: 1em;
	font-weight: normal;
	}
#introtext {
padding: 4px 0px 10px 15px;
}
ul {
list-style: square;
padding: 4px 0px 4px 17px;
}
/* End Top */

/* HP */
#leftHP {
float:left;
width: 642px;
padding: 0 0 0 15px;
}
.tablelogos{
background-color: #FDFAF1;
margin-bottom:15px;
}
#quicklinksHP{
clear: none;
height: 212px;
}
	.quicklinks2 {clear: left; margin: 0px 0px 0px 0px; padding: 2px 5px 10px 5px; background-color:#FDFAF1;}

#rightHP {
padding: 0 15px 0 10px;
margin-left: 660px; 

}
#tablephotosHP{
	float: left;
	width: 380px;
	margin-bottom: 15px;
	background-color: #000000;
	}
#tablenewsHP{
border-bottom:1px solid #fff;
width:100%;
}	



.paragraphHP{
padding: 5px 15px 5px 15px;
background-color:#FDFAF1;
}
.spacer {
clear: left;
}

.formlist{
vertical-align: top;
}
.borderright{
font-weight: bold;
text-align: center;
border-right: 1px solid #000000;
}
/* End HP */

/* Content */
#centre {
padding: 0;
margin-left: 5px;
margin-right: 265px;
}
#centre-2columns {
padding: 0;
margin-left: 5px;
margin-right: 15px;
}
	#tablephotos{
	float: none;
	width: 440px;
	margin-right: 10px;
	background-color: #fff;
	margin-bottom: 10px;
	}
		.eventtitle { padding: 5px 0 5px 10px; background-color: #000000; }
		.eventphoto { padding:0; margin:0; text-align: center; background-color: #000000; }
		.descriptionphoto { padding: 5px 10px 5px 10px; background-color: #000000; } 
		.miniphotos { padding: 2px 0 6px 0; background-color: #000000; text-align: center; }
			.spacephoto { padding: 0 3px 0 3px; }

#left {
float:left;
width: 205px;
padding: 0 0 0 15px;
}
	.quicklinks {clear: left; margin: 0px 0px 0px 0px; padding: 2px 5px 5px 5px; background-color:#FDFAF1;}
		.caselogo {width:45px; float:left; padding: 0px 5px 0 10px;}
		.casetext  {margin-left: 55px; padding: 15px 0px 10px 0px; text-align:left; text-transform:uppercase;}
		.casetextlong {margin-left: 55px; padding: 10px 0px 5px 0px; text-align:center;}

#right {
float:right;
width: 235px;
padding: 0 15px 0 0;
}
	#listen{
	background-color: #CFCFCF;
	padding: 10px 8px 1px 15px;
	}
	#question{
	height: 49px;
	background-color: #CFCFCF;
	padding: 4px 8px 0px 15px;
	margin-bottom: 10px;
	}
	.submit	{
	padding: 3px 0 0 85px;
	}



.IOSHeader
{
padding: 0 0 4px 0;
color: #ED66AA;
}


#multimediagallery, #listen, #yourcomments { margin: 0 0 15px 0; }
/* END TITLES */
/* End Content */

/* Footer */
#footer {
padding: 2px 0 5px 0;
clear:both;
background-color: #242424;
color: #FFFFFF;
}
	#footer a {
	color: #FFFFFF;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bold;
	margin: 0 10px 0 10px;
	}
	#footer a:hover  {
	text-decoration: underline;
	}
	#footer a:active, #footer a:focus {
	background-color:#999999;
	}
#address {
font-size: 0.9em;
margin-top: 10px;
border-top:1px solid #ccc;
padding-top:10px;

}
/* End Footer */

/* Menus */



#IOSMenu{margin: 0 0 15px 0; width: 205px;}
#IOSMenu ul {width: 205px;margin: 0;padding: 0;list-style-type: none;font-size: 1em;}
#IOSMenu li {margin:0px 0px 1px 0px; padding:0px;background-color: #047412; border-left:6px solid #9BCC34;}
#IOSMenu a, #IOSMenu a:visited {font-weight:normal; display: block;padding: 6px 10px 6px 10px;width: 179px;color: #fff;text-decoration: none;}
#IOSMenu a:hover{text-decoration: underline;}
#IOSMenu a:focus, #IOSMenu a:active{background-color: #9BCC34;} 
/* Sub Navigation */
#IOSMenu ul ul {width: 199px;margin: 0;padding: 0;list-style-type: none;font-size: 1em;}
#IOSMenu ul ul li {margin: 0; padding:0 ; border-top: 1px solid #FFFFFF; border-left:none;}
#IOSMenu ul ul a, #IOSMenu ul ul a:visited{ font-weight:normal;display: block;padding: 5px 10px 5px 20px;width: 169px;color: #fff;background-color: #75B27D;text-decoration: none;}
#IOSMenu ul ul a:focus, #IOSMenu ul ul a:active{background-color: #9BCC34;} 		
#IOSMenu ul ul a:hover{text-decoration:underline;}
/* Sub Navigation level 3 */
#IOSMenu ul ul ul {width: 199px;margin: 0;padding: 0;list-style-type: none;font-size: 1em;}
#IOSMenu ul ul ul li {margin: 0; padding:0 ;border-left:none;}
#IOSMenu ul ul ul a, #IOSMenu ul ul ul a:visited{ font-weight:normal;display: block;padding: 5px 10px 5px 40px;width: 149px;color: #fff;background-color: #348E3F;text-decoration: none;}
#IOSMenu ul ul ul a:focus, #IOSMenu ul ul ul a:active{background-color: #9BCC34;} 		
#IOSMenu ul ul ul a:hover{text-decoration:underline;}
#IOSMenu ul li a#currentnav{ font-weight:bold;}

/*Home menu */
#IOSMenuHome{margin: 0 0 15px 0; width: 309px;}
#IOSMenuHome ul {width: 309px;margin: 0;padding: 0;list-style-type: none;font-size: 1em;}
#IOSMenuHome li {margin:0px 0px 1px 0px; padding:0px;background-color: #047412; border-left:6px solid #9BCC34;}
#IOSMenuHome a, #IOSMenuHome a:visited {font-weight:normal; display: block;padding: 6px 10px 6px 10px;width: 282px;color: #fff;text-decoration: none;}
#IOSMenuHome a:hover{text-decoration: underline;}
#IOSMenuHome a:focus, #IOSMenuHome a:active{background-color: #9BCC34;}

			  
#relatedlinksmenu, #relatedwebsitesmenu, #relevantpublicationsmenu {
list-style-type:square;
margin: 0 0 0 0;
padding: 5px 0 20px 0;
}
#relatedlinksmenu li, #relatedwebsitesmenu li, #relevantpublicationsmenu li {
padding: 2px 0 0 7px;
font-weight: bold;

}
#relatedlinksmenu a, #relatedwebsitesmenu a, #relevantpublicationsmenu a {
margin: 0 2px;
}

.linkslist {
list-style-type: square;
margin: 0 0 0 0;
padding: 5px 0 20px 0;
}
.linkslist li {
padding: 2px 0 0 7px;
font-weight: bold;

}
.linkslist a {
margin: 0 2px;
}
/* End Menus */

	


	


	



/* Ptools added styles for content editor */

#centre-2columns {min-height:50px;}
#centre{min-height:50px;}


span.underline { text-decoration:underline;}
p.left {text-align:left;}
p.right{text-align:right;}
p.center{text-align:center;}

img.right{float:right;
padding:0px 0px 10px 10px;}

img.left{float:left;
padding:0px 10px 10px 0px;}

.searchbtn
{	
 vertical-align:top; background:#fff url('/images/go.gif') no-repeat top left; width:33px; height:19px; border:none; cursor:pointer;
}

#footer{margin-top:10px;}

#preview{margin-right:15px;float:left; text-align:left;}

.sitemap ul{ list-style:none;}

.sitemap ul li { color:#0048E7; padding-left:5px;}

.sitemap ul li { margin-bottom: 1px; margin-top: 3px;}




	




#tablephotosHP td a:link, #tablephotosHP td a:visited
{
	color:#fff;
	text-decoration:none;
}
#tablephotosHP td a:hover
{
	color:#fff;
	text-decoration:underline;
}



.miniphotos { padding: 2px 0 6px 7px; background-color: #000000; text-align: center; }
.spacephoto { padding: 4px 3px 0 3px; }
			

#SingleColumn{padding:15px; min-height:50px;}






#NewsArea
{
	margin: 8px 0 0 0;
padding:0;
width:453px;
float:left;

margin-right:5px;
}

.NewsLink
{
padding-top:5px;	
padding-left:10px;
}
.NewsLink a
{
color:#05643A;
text-decoration:none;
font-weight:normal;
}

.NewsLink a:hover
{
	text-decoration:underline;
}

hr.border
{
height:1px; border: 0;
color: #D99F3E;
background-color: #D99F3E;
}

.MediaTitle h2{color:#fff;}

#lefthome
{
	float:left;
padding:0 0 0 15px;
width:315px;
}

#righthome
{
	margin-left:325px;
padding:0 15px 0 10px;
}

.titleISO{background-color:#047412;  font-weight:bold; height:23px;
padding:5px 0 0 12px;}
.titleISO h2{color:#fff;}

#IOSHomeNews
{
	background-color:#F5F5EB;
padding-bottom:5px;
width:309px;
}

/** remove the print items **/
#accessibility, #searcharea,#left,#roadline, #FooterBanners,#footer,#ptools,#mainnav,#newslettertitle,#newsletter
,#CalendarArea,.twitterContainer
{display:none;}
#centre{margin-left:5px;}

.dataflow{ display:none;}
.dataflow img{ display:block;}

.header{ border-bottom: 1px solid #CCCCCC;
    font-size: 21px;
    font-weight: normal;
    height: 60px;}
.header span{ display: block;
    padding-top: 17px;
    width: 500px; font-style:italic;}
    
.pageOptions{display:none;}

.printLimiter{width: 700px; padding: 7px 10px 10px 10px;}

.printContent{padding:10px; padding-top:0px;}

#relatedlinkstitle h2{ color:Black;}

#relatedlinksmenu li, #relatedwebsitesmenu li, #relevantpublicationsmenu li {
 background:none;
    font-weight: bold;
    padding: 2px 0 0 0px;
}
