*{padding:0; margin:0;}

body {
  font-size:0.6em;
  text-align:center;
  background-color:rgb(255,255,255);
  font-family:verdana,arial,sans-serif;
  height:100%;
  width: 100%
} /*Font-size: 1.0em = 10px when browser default size is 16px*/
#pagecontainer {
  width:900px;
  clear:both;
  text-align:left;
  margin:10px auto 10px auto;
  border:solid 1px rgb(150,150,150);
  font-size:1.0em;
}
#logo {
  width:60px;
  height:40px;
  float:left;
  z-index:1;
  margin:22px 10px 0 20px;
  background:url(../img/bg_head_top_logo.jpg);
}
#header {
  font-family:trebuchet ms,arial,sans-serif;
  background-color: #CC33FF;
}
#htop {
    float:left;
  height:80px;
  width:100%;
  background:rgb(240,240,240) url(../img/bg_head_top.jpg);
  overflow:visible !important /*Firefox*/;
  overflow:hidden /*IE6*/;
}
h1 {
  font-size: 2em;
  margin: 0.5em 0 0 1em;
}
h2 {
  font-size: 1.5em;
  margin: 1em 0 0 1em;
}
h3 {
  font-size: 1em;
  margin: 1em 0 0 1em;
}
#hmiddle{
  float: left;
  background:rgb(230,230,230) url(../img/bg_head_middle.jpg);
  width:100%;
  height:150px;
}
#hbott{
  float: left;
  width:100%;
  background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}
#hbott ul{
float: left;
	height:10px;
	padding:1.1em 1em 1.5em 2em;
    list-style-image: url(../img/bg_bullet_arrow.giaf);
    list-style-type: none;
}
#hbott ul li{
float: left;
background-image:  url(../img/bg_bullet_arrow.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 1em;
padding-right: 1em;
}
#hbott ul li a{
  display: block;
  font-size: 1.5em;
  margin: 0 0 0 3px;
  	width:82px;
	height:15px;
    text-decoration:none;
}
#searchform {
  float: right;
margin: 0 3px 0 40px;
}
#main {
clear:both;
padding-bottom:30px;
background:transparent url(../img/bg_main_withnav.jpg);
background-repeat: repeat-y;
}
#main-navi {
  display:inline /*Fix IE floating margin bug*/;
  float:left;
  width:200px;
  overflow:visible !important /*Firefox*/;
  overflow:hidden /*IE6*/;
}
#round-border-topright {
    width:10px;
    height:10px;
    position:absolute;
    z-index:100;
    background:url(../img/bg_corner_topright.gif) no-repeat;
    margin-top:-1px;
    margin-left:190px;
}
#main-navi h1.first {
    clear:both;
    margin:0px;
    padding:4px 20px 3px 20px;
    background-color:rgb(190,190,190);
    font-family:"trebuchet ms",arial,sans-serif;
    color:rgb(255,255,255);
    font-weight:bold;
    font-size:150%;
}
#main-navi h1 {
    clear:both;
    margin:30px 0 20px 0;
    padding:4px 20px 3px 20px;
    background:rgb(190,190,190);
    font-family:"trebuchet ms",arial,sans-serif;
    color:rgb(255,255,255);
    font-weight:bold;
    font-size:150%;
}
#main-navi h2 {
    clear:both;
    margin:20px 10px 10px 20px;
    font-family:"trebuchet ms",arial,sans-serif;
    color:rgb(100,100,100);
    font-weight:bold;
    font-size:150%;
}
#main-navi h3 {
    clear:both;
    margin:10px 10px 5px 20px;
    color:rgb(80,80,80);
    font-weight:bold;
    font-size:110%;
}
#main-content {
    display:inline; /*Fix IE floating margin bug*/;
    float:left;
    width:440px;
    margin:0 0 0 30px;
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}
#main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
#tab_val {
    border-collapse: collapse;
}
#tab_val td,th{
    border-color: #600;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFC;
}
#main-subcontent {
    display:inline /*Fix IE floating margin bug*/;
    float:right;
    width:185px;
    margin:0 15px 0 0;
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
#main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
#main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}
#footer {
    clear:both;
    padding:1em 0 1em 0;
    background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat;
    font-size:1.0em;
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}
#footer ul{
        width:776px;
        text-align: center;
}
#footer ul li{
        display:inline;
        font:bold 11px/22px Arial, Helvetica, sans-serif;
        color:#2C2C2C;
        background-color:inherit;
}
#footer ul li a{
        padding:0 8px;
        font:bold 11px/22px Arial, Helvetica, sans-serif;
        color:#2C2C2C;
        background-color:inherit;
        text-decoration:none;
}
#footer ul li a:hover{
        text-decoration:underline;
}


#footer p {
    line-height:1.3em;
    text-align:center;
    color:rgb(125,125,125);
    font-weight:bold;
    font-size:110%;
}
#footer p.credits {font-weight:normal;}
#footer a {
    text-decoration:underline;
    color:rgb(125,125,125);
}
#footer a:hover {
    text-decoration:none;
    color:rgb(0,0,0);
}
#footer a:visited {color:rgb(0,0,0);}
.header-bottom {}
.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(100,100,100) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}