/* 
 * Style sheet of Lingu@net Europa
 *
 */
 
 @import "styles.css";
 
 #welcome{
     background-image: url(/img/we-gr.jpg);
      background-position: left top;
      background-repeat: no-repeat;
      border-bottom: 1px solid #ccc;
 }

 #welcome p{
     text-align: right;
    color: #333;
    margin: 5px 0px 0px 0px;
    font-weight: bolder;
   font-style: italic;
 }
  
.title, .subtitle {
    font-size: medium;
    padding: 0 0 0 0;
    margin: 0px;
    line-height:0.9em;

 }
 .resource-count {
     padding: 5px 0 0 0;
     margin: 0;
     line-height: 0.9em;
     font-size: x-small;
 }
 
 #list-content-top {
     height: 40px;
   width: 700px;
    margin: 5px 15px 0px 15px;
    background-color: #FFF;
    background-image: url(/img/list-top.gif);
    background-position: top;
    background-repeat: no-repeat;
 }
 
 #list-content {
       padding: 0px;
       width: 700px;
       text-align: center;
       margin: -4px 15px 0px 15px;
       background-color: #FFF;
       background-image: url(/img/list.gif);
       background-repeat: repeat-y;
   height: 380px;
 }
 #list-content ul {
     list-style: none;
    margin: 0px;
    padding: 0px;
 }
 #list-content li {
     list-style: none;
    text-align: center;
   background-color: transparent;
 }
 #list-content-bottom {
   height: 40px;
   width: 700px;
    background-image: url(/img/list-bottom.gif);
    background-position: top;
    background-repeat: no-repeat;    
    background-color: #fff;
   margin: -20px 15px 5px 15px;
 }
 
 /* Content page */
   .level-h, .ways-h, .meeting-h, .resources-h{
      width: 652px;
        height: 84px;
        padding: 0px;
      margin: 0px 24px 5px 24px;
        background-position: top center;
        background-repeat: no-repeat;
 }
 
 .level-h img, .ways-h img, .meeting-h img, .resources-h img{
       vertical-align: middle;
      margin: 10px 5px;
 } 
 
 .level-h {
       background-image: url(/img/bg-db.jpg);

 }
 .ways-h {
       background-image: url(/img/bg-g.jpg);
 }
 .meeting-h {
       background-image: url(/img/bg-o.jpg);
 }
 
 .resources-h {
       background-image: url(/img/bg-b.jpg);

 }
 
 #level-title, #ways-title,  #meeting-title,
 #resources-title{
      width: 320px;
     float: left;
     margin: 0px 0px 0px 0px;
     padding: 0px;
     font-weight: bolder;
     text-align: right;
      vertical-align: middle;
 }
  
 #level-title a, #level-title a:link,
 #ways-title a, #level-title a:link,
 #meeting-title a, #meeting-title a:link,
 #resources-title a, #resources-title a:link {
        color: #FFF;
      text-decoration: none;
        font-weight: bolder;
      font-size: large;
 }
 
 #level-title a:hover,  #ways-title a:hover,  #meeting-title a:hover,
 #resources-title a:hover{
       color: #FFF;
    text-decoration: underline; 
     font-weight: bolder;
    font-size: large;     
 }
 
 #level-info, #ways-info, #meeting-info, 
 #resources-info {
     margin: 0px 25px 0px 310px;
     text-align: left;
     vertical-align: middle;
    padding: 14px 0px 10px 0px;
     color: #FFF;
    font-weight: bolder;
    font-size: small;
 }
 
 
 /* Styles for logo */
 #ec-logo {
    width: 350px;
     margin: 20px 0px 20px 0px;
    clear: both;
 }

 #ec-logo-top {
     margin: 0px;
    padding: 0px;
    background-color: #FFF;
    background-image: url(/img/bg-socrates1.gif);
    background-position: right top;
    background-repeat: no-repeat;
    height: 50px;
    line-height: 50px;
 }

#ec-logo-bottom{
   margin: -18px 0px 0px 0px;
     padding: 0px;
    height: 28px;
    background-image: url(/img/bg-socrates2.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
 }
 
 #ec-logo img{
    margin: 3px 10px 3px 50px;
    border: 0px;
 }