html {
  height: 100%;
}
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:18px;
  height:100%;
  min-height:100%;
  background:url(../images/bg.jpg) center top fixed;
  background-color: #339AD0; 
}
#container { /* centered container of all content */
  position: relative;
  margin:0 auto;
  width:1000px;
  height:100%;
  padding: 10px 0 10px 0;
}

#header { /* includes logo and h1 */
  position: relative;
  width: 972px;
  /* background: url(../images/medea-eu_logo.jpg) left top no-repeat; logo width: 276px height: 127px; */
  height: 164px;
}
h1 { /* Extending the European identity of the MEDEA Awards */
  padding: 6px;
  color: #FFFFFF;
  font-size: 22px;
}
#main { 
  position: relative;
  margin-top: 18px;
  width: 972px;
  min-height:400px;
  background: #FFFFFF url(../images/bg_main.gif) repeat-y top left;
}
#main-top { /* rounded corners of main content box */
  position: absolute;
  width: 972px;
  height: 18px;
  margin-top: -18px;
  background: url(../images/box_top.gif) left top no-repeat; /* logo width: 972px; height: 18px; */
}
#main-bottom { /* rounded corners of main content box */
  width: 972px;
  height: 18px;
  background: url(../images/box_bottom.gif) left bottom no-repeat; /* logo width: 972px; height: 18px; */
}
#sidebar-left { /* navigation */
  float:left;
  width:180px;
  padding: 10px 0 0 24px;
  height: 100%;
}
ul.menu li {
  margin:0; padding:0;
}
ul#primary li {
  line-height:2em;
}
ul#primary li a {
  padding-right: 10px;
  color:#515250;
  text-decoration:none;
}
ul#primary li a:hover, ul#primary li a.active {
  color:#38A2C9;
  text-decoration:none;
}
ul#primary li a.active {
  font-weight:bold;
}
#sidebar-left ul.menu li ul li a {
  color:#8F908E;
  padding-left:5px;
}
#sidebar-left ul.menu li {
  padding-bottom:5px;
}
ul#primary li#expanded ul.menu{
}
ul#primary li#expanded ul.menu{
  list-style: none;
  margin-top:5px;
  margin-left:5px;
  padding-left: 5px;
  border-left:1px solid #38A2C9;
}
ul#primary li#expanded ul.menu li a, ul#primary li#expanded ul.menu li a.visited{
  color:#8F8F8F;
  text-decoration:none;
}
ul#primary li#expanded ul.menu li a.active{
  color:#515250;
  text-decoration:none;
}
ul#primary li#expanded ul.menu li a:hover{
  color:#38A2C9;
  text-decoration:none;
}

#content { /* page content */
  float:left;
  width:740px;
  padding: 0 20px 0 0;
  margin: 0px 0 15px 0;
}

#content h2 {
  /*#38A2C9;*/
  font-size: 20px;
  margin: 10px 0 20px 0;
  color: #040607;
}
#content h3 {
  font-size:15px;
  color: #38A2C9;
  margin: 30px 0 -10px 0;
}

#content p {
  margin-top: 15px;
}

.box { /* width:479px; height: 15px; */
  float:left;
  position:relative;
  height:94px;
  width:479px;
  margin:14px 14px 24px 0;
  padding: 0 0 0 0;
  font-size: 10px;
  background: url(../images/box_small_top.gif) top left no-repeat;
  z-index: -1;
}
.box-mid {
  position: absolute;
  height: 66px;
  padding: 0px;
  margin: 15px 0 0 0;
  background: #FFFFFF;
  line-height: 13px;
}
.box-mid p{
  margin: -6px;
  padding: 0 10px 0 6px;
  z-index: 1;
}
.box-bottom{
  position: absolute;
  background: url(../images/box_small_bottom.gif) bottom left no-repeat;
  width: 479px;
  height: 15px;
  margin: 0;
  padding: 0;
  bottom: 0px;
}
#llp{
  float: left;
  background: url(../images/llp_logo.gif) top left no-repeat; 
  width: 182px;
  height: 66px;
  margin: 0px 10px 0px 10px;
}
#medea{
  float: left;
  background: url(../images/medea_logo.gif) top left no-repeat; 
  width: 99px;
  height: 66px;
  margin: 0px 10px 0px 10px;
}
<!-- content area-->
#content a, #content a:visited{
  color: #0066CC;
}
.photo-right{
  float:right;
  margin: 4px 0 4px 10px;
}
.photo-left{
  float:left;
  margin: 4px 10px 4px 0;
}
#grid{
  font-size: 11px;
  border: 0;
}
#grid th{
  font-size: 12px;
  text-align: left;
  padding-right: 1em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #38A2C9;
  font-weight: bold;
}
#grid td{
  padding: 0 4px 4px 0;
}
#grid td a{
  text-decoration: none;
}
#grid td{
  padding: 8px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}
#news tr td {
	vertical-align: top;
}
#news tr td > p{
	margin-top: 0;
}
#news tr td img {
	border: 0;
}
table#news .border{
	border: #CCCCCC 1px solid;
}
p.news-date{
	color:#999999;
	font-size: smaller;
	font-style: italic;
	padding-top: 10px;
}
#logomix tr td {
	align: center;
	vertical-align: middle;
}