/* general styles */
html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div{font-family:Arial, Helvetica, Verdana, Geneva, sans-serif}

/* basic links */
a, a:link{color:#555555} /* gray from logo */
a:visited{color:#4c0850}

/* NS4 won't see these but other browsers will. No problem. */
a:hover{background-color:#b0cef3}
a:active{color:#f00;text-decoration:none}

img {border:0}

body { 
  background-color:white;
  color:black;
  font-size: 8pt;
  font-style: normal;
  margin:0;
  padding:0;
}

.menu {
  opacity:0.95;
  filter: alpha(opacity=95); /*opacity: for Mozilla, filter: for IE*/
}

#tab {
  background-color:#cad5da;
  width:100%;
  border-width:0px;
  border-spacing:0;
}

#tab td {
  vertical-align:top;
  padding:0;
}

#topbar {
  height:114px;
}

#topleft {
  position:absolute;
  top:30px;
  left:15px;
/*  margin-top:30px;
  margin-left:15px;
  float:left;*/
}

#topcenter {
  position:absolute;
  left:240px;
  top:0px;
/*  float:left;
  margin-left:70px;
  margin-bottom:-3px;*/
}

#topmenu {
  background-color:#d0e1f6;
  height:22px;
  border: 1px solid white;
}

#noscript {
  color:red;
  font-weight: bold;
  position:absolute;
  top:118px;
  left:170px;
}

#language {
  position:absolute;
  top:116x;
  right:10px;
}

#language select {
  font-size: 8pt;
}

#leftbar {
  width:160px;
}

#rightbar {
  background-color:white;
  width:160px;
  margin: 10px 5px 20px 5px;
  padding:10px !important;
  padding-left:0px !important;
}

div.infobox {
  border: 1px dashed silver;
  margin-bottom: 15px;
}


div.infobox p {
  margin:5px;
}

div.infobox h1 {
  background-color: #b0cef3;
  text-align: center;
  font-size:9pt;
  margin:0;
  padding: 2px;
}

table.shadows {
  /*border-spacing:0; /* not supported in IE */
  padding:0;
  border-width:0;
  empty-cells: show;
}

td.shadow_l {
  padding-left:5px;
  background: white url('../images/shadow_l.gif') left repeat-y;
}

td.shadow_t {
  width:100%;
  height:5px;
  background:white url('../images/shadow_t.gif') top repeat-x;
}

td.shadow_tl {
  padding-left:5px !important;
  background:white url('../images/shadow_tl.gif') left no-repeat;
}

td.shadow_tr {
  padding-right:5px !important;
  background:white url('../images/shadow_tr.gif') left no-repeat;
}

td.shadow_r {
  padding-right:5px;
  background: white url('../images/shadow_r.gif') right repeat-y;
}

td.shadow_b {
  width:100%;
  height:5px;
  background:white url('../images/shadow_b.gif') bottom repeat-x;
}

td.shadow_bl {
  padding-left:5px !important;
  background:white url('../images/shadow_bl.gif') right no-repeat;
}

td.shadow_br {
  padding-right:5px !important;
  background:white url('../images/shadow_br.gif') right no-repeat;
}

div.subnav {
  margin:0;
  padding: 0;
}

div.subnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#d0e1f6;
}

div.subnav li {
  display: inline;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

div.subnav li ul {
  background-color:#e4e4ff;
}

div.subnav li li a, div.subnav li li span {
  background:#e4e4ff url('../images/tri.gif') no-repeat 10px 7px;
  font-weight: normal;
  padding: 4px 5px 4px 25px;
  border:none;
}

div.subnav li li span {
  background-color:#ff9e3b;
}

div.subnav a:hover{
  background-color:#b0cef3;
  text-decoration:none;
}

div.subnav span {
  color:black;
  background-color:#ff9e3b;
}

div.subnav a, div.subnav span {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #fff;
  border-right: 1px solid #bbb;
}

#sitemap ul {
  list-style: none;
  margin:10px 0px 0px 0px;
  padding:0;
}

#sitemap ul ul {
  margin:0px 0px 0px 2em;
}

#sitemap li {
  padding-bottom:2px;
}

div.breadcrumbs {
  color:black; /*#f99734*/
  font-weight: bold;
  background-color:#e1eaf6;
  padding: 2px 15px 4px 15px;
}

div.breadcrumbs a, div.breadcrumbs span {
  font-weight: normal;
  color:#555555;
}

#center {
  width:100%;
  min-height:600px;
}

/* Text */

div.include {
  padding: 20px;
}

#middle {
  font-size:9pt;
  text-align:justify;
  background-color: #fff;
}

h1, h2, h3, h4 {
  color:#446;
}

#middle h1 {
  margin-top:0em;
  margin-bottom:0.2em;
  font-size:13pt;
  border-bottom: 1px dotted silver;
}

#middle h2 {
  font-size:11pt;
  margin-top:1em;
  margin-bottom:0.2em;
}

#middle h3 {
  font-size:9pt;
  margin-top:1em;
  margin-bottom:0.2em;
}

#middle p {
  list-style: none;
  text-align:justify;
  margin-top:0.8em;
  margin-bottom:0.5em;
}

/* Lists */

#middle li {
  padding-bottom:0.2em;
}

/* normal lists show no bullets */
#middle ul {
  list-style: none;
  margin-left:1.7em;
  padding-left:0em;
  padding-bottom:0.4em;
}

/* these special lists do show bullets */
#middle .ul2, #middle .ul3 {
  list-style: disc outside;
}

/* Tables */
#middle table {
  text-align:left;
  border-spacing:0;
  border-collapse:collapse;
  margin-top:1em;
  margin-bottom:1em;
  width:80%;
}

#middle td, th {
  padding:0.3em 0.5em 0.3em 0.5em;
  vertical-align:middle;
  border:1px solid lightgrey;
}

#middle table.invis td {
  border-style:none;
}

#middle thead {font-wight:bold;}
#middle tr ul {margin-bottom:0}

/* Images */
#middle .centeredImage, .centeredImage {
  text-align:center;
  margin-top:1em;
  margin-bottom:1em;
  padding:0px;
}

/*partners:*/
#middle table.partner {
/*  border-style:none;*/
}
#middle table.partner td {
  border-style:none;
  border-bottom:1px none black;
  margin:1px;
  padding-bottom:20px;
}

.partner_name { font-weight: bold; }
.partner_urls {  }
.partner_logo { margin-top:35px;float:left;clear:left; }

.training{
  margin-left:1em;
}

#middle p.slogan {
  color:#446;
  font-weight: bold;
  font-size:11pt;
}

.epigraph {
  font-size:10pt;
  margin-top:1em;
  margin-bottom:0.2em;
  color:#446;
  font-weight: bold;
}

.gotop {
  text-align:right;
  border-bottom: 1px solid silver;
  padding-bottom:5px;
}