/*
-----------------------------------------------
SUPER-SME basic style
version:  2007.05.04
----------------------------------------------- 
*/

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font: small Tunga verdana lucida arial helvetica sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	} html>body {font-size:larger;}

/* Column Structure
----------------------------------------------- */
#content {
  margin-left:20px;
  width:900px;
/*  width:730px;*/

  }
.maincol {
  float:left;
  width: 800px;
  margin:0;
  font-size:100%;
  line-height:1.5em;
  }
.subcol {
  float:right;
  width: 200px;
  font-size:85%;
  line-height:1.5em;
  }
.xcol {
  float:right;
/*  width:180px; */
  width: 200px;
  font-size:85%;
  line-height:1.5em;
  }
  
.col-M .maincol {
  float:none;
  width:100%;
  }
.col-SM .xcol, .col-MS .xcol, .col-M .subcol, .col-M .xcol {display:none;}
.col-SM .maincol, .col-SMX .maincol {float:right;}
.col-SM .subcol, .col-SMX .subcol {float:left;}
  
.col-MSX .wrap, .col-SMX .wrap {
  float:left;
/*  width:530px;*/
  width:800px;
  }
.col-MSX .maincol, .col-SMX .maincol {width:600px;}
.col-MSX .subcol, .col-SMX .subcol {/*width:180px;*/ width:200px;}

#home .maincol {/*width:390px;*/ width:700px;}
#home .subcol {/*width:300px;*/ width:200px;}


/* Logo Header
----------------------------------------------- */
#header {
  background:#fff;
  height:105px;
  border-bottom:4px solid #993333;
  voice-family: "\"}\"";
  voice-family:inherit;
  } html>body #header {height:105px;}
  
#logo {
  position:absolute;
  top:10px; left:20px;
}
 
 #eelogo_rk2 {
  position:absolute;
  top:10px; 
/*  left:380px;*/
	left: 683px;
  }
 
 #eelogo {
  position:absolute;
  top:10px; 
/*  left:489px;*/
	left: 778px;
  }
 
/* Main Navigation
----------------------------------------------- */
#nav {
  position:relative;
/*  margin-left:450px;*/
  margin-left:650px;
  top:100px;
  font-size:85%;
  }
#nav div {
  position:absolute;
  width:400px;
  bottom:0;
  left:0;
  border-left:1px solid #993333;
  }
#nav a, #nav strong, #nav em {
  float:left;
  display:block;
  padding:2px 6px 7px;
  border-width:0;
  border-style:none;
  border-right:1px solid #993333;
  text-decoration:none;
  color:#FF6600;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.2em;
  } html>body #nav a, html>body #nav strong, html>body #nav em {height:1.2em;}
#nav strong {
  border-bottom:5px solid #993333;
  padding-bottom:2px;
  color:#000;
  }
#nav a:hover {
  color:#f00;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover {
  border-bottom:5px solid #993333;
  padding-bottom:2px;
  }
#nav strong a {
  float:none;
  display:inline;
  border-width:0;
  padding:0;
  }
#nav strong a:hover {
  border-bottom-width:0;
  }
#nav em {
  float:none;
  display:block;
  padding-left:0;
  padding-right:0;
  border-right-width:0;
  }
#nav span {display:none;}


/* Home Page
----------------------------------------------- */
#home ol {margin-bottom:0;}
#home ul#subnav {margin:0.45em 0 1.5em 0;}
#home ul#latestupdates {margin:0.45em 0 1.5em 0;}
#home ul#subnav br {display:none;}
#home ul#latestupdates br {display:none;}
#home #subnav li {margin:0 0 5px; padding:0; background-image:none;}
#home #latestupdates li {margin:0 0 5px; padding:0; background-image:none;}
#home #latestupdates a:link, #home #latestupdates a:visited {
  display:block;
  padding:6px 10px;
  border-width:1px;
  border-style:solid;
  width:300px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:278px;
  }html>body#home #latestupdates a:link, html>body#home #latestupdates a:visited {width:278px;}
#subnav strong {
  display:block;
  font:120%/1.2em Arial,Sans-serif;
  font-weight: bold;
  margin-bottom:4px;
}

#latestupdates img {
  float:left;
  margin:0 8px 0 0;
  }

#latestupdates .box1 strong {color:#660000;}
#latestupdates .box2 strong {color:#660000;}

