body
    {

    font-family: verdana, Arial, sans-serif;
    background: #c7cfd6;    
    text-align: left;
    }



#wrapper
{

width: 560px;

position: absolute;
left: 50%;
margin-left: -280px;
background: #fff;
padding: 0px;
}

#pageheader
{

position:relative;
top: 0px;
width: 550px;
height: 127px;
margin: 5px 5px 0px 5px;

background: #000 url("../new_images/pagetop.jpg") no-repeat;
text-align: left;


}

#langlink
{
position:absolute;
top: 20px;
left: 65%;
text-align: right;
font: 10px verdana, Arial, sans-serif;
color:#ccc;

}


#langlink a, a:visited
 {
 text-decoration: none;
 color:#000;
 }


#langlink a:hover
 {
 text-decoration: underline;
 background: none;
 color:#f00;
 }


#langlink li 
{
display:inline;
padding:0.4em;
}


#subheader
{
position:relative;
top: 0px;
left: 0px;
width: 550px;
height: 17px;


margin: 0px 5px 0px 5px;

text-align: right;
font: 13px verdana, Arial, sans-serif;
color: #5c9ddd;
background: #000;
}

#subheader li 
{
display:inline;
padding:10px;
}

#subheader a, a:visited
 {
 text-decoration: none;
 color:#fff;

 }


#subheader a:hover
 {
color: #fff;
background: #5c9ddd;
 
}



#caption
{
position:absolute;
top: 180px;
left: 365px;
width: 170px;

padding: 7px;
text-align: left;
font: 11px verdana, Arial, sans-serif;
color: #000;
}

#pagebody
{
position:relative;
top: 0px;

width: 540px;


padding: 10px ;
background: #fff;

color: #000;
font: 11px verdana, Arial, sans-serif; 
text-align: left;
}

#pagebody a, a:visited
 {
 color:#00f;

 }

#pagebody  a:hover
 {
 text-decoration: underline;

 }


ul li 
{
padding: 1px;


}

#footer
  {
  font-size:9px;
  color: #5c9ddd;
  text-align: center;
 
  } 

h1
  {

  font: 12px verdana, Arial, sans-serif;


  }


h2
  {

  font: 15px verdana, Arial, sans-serif;
  }


h3
  {

  font: 13px verdana, Arial, sans-serif;
  font-weight: bold;
  }

hr
  {

  height:2px;
  color: #5c9ddd;
  }