
body { background:url(../images/bkgd_body.jpg) repeat-x #dadbdc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0;}

#global_eip{ background:url(../images/bkgd_global.jpg) no-repeat; width: 600px; padding: 0 0 0 150px;}
.clear{ clear: both;}
ul{ margin: 0; padding: 0;}
a{ color: #000000; text-decoration: none;}
a:hover{ text-decoration: underline;}

* html img,
* html .png {
	behavior: expression(
			(this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
				this.nodeName == "IMG" ? (
					this.src.toLowerCase().indexOf('.png') > -1 ? (
						this.runtimeStyle.backgroundImage = "none",
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
						this.src = "transp.gif"
					) : 0
				) : (
					this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
					(this.currentStyle.backgroundRepeat != 'no-repeat') ? (
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
					) : 0,
					this.runtimeStyle.backgroundImage = "none"
				),this.pngSet=true
			)
		)
	);
}

ul.contact_eip{ float: right; color: #c8cacd;}
ul.contact_eip li{ display: inline; list-style: none;}

.logo_eip{ margin: 65px 0 0 0; width: 247px; float: left;}
.logo_eip a{ background: url(../images/logo_EIP.png) no-repeat; width: 247px; height: 35px; display: block; text-indent: -9999px;}
.jobs{ width: 170px; float:right; padding: 82px 0 0 0;}

.leftcontent{ background:url(../images/bkgd_content.jpg) no-repeat left bottom #f0f0f0; width: 317px; float: left; padding: 10px; line-height: 14px;}
.leftcontent2{ background:url(../images/bkgd_content.jpg) repeat-x left bottom #f0f0f0; width: 560px; padding: 20px; line-height: 14px;}
.leftcontent2 a img { border: 1px solid #999; padding: 3px; background:#FFF; margin: 0 5px 5px 0; display: block; float: left}
.leftcontent p{ line-height: 16px; margin: 10px 0 0 0;}
.leftcontent ul{ list-style: none; margin: 0 0 0 10px;}
.leftcontent ul li{ margin: 0 0 5px 0; background:url(../images/bullet_ul.png) no-repeat 0 2px; padding: 0 0 0 12px;}
.right_content{ margin: 0 0 0 30px; padding: 160px 0 0 0; width: 215px; float: left; color: #1c8bcc;}
.right_content_sympo{ margin: 0 0 0 30px; padding: 50px 0 0 0; width: 215px; float: left; color: #1c8bcc;}
.rightbloc{ padding: 0 0 10px 0; border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0;}
.right_content h1{ color: #1c8bcc; margin: 0 0 10px 0; text-align: left;}
.right_content p{ margin: 10px 0 0 0; padding: 0; line-height: 16px;}
.right_content a.link, .leftcontent a.link{ color: #046eaa; font-weight: bold; background:url(../images/bullet_link.png) no-repeat 0 2px; padding: 0 0 0 12px;}
.right_content p a{ color: #046eaa; font-weight: bold; background: none; padding: 0;}
h1.events{ background:url(../images/title_events.png) no-repeat; width: 68px; height: 18px; text-indent: -9999px;}
h1.contact{ background:url(../images/title_contact.png) no-repeat; width: 112px; height: 18px; text-indent: -9999px;}
h1.publications{ background:url(../images/title_publications.png) no-repeat; width: 129px; height: 19px; text-indent: -9999px;}
h1.news{ background:url(../images/title_news.png) no-repeat; width: 57px; height: 18px; text-indent: -9999px;}
h1.members{ background:url(../images/title_members.png) no-repeat; width: 100px; height: 19px; text-indent: -9999px;}
h1.title { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#1C8BCC; font-weight:bold; }
h2.title { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1C8BCC; font-weight:bold; }

.crumbtrail p, .crumbtrail_home p, .crumbtrail_events p, .crumbtrail_members p, .crumbtrail_news p, .crumbtrail_publications p{ margin: 0; padding: 0;}
.crumbtrail_home p{ color:#ffcb05;}
.crumbtrail_events p{ color:#f7941d;}
.crumbtrail_members p{ color:#00adef;}
.crumbtrail_news p{ color:#9f9fa0;}
.crumbtrail_publications p{ color:#b3d234;}
.crumbtrail_home .color_line{ border-bottom: 1px solid #ffcb05; margin: 2px 0 0 0; padding: 0 0 0 30px;}
.crumbtrail_events .color_line{ border-bottom: 1px solid #f7941d; margin: 2px 0 0 0; padding: 0 0 0 115px;}
.crumbtrail_members .color_line{ border-bottom: 1px solid #00adef; margin: 2px 0 0 0; padding: 0 0 0 370px;}
.crumbtrail_news .color_line{ border-bottom: 1px solid #9f9fa0; margin: 2px 0 0 0; padding: 0 0 0 295px;}
.crumbtrail_publications .color_line{ border-bottom: 1px solid #b3d234; margin: 2px 0 0 0; padding: 0 0 0 205px;}

/* MENU */

ul#menu li a{ color:#FFFFFF; border-right: 1px solid #FFFFFF; height: 17px; display:block; padding: 3px 10px 0 10px; float:left;}
ul#menu li a.nav_home{ background: #ffcb05;}
ul#menu li a.nav_events{ background: #f7941d;}
ul#menu li a.nav_publications{ background: #b3d234;}
ul#menu li a.nav_news{ background: #9f9fa0;}
ul#menu li a.nav_members{ background: #00adef;}

ul#menu li a:hover.nav_events, ul#menu li a:hover.nav_publications, ul#menu li a:hover.nav_news, ul#menu li a:hover.nav_members, ul#menu li a:hover.nav_home{ text-decoration: none; background: #1c8bcc;}

ul#menu { border: 0 none;  padding: 0; list-style: none;  text-align: left; width: 600px; height: 22px; background: #1c8bcc;}
*HTML ul#menu { border: 0 none;  padding: 0; list-style: none;  text-align: left; width: 600px; height: 19px; background: #1c8bcc;}


ul#menu li { height: auto; padding: 0;  margin: 0; float: left; /*For Gecko*/ display: inline;  list-style: none; position: relative; background: none;}

ul#menu ul { margin: 0;  border: 0 none; padding: 0; width: 165px; list-style: none; display: none; position: absolute; top: 22px; left: 0; z-index: 250;}
*HTML ul#menu ul { margin: 0;  border: 0 none; padding: 0; width: 165px; list-style: none; display: none; position: absolute; top: 19px; left: 0; z-index: 250;}

ul#menu ul li { float: none; /*For Gecko*/ display: block !important; display: block; /*For IE*/ padding: 0; margin: 0;}


ul#menu a { padding: 5px 10px 1px 10px; margin: 0; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block;  /*background: #EEE;*/ color: #fff; text-decoration: none; height:19px !important; height: 19px; /*For IE*/}

/* Root Menu Hover Persistence */
ul#menu a:hover, ul#menu li:hover a, ul#menu li.iehover a{  color: #fff;}



/* 2nd Menu */
ul#menu li:hover li a, ul#menu li.iehover li a{ float: none; background: #1c8bcc; color: #fff; text-transform: none; font-size: 10px; border-bottom: 1px solid #21499e; display:block; /*height: 20px;*/}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover, ul#menu li:hover li:hover a, ul#menu li.iehover li a:hover, ul#menu li.iehover li.iehover a { background:#1971a4; color: #ffffff;}

ul#menu ul ul, ul#menu ul ul ul { display: none; position: absolute; top: 0; left: 160px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul, ul#menu li:hover ul ul ul, ul#menu li.iehover ul ul, ul#menu li.iehover ul ul ul{ display: none;}

ul#menu li:hover ul, ul#menu ul li:hover ul, ul#menu ul ul li:hover ul, ul#menu li.iehover ul, ul#menu ul li.iehover ul, ul#menu ul ul li.iehover ul{ display: block;}

li .selected {  background: #CCC; color: #FFF;}

.add_header{ margin: 10px 0 10px 0;}


/* MENU symposium */
#menu_sympo{ width: 164px; float:left;}
#menu_sympo ul{ margin: 0; padding: 0; list-style: none;}
#menu_sympo ul li{ margin: 0 0 1px 0; }
#menu_sympo ul li a{ color: #333333; text-decoration:  none; background:#ebebeb; width: 154px; padding: 2px 5px 2px 5px; display:block; font-size: 11px; /*height: 15px;*/}
#menu_sympo ul li a:hover, #menu_sympo ul li #selected{ color: #FFFFFF; background:#1C8BCC;}

#menu_sympo ul li ul{ border: 1px solid #cccccc; margin:0; padding: 0;}
#menu_sympo ul li ul a{ color: #333333; text-decoration: none; width: 142px; padding: 2px 5px 2px 15px; display:block; font-size: 11px; /*height: 15px;*/ border-right: 1px solid #CCCCCC;}


#menu_sympo ul li ul li ul{ border: none; margin: 0; padding: 0;}
#menu_sympo ul li ul li ul a{ color: #333333; text-decoration: none; width: 127px; padding: 2px 5px 2px 30px; display:block; font-size: 11px; border-right: 1px solid #CCCCCC;}
#menu_sympo ul li ul li ul a:hover, #menu_sympo ul li ul a:hover, #menu_sympo ul li ul li ul #selected, #menu_sympo ul li ul #selected{ color:#999999; font-weight: normal; background:#FFFFFF;}

/* Fin de menu */


  /*  ================  button  ================ */
.btnLeft, #content .btnLeft, #header .btnLeft { float:left; width:12px; height:22px; background:#fff url(../images/bg_btnLeft.gif) 0px 0px no-repeat;}
.btnCenter, #content .btnCenter,  #header .btnCenter { margin:0; padding:4px 0 0 0; height:18px; font-weight:bold; float:left; background:#fff url(../images/bg_btnCenter.gif) 0px 0px repeat-x;}
.btnCenter a, #content .btnCenter a,  #header .btnCenter a { color:#666; display:block; text-decoration:none}
.btnCenter a:hover, #content .btnCenter a:hover,  #header .btnCenter a:hover { color:#0079BC; display:block; text-decoration:none}
.btnRight, #content .btnRight,  #header .btnRight { float:left; width:12px; height:22px; background:#fff url(../images/bg_btnRight.gif) 0px 0px no-repeat;}

.leftcontent2 ul{ list-style: none}
.leftcontent2 ul li { display: inline;}
