/************************************/
/*      New Style Web page          */


html {
   overflow-y: scroll;
}

 body {
        margin: 0px;
        padding: 0px;
        font: 100% Arial, Helvetica;
        background: #FFF;
        color: #666;
 /* MODIF GS 10.03.2010 */
        background: #333 url(images/degrade.jpg);
 /* ENDMODIF GS 10.03.2010 */
        padding-bottom: 30px;
}
/* Structure */

div.top
 {
   height: 215px;
   background: #fff url(images/water_top_small2.jpg) top;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
 }

 div.ycoor_logo
  {
     width: 700px;
     margin: 0 auto;
     padding-top: 20px;
  }

 img.ycoor_slogan
  {
    margin-left: 40px;
  }

 div.content
 {
   width: 910px;
   margin: auto;
 }

table
{
  border-collapse: collapse;
}

table.head
{
   width: 910px;
   height: 35px;
   background: url('images/rounded_navbar.png') top no-repeat;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   padding:0px;
}

table.bottom
{
   width: 910px;
   height: 35px;
   background: url('images/rounded_footbar.png') bottom no-repeat;
   margin-top: 0px;
   margin-right: auto;
   margin-left: auto;
}

table.lang
{
   margin-right: 20px;
   width: 50px;
   height: 30px;
/*
   border-style: solid;
   border-width: 1px;
*/
}

table.main
{
   width: 100%;
   background: #FFF;
   padding-bottom: 20px;
   /* border-style: solid;
   border-color: #000; */
}

table.righttext
{
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
/*   border:#000 solid 1px; */
}

table.home
{
   margin-left: auto;
   margin-right: auto;
   width: 800px;
   /* height: 640px; */
   background: url('images/wired_earth.png') no-repeat center;
/*   border-style: solid;
   border-color: #000;
   border-width: 1px;
   border-collapse: collapse; */
}

td.homespace
{
   height: 50px;
}

td.home
{
/*   width:55px;*/
   padding: 0px;
   border-style: solid;
   border-color: #f00;
   border-width: 0px;
   border-collapse: collapse;
   text-align:center;
}
td.hometext
{
/*   width:55px;*/
   padding: 0px;
   border-style: solid;
   border-color: #000;
   border-width: 0px;
   border-collapse: collapse;
   text-align:center;
   /* background-color: #FFF; */
   color: #FFF;
   font-size:1.2em;
   font-weight: bold;
}

a.hometext
{
  text-decoration: none;
  background-color: #FFF;
  padding: 5px 10px 4px 10px;
}

td.head
{
 margin: 0;
 padding: 0;
}

td.lang
{
   width: 20px;
   height: 30px;
   color: #FFF;
   text-transform:uppercase;
   font-size:0.7em;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   text-align:center;
 }

td.text
{
  width: 910px;
  text-align : center;
  font-size:0.8em;
  font-family: Verdana, "DejaVu Sans", Sans;
  line-height:1.5em;
  background-color: #FFF;
  padding: 5px 15px 15px 20px;
  vertical-align: top;
  /* DEBUG OPTIONS
  border-style: solid;
  border-width: 1px;
*/
}

td.righttext
{
  width: 200px;
  font-size:0.7em;
  font-family: Verdana, "DejaVu Sans", Sans;
  line-height:1.2em;
  text-align: justify;

}

div.text
{
/*
  background-color: #FFF;
  padding-left: 15px;
  padding-right:15px;
  */
}

td.rightimage
{
  width: 270px;
  text-align: center;
  background-color: #FFF;
  padding-top: 50px;
  vertical-align: top;

/*
  border-style: solid;
  border-width: 1px;
  */

}

td.bottom
{
   height: 30px;
}

/* Text*/

h1, h2, h3, h4 {
        color:#3c78a7;
}

h1.title {
        font:2.2em Georgia, "Times New Roman";
}

h2 {
        font:1.8em Georgia, "Times New Roman";
}

h3 {
        font:1.5em Georgia, "Times New Roman";
        margin-bottom:3px;
}

h4 {
        font:1.3em Georgia, "Times New Roman";
}

/* Special effects */

div#menu
{
   display: table-cell;
   /* background: url('images/rounded_navbar.png') no-repeat; */
   border: 0px solid collapse;
   border-width: 0px;
   border-color: #000;
   vertical-align: middle;
   margin: 0px;
   padding: 0px;
}

div#menu ul
{
   margin: 0px;
   padding: 0px;
   margin-left: 15px;
   list-style: none;
   display:block;
}

div#menu li
{
   display: table-cell;
   float:left;
   list-style:none;
   cursor: pointer;
   border-right:1px solid #333;
   text-decoration:none;
   text-align: center;
   color: #FFF;
   padding:  0px;
   margin: 0px;
}

div#menu a
{
  margin: 0px;
  color: #FFF;
  text-decoration:none;
  text-transform:uppercase;
  vertical-align: middle;
  font-size:0.7em;
  font-weight: bold;
  padding: 4px 10px 4px 10px;
}

div#menu li:hover
{
  background: #3c78a7;
}

div#lang
{
   display: table-cell;
   border: 0px solid collapse;
}

div#lang ul
{
   margin: 0px;
   padding: 0px;
   margin-left: 15px;
   list-style: none;
   display:block;
}

div#lang li
{
   /* display:block; */
   display: table-cell;
   float:left;
   list-style:none;
   cursor: pointer;
   border-right:1px solid #333;
   border-left:1px solid #333;
   text-decoration:none;
   text-align: center;
   color: #FFF;
}

div#lang li:hover
{
  background: #3c78a7;
}

div#lang a
{
  color: #FFF;
  text-decoration:none;
  text-transform:uppercase;
  font-size:0.7em;
  font-weight: bold;
  padding: 0px 5px 2px 5px;
}

a:link, a:visited {
        color: #3c78a7;
        text-decoration:none
}

a:hover, a:active {
        color: #3c78a7;
        text-decoration:underline;
}

a img {
        border:0;
}

p.right
{
  text-align: right;
}