#home #subnav a:link, #home #subnav a:visited {
  display:block;
  padding:6px 10px;
  border-width:1px;
  border-style:solid;
  width:300px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:278px;
  } html>body#home #subnav a:link, html>body#home #subnav a:visited {width:278px;}
#subnav strong {
  display:block;
  font:120%/1.2em Arial,Sans-serif;
  font-weight: bold;
  margin-bottom:4px;
  /*
  padding-left:14px;
  background-repeat:no-repeat;
  background-position:0px .45em;
  */
  }
#subnav img {
  float:left;
  margin:0 8px 0 0;
  }

#subnav .box1 strong {color:#660000;}
#subnav .box2 strong {color:#660000;}

#home .box1 a {
  background-color:#CC9966;
  color:#000;
  border-color:#ccc;
  }
#home .box2 a {
  background-color:#EAEEF2;
  color:#000;
  border-color:#000;
  }

#home #subnav a:hover {
  background-color:#fff;
  border-color:#ccc;
  color:#660000;
  }
#home #subnav a:hover strong {
  color:#c00;
  /* background-image:url("/images/new/arrow_hover.gif"); */
  }
  
#home p {margin:.5em 0;}

#home ul.more {
  margin:1em 0;
  border-top:1px dotted #ccc;
  padding-top:.5em;
  width:100%;
  }
#home .subcol ul.more {
  height:1.4em;
  margin:0 0 .75em;
  border:none;
  padding-top:0;
  }
#home .maincol ul.more li {
  float:none;
  margin-right:0;
  }
#home ul.more li {
  display:block;
  float:left;
  background-image:none;
  padding:0 0 0;
  margin-left:0;
  margin-right:15px;
  }

/* Section Headers
----------------------------------------------- */
#moto {
background:#ED6E00 url("graphics/moto_blueprint.gif") no-repeat left top;
border-bottom: 4px solid #993333;
}

#motoimage {
background:url("graphics/moto_image2.gif") no-repeat 850px 0px;
height:110px;
}

#FinalConferencemoto {
background:url("graphics/moto_image2.gif") no-repeat 850px 0px;
border-bottom: 4px solid #993333;
}

#FinalConferencemotoimage {
background:url("graphics/FinalConferenceMoto.gif") no-repeat 0px 0px;
height:110px;
}

/* Section Headers
----------------------------------------------- */
#section {
  position:absolute;
  top:109px; left:0;
  margin:0;
  width:100%;
  }
#section h4 {
  margin:0;
  background:#ED6E00;
  display:block;
  background-repeat:no-repeat;
  padding:0;
  height:41px;
  border-bottom: 4px solid #993333;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:37px;
  } html>body #section h4 strong {height:37px;}
#section h4 a {
  display:block;
  margin-left:20px;
  width:200px;
  height:34px;
  border-width:0;
  border-style:none;
  }
#section h4 span {display:none;}

#project #section h4 {background-image:url("graphics/secimg_project.gif");}
#partners #section h4 {background-image:url("graphics/secimg_partners.gif");}
#partners-profile #section h4 {background-image:url("graphics/secimg_partners-profiles.gif");}
#library #section h4 {background-image:url("graphics/secimg_library.gif");}
#partners-reg-partnership #section h4 {background-image:url("graphics/secimg_regional-partnership.gif");}
#partners-activities #section h4 {background-image:url("graphics/secimg_activities.gif");}
#project-implementation #section h4 {background-image:url("graphics/secimg_implementation.gif");}
#project-seminars #section h4 {background-image:url("graphics/secimg_seminars.gif");}
#project-surveys #section h4 {background-image:url("graphics/secimg_surveys.gif");}
#project-reports #section h4 {background-image:url("graphics/secimg_reports.gif");}
#project-contacts #section h4 {background-image:url("graphics/secimg_contacts.gif");}
#int-pl #section h4 {background-image:url("graphics/secimg_int-pl.gif");}

#project #section h4, #project-implementation #section h4, #project-seminars #section h4, #project-surveys #section h4, #project-reports #section h4, #project-contacts #section h4, #partners #section h4, #partners-profile #section h4, #partners-reg-partnership #section h4, #partners-activities #section h4,
#int-pl #section h4, #library #section h4 {
  padding:0;
  height:37px;
  }


/* Section Nav
----------------------------------------------- */
#section ul {
  margin:0 0 15px 20px;
  padding:0;
  border-left:1px solid #993333;
  font-size:85%;
  background:#FFCC66;
  }
