body{
 background: #fff;
 margin: 0;
 padding: 0;
 font-family: Helvetica, Verdana, Arial, Sans-Serif;
 font-size: 80%;
}

h1, .componentheading, .contentheading
{
 font: 120% Helvetica, Verdana, Arial, Sans-Serif;
 color: #21409a;
 font-weight: bold;
}

h2, h3
{
 font: 110% bold Helvetica, Verdana, Arial, Sans-Serif;
 color: #21409a;
 font-weight: bold;
}

#container
{
 margin-left: 50px;
 margin-right: 50px;
 border-left: 1px solid #f6aa0a;
 border-right: 1px solid #f6aa0a;
}

#header {
 background: #21409a; color: #000; height: 100px; margin: 0;width: auto;
 background-position: right;
 background-repeat: no-repeat;
}

#header_logo
{
 position: relative;
 top: 0;
 left: 0;
 background-image: url(../images/template/encora.png);
 background-position: right;
 background-repeat: no-repeat;
 z-index: 9;
 width: 100%;
 height: 100%;
 background-size:500px 100px;
 background-color: transparent;
}

#mainmenu{
 color: #000;
 height: 1.7em;
 position: relative;
 margin-bottom: 0;
 background: url(../images/template/menu_background.gif) repeat-x;
 width: 100%;
 padding-top: 5px;
 border-bottom: 1px solid #f6aa0a;
 overflow: hidden;
}

#menu
{
 display: inline;
 width: 100%;
}

#menu a, a:visited
{
 padding-left: 0.75em;
 font-size: 12px;
 color: #21409a;
 font-weight: bold;
 text-decoration: none;
}

#menu a:hover, a:focus
{
 text-decoration: underline;
 color: #CC0000;
}

#wrapper
{
 position: relative;
  min-height:500px;
  height:100%;
}

#sidemenu
{
 color: #ffe600;
 background-color:#21409A;
 padding-left: 3px;
 margin-right: 10px;
 width: 20%;
 text-align: left;
 position: absolute;
 top:0px;
 left:0px;
 height:100%;
}

#sidemenu h3
{
 color: #fff;
 padding: 8px;
}

#sidemenu a
{
 margin-left:25px;
 text-decoration: none;
 color: #ffe600;
 font-size: 90%;
 font-weight: bold;
 padding-left: 5px;
}

#sidemenu a:hover
{
 text-decoration: underline;
}

#content {
 position: relative;
 top:0px;
 left:235px;
 color: #000;
 background-color:white;
 min-height:500px;
 width:75%;
 padding-top:10px;
 padding-left:20px;
 
  height:auto; 
}

#main_content
{
 position: relative;
 padding-left: 1%;
 padding-top: 2%;
 padding-bottom: 1%;
 background-image: url(../images/template/body_background.gif);
 background-position: top right;
 background-repeat: no-repeat;
}

#ccfooter{
 background: #ffe600; color: #000; height: 42px; margin: 0;width: auto;
 border-top: 1px solid #21409a;
 border-bottom: 2px solid #21409a;
 background-image: url(../images/template/eu_logo.gif);
 background-position: left;
 background-repeat: no-repeat;
 margin-top:1px;
}

#footer-about{
 padding-top: .5em; 
 padding-left: 10em;
}

/* generic stuff */

a,a:visited {
 text-decoration: none;
 padding-left: 0px;
 color: #21409a;
 font-size: 100%;
 font-weight: normal;
}

a:active {
 text-decoration: none;
 color: #faa700;
 font-size: 100%;
 font-weight: normal;
}

a:hover {
 text-decoration: underline;
}

img
{
 border: none;
}

.header_logo
{
 background-image: url(../images/template/encora_logo.gif);
 background-repeat: no-repeat;
 background-position: left;
}