/*
-----------------------------------------------
STRATIC basic style
version:  2004.03.01
----------------------------------------------- */

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

/* Column Structure
----------------------------------------------- */
#content {
  margin-left:20px;
  width:730px;
  }
.maincol {
  float:left;
  width:530px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  }
.subcol {
  float:right;
  width:180px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  }
.xcol {
  float:right;
  width:180px;
  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;
  }
.col-MSX .maincol, .col-SMX .maincol {width:330px;}
.col-MSX .subcol, .col-SMX .subcol {width:180px;}

#home .maincol {width:390px;}
#home .subcol {width:300px;}


/* Logo Header
----------------------------------------------- */
#header {
  background:#fff;
  height:94px;
  border-bottom:4px solid #036;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:90px;
  } html>body #header {height:90px;}
#logo {
  position:absolute;
  top:10px; left:20px;
  width:222px;
  }
 
 #eelogo {
	position:absolute;
	top:10px; right:20px;
	width:246px;
  }
  
  #interreglogo {
	position:absolute;
	top:10px; right:280px;
	width:164;
  }

/* Main Navigation
----------------------------------------------- */
#nav {
  position:relative;
  margin-left:240px;
  height:100%;
  font-size:85%;
  }
#nav div {
  position:absolute;
  width:500px;
  bottom:0;
  left:0;
  border-left:1px solid #06579C;
  }
#nav a, #nav strong, #nav em {
  float:left;
  display:block;
  padding:2px 6px 7px;
  border-width:0;
  border-style:none;
  border-right:1px solid #06579C;
  text-decoration:none;
  color:#06579C;
  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 #06579C;
  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 #06579C;
  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.subnav br {display:none;}
#home .subnav li {margin:0 0 5px; padding:0; background-image:none;}
#home .subnav .box1 a:link, #home .subnav .box1 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 .box1 a:link, html>body#home .subnav .box1 a:visited {width:278px;}
.subnav strong, .box2 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, .box2 img {
  float:left;
  margin:0 8px 0 0;
  }

.subnav .box1 strong {color:#06579C;}
.box2 strong {color:#c00;}

#home .box1 a {
  background-color:#eee;
  color:#000;
  border-color:#ccc;
  }
#home .box2 {
  background-color:#ffc;
  color:#000;
  border: 2px solid #ffe7c7;
  padding:10px;
  }
  
#home .box2 a:link, #home .box2 a:visited {
  color:#0033cc;
  border-color:#0033cc;
  }
  
#home .box2 a:hover, #home .box2 a:active {
  color:#c00;
  border-color:#c00;
  }
  
#home .blue {background-color:#ddedf1; border-color:#d0e6ec;}

#home .subnav a:hover {
  background-color:#fff;
  border-color:#ccc;
  color:#333;
  }
#home .subnav a:hover strong {
  color:#c00;
  /* background-image:url("/images/new/arrow_hover.gif"); */
  }
  
#home .box2 ul {margin-left:70px; margin-bottom:0;}
  
#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:#036 url("graphics/moto1.gif") no-repeat left top;
border-bottom: 4px solid #036;
}

#motoimage {
background:url("graphics/moto_image2.jpg") no-repeat 559px 0px;
height:142px;
}

/* Section Headers
----------------------------------------------- */
#section {
  position:absolute;
  top:94px; left:0;
  margin:0;
  width:100%;
  }
#section h4 {
  margin:0;
  background:#06b;
  display:block;
  background-repeat:no-repeat;
  padding:0;
  height:41px;
  border-bottom: 4px solid #036;
  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 #8EA3FA;
  font-size:85%;
  background:#D6DEFF;
  }
#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 #8EA3FA;
  text-decoration:none;
  color:#06579C;
  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 #06579C;
  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 #06579C;
  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:#03c;
  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: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	color: #c00;
	}
h1 {
  margin:15px 20px 10px 20px;
  padding:0;
  border-bottom:1px dotted #06579C;
  font:160%/1.2em "Trebuchet MS", 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 "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
  font-weight:bold;
  }
  
h3 {
  margin:0;
  font:120%/2em "Trebuchet MS", 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: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
}
#sidebox h3 {
	padding:4px 10px;
	font-size:100%;
	font-weight:bold;
	font-family: "Trebuchet MS", 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:#036;
  color:#fff;
  padding:3px 42px 3px 30px;
  }
#footer div {
  margin:0;
  background:#06579C;
  color:#CCEEB6;
  padding:3px 42px 3px 30px;
  }
#footer div strong {}
#footer div em {color:#9c3; font-style:normal;}
#footer hr {display:none;}
  
  
/* Miscellaneous
----------------------------------------------- */
.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;
	}
.pp	{
	background: url(graphics/pp.gif) no-repeat 0 1px;
	}
.zip	{
	background: url(graphics/zip.gif) no-repeat 0 1px;
	}
.folder	{
	background: url(graphics/folder.gif) no-repeat 0 1px;
	}