#section ul li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  }
#section ul a, #section ul strong, #section ul em {
  float:left;
  display:block;
  padding:5px 6px 2px;
  border-width:0;
  border-style:none;
  border-right:1px solid #993333;
  text-decoration:none;
  color:#660000;
  white-space:nowrap;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.5em;
  } html>body #section ul a, html>body #section ul strong, html>body #section ul em {height:1.5em;}

#section ul strong {
  border-top:5px solid #993333;
  padding-top:0;
  background:#fff;
  color:#000;
  }
#section ul a:hover {
  color:#f00;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#section ul a:hover {
  border-top:5px solid #993333;
  padding-top:0;
  }
#section ul strong a,#section ul .regnavback a {
  float:none;
  display:inline;
  padding:0;
  border-width:0;
  }
#section ul strong a:hover {
  border-top-width:0;
  }
#section ul em {
  float:none;
  display:block;
  border-right-width:0;
  }

/* Links
----------------------------------------------- */
a:link, a:visited {
  color:#FF6600;
  text-decoration:none;
  border-bottom:1px dotted #69f;
  }
a:visited {
  color:#906;
  border-color:#c6c;
  }
a:hover {
  color:#f00;
  border-color:#c00;
  }
a:link img, a:visited img {border-width:0;}
h2 a:link, h2 a:visited {border-width:0; color:#03c;}
h3 a:link, h3 a:visited {border-width:0; color:#03c;}
h2 a:hover, h3 a:hover {color:#f00; border-bottom-width:1px;}
a.noborder:link, a.noborder:visited {border-width:0;}
a.thumbnail:link, a.thumbnail:visited {border-width:0;}

#footer a:link, #footer a:visited {
  color:#fff;
  text-decoration:none;
  border-bottom:0;
  }

/* Titles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
/*	font-family: Tunga, verdana, lucida, arial, helvetica, sans-serif;
	color: #c00; */
	font-family: Tunga,verdana, lucida, arial, helvetica, sans-serif;
	color: #0000CC;
	}
h1 {
  margin:15px 20px 10px 20px;
  padding:0;
  border-bottom:1px dotted #06579C;
  font:160%/1.2em Tunga, verdana, lucida, arial, helvetica, sans-serif;
  }
#project h1, #project-implementation h1, #project-seminars h1, #project-surveys h1, #project-reports h1, #project-contacts h1, #partners h1, #partners-profile h1, #partners-reg-partnership h1, #partners-activities h1, #int-pl h1, #library h1 {
  margin-top:77px;
  }
h2 {
  margin:0 0 5px 0;
  padding:0;
  font:145%/1.2em Tunga, verdana, lucida, arial, helvetica, sans-serif;
  font-weight:bold;
  }
  
h3 {
  margin:0;
  font:120%/2em Tunga, verdana, lucida, arial, helvetica, sans-serif;
  color:#c00;
  font-weight:bold;
  }
h4 {
  margin:0;
  font-size:100%;
  }

/* tables
----------------------------------------------- */
table {
	margin-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
	}
	
.TableHead {
	margin: 0;
	padding:0.3em;
  	line-height:1.5em;
	font-weight: bold;
	color: #333;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #dedede;
	text-align: center;
	}

td {
	margin: 0px 0px 0px 0px;
	padding:0.5em;
  	line-height:1.5em;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
	text-align: left;
	}
	
.caption	{
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	}

.topalign td {
	vertical-align: top;
}

/* Lists
----------------------------------------------- */
dl {margin:0 0 1.5em; padding:0;}
dd {margin:0 0 .5em; padding:0;}
dl.sidenav, ul.sidenav {margin-bottom:2em; margin-left:0;}
dl.sidenav dt, ul.sidenav li {
  background:url("/images/new/bullet_red.gif") no-repeat 0 .6em;
  padding-left:12px;
  }
dl.sidenav dt strong, ul.sidenav li strong {
  font:bold 118%/1.5em Georgia,Serif;
  }
dl.sidenav dd {
  padding-left:12px;
  }
dl.sidenav a:link, dl.sidenav a:visited, ul.sidenav a:visited {
  color:#03c;
  border-bottom:1px dotted #69f;
  }
dl.sidenav a:hover {
  color:#f00;
  border-color:#c00;
  }
ul {
  margin:.5em 0 1em;
  padding:0;
  }
ol {
  margin-top:.5em;
  margin-bottom:1em;
  }
ul li {
  margin:0 0 0 7px;
  padding:0 0 5px 12px;
  line-height:1.5em;
  list-style:none;
  background:url("graphics/bullet_red.gif") no-repeat 0 .5em;
  }
ol li {
  padding:0 0 5px 0;
  }
.maincol ol {
  margin-left:30px;
  padding-left:0px;
  }
.maincol ul li {
  margin-left:12px;
  padding-left:18px;
  }
ul.dates li {
  margin-left:0;
  padding:5px 0 5px 18px;
  background-position:7px .95em;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  }
ul.red li, ul.dates li, .annc ul li, .annc-light ul li {
  background-image:url("/images/new/bullet_red.gif");
  }

ul.files li {
	padding: 0 0 0 22px;
	line-height:20px;
	}
	

/* Modules
----------------------------------------------- */
#sidebox {
	padding:0 0 5px;
	margin:10px 0px 10px 0;
	border:1px solid #999;
	background:#eee;
}

#sidebox h2 {
	background:#ccc;
	padding:4px 10px;
	border-bottom:1px solid #999;
	font-size:140%;
	font-weight:bold;
	background: #ccc;
	font-family: Tunga, verdana, lucida, arial, helvetica, sans-serif;
}
#sidebox h3 {
	padding:4px 10px;
	font-size:100%;
	font-weight:bold;
	font-family: Tunga, verdana, lucida, arial, helvetica, sans-serif;
}

#sidebox p {
	margin:.5em 10px;
}

#sidebox img {
	margin:0 10px 0 0;
	display:inline;
}

#sidebox h3 a:link, #sidebox h3 a:visited {border-width:0; color:#c00;}
#sidebox h3 a:hover {color:#c00; border-bottom-width:0;}

.serviceinset,.serviceinsetr {
  float:left;
  padding:0 0 5px;
  width:180px;
  margin:0 20px 10px 0;
  border:1px solid #999;
  background:#eee;
  }
.serviceinsetr {
  float:right;
  margin:0 0 10px 20px;
  }
.serviceinset h3, .serviceinsetr h3 {
  background:#ccc;
  padding:4px 8px;
  border-bottom:1px solid #999;
  font-size:100%;
  color:#333;
  }
.serviceinset p, .serviceinsetr p {
  margin:.5em 8px;
  }

  
/* Footer
----------------------------------------------- */
cite {
  display:block;
  clear:both;
  height:8px;
  background:url("/images/new/bit_light.gif") no-repeat right;
  font-size:1px;
  }
#footer {
  clear:both;
  padding-top:15px;
  font-size:85%;
  }
#footer span {
  display:block;
  margin:0;
  background:#D47C52;
  color:#fff;
  padding:3px 42px 3px 30px;
  }
#footer div {
  margin:0;
  background:#AA542A;
  color:#CCEEB6;
  padding:3px 42px 3px 30px;
  }
#footer div strong {}
#footer div em {color:#9c3; font-style:normal;}
#footer hr {display:none;}
  
  
/* Miscellaneous
----------------------------------------------- */
.FileDetails{font:italic 70%/1.4em Verdana,Sans-serif;}

.hide {display:none;}
p {margin:0 0 0.5em;}
pre {
  margin:0 0 1em;
  font-size:100%;
  }
pre.codeblock {
  background:#eee;
  border:1px solid #ccc;
  padding:5px;
  }
code {font:110% "Courier New";}

.ar {color:#06579C !important;}
.reset {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  height:1px;
  font-size:1px;
  line-height:1px;
  }
.imgleft, .imgleftsm {
  float:left;
  display:block;
  margin:3px 15px 5px 0;
  font:italic 85%/1.4em Verdana,Sans-serif;
  color:#666;
  }
.imgleftsm {margin:3px 8px 3px 0;}
p.imgleft {border-width:0; padding-top:2px; display:inline;}
p.imgleft img {
  display:block;
  margin-bottom:2px;
  border:1px solid #ccc;
  }
p.continue {margin-top:1em; text-align:right;}
.tight {margin-bottom:.1em;}

.xls	{
	background: url(graphics/excel.gif) no-repeat 0 1px;
	}
.doc	{
	background: url(graphics/word.gif) no-repeat 0 1px;
	}
.pdf	{
	background: url(graphics/pdf.gif) no-repeat 0 1px;
	}
.ppt	{
	background: url(graphics/ppt.gif) no-repeat 0 1px;
	}
.pps	{
	background: url(graphics/pps.gif) no-repeat 0 1px;
	}
	
.zip	{
	background: url(graphics/zip.gif) no-repeat 0 1px;
	}