/* generated by csscreator.com */ 

*{ 
  margin:0;
  padding: 0;
 }

html, body{ 
  margin:0;
  margin-top:-5px; 
  margin-bottom: -5px;
  padding:0;
  text-align:center;
  font: 10pt  Verdana, Tahoma, Arial, sans-serif;  
  color: #000;
} 

/*
html{
background:no-repeat bottom right url("../images/page_bg.gif") #fff ;
}
*/

#pagewidth{ 
  width:763px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;
/*  background:repeat-y center url("../images/page_bg.gif") ;*/
  padding:0px;
} 

#maincol p{
   margin: 0.5em;
}

#maincol ul, #maincol ol{
  margin: 0.5em;
  padding-left: 2em;
}


#wrapper{ 

 }
 
#header{
  position:relative; 
  height:219px; 
  margin-top:1em;
  width:100%;
  background: #fff no-repeat center url("../images/header.png") ;
} 

#header #photoAuthor{
  font-size:8px;
  color:#FFDB6F;
  position:absolute;
  top:38px;
  left:180px;
}

#header h1{ 
   display:none;
 }

#header span{ 
  display: none;
 }


#leftcol{
  width:169px;
  float:left;
  padding-left: 0px;
  padding-bottom: 0;
  position:relative;
}

/* Left menu formatting */
#leftcol  ul{ 
  list-style-type:none;
  
  min-height: 1em;
  height: auto !important;
  height: 1em;
}

#unique-menu{
    background:right repeat-y url("../images/menu_bg.gif");
}

#unique-menu ul.left-menu{
    padding-bottom: 52px;
    padding: 0px 10px 52px 10px;
    background:no-repeat center bottom url("../images/menu_bt.png");
}

#main-menu ul{
    background:no-repeat center bottom url("../images/menu_bt.gif");
    padding: 0px 10px 52px 10px;
}


#main-menu li, #unique-menu li{
  border-bottom: 1px solid #c96;
  padding:3px 5px 3px  5px;
  
}

#leftcol ul li{ 
  /*border-bottom: 1px solid #c96;*/
  min-height: 0.1em;
  height: auto !important;
  height: 0.1em;
}

a img{
  border:0;
  display:block;
  /*margin:5px auto;*/
}

#maincol p a{
  display:inline;
  clear:none;
}

#leftcol li ul li{ 
  padding-left:10px
}

#leftcol ul li a{ 
  text-decoration: none;
  display:block;
  font-weight: bold;
}


#leftcol .logos_ads{
  text-align:center;
}

img.left{
  float:left;
  margin: 1em;

}

/* Sub menu formatting */

#unique-menu .left-menu li.active{
  margin:0px -10px 0px -10px;
  padding-bottom:45px;
  background:no-repeat center bottom url("../images/menu_trans_close.png");
  border:0px;
}

#unique-menu .left-menu li.active span.section-title{
   display:block;
   padding:38px 15px 0px 15px;
   margin:-3px -5px 0px -5px;
   background:no-repeat center top url("../images/menu_trans_open.png");
   color:#2069b2;
   font-weight:bold;
   text-align:right;
}

ul.sub-menu{
  font-size:80%;
  line-height:100%;
  padding: 0px 10px 8px 15px;
}

#unique-menu .left-menu li.active .sub-menu li{
  border-bottom: 1px solid #2068b2;
}

.sub-menu li{
  padding: 3px 0px;
}


a{
  text-decoration: none;
  font-weight:bold;
  color: rgb(87,60,31);
}

a:link{ 
  color:#630;
}

a:visited{ 
  color:#630;
}

a:hover{ 
  color:#c96;
  
}
 
#maincol{
  float: right; 
  display:inline; 
  position: relative; 
  width: 555px;
  overflow:hidden;
  padding:10px 20px 10px 10px;
  text-align:justify;
}

#maincol li{
  list-style-image: url("/images/17.png");
  margin-top: 10px;
}

h1{ 
  text-align:left;
  color: rgb(87,60,31);
  font-size: 150%;
  line-height:120%;
  margin: 1.6em 0;
}

h2{ 
  text-align:left;
    font-size: 130%;
  color: rgb(134,95,64);
  margin: 1.4em 0;
  clear:both;
}

h3, h4{ 
  color: rgb(205,155,122);
  font-size: 110%;
  margin-top:1em;
}




#footer{
  height:90px; 
  background:center no-repeat url("../images/footer.gif");
  padding: 5px 20px 0px 20px;
  margin:0px
} 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*printer styles*/ 
@media print{ 
  /*hide the left column when printing*/ 
  #leftcol{display:none;} 
  #header{display:none;}
  #twocols, #maincol{width:100%; float:none; padding:0px;}
}



/* W3C Buttons Style */
/* see http://www.sovavsiti.cz/css/w3c_buttons.html   */

 .w3cbutton {
  margin:0.5em;
  width:9em;
  border: 1px solid #ccc;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
    display:inline;
}
.w3cbutton a {
  width: 100%;
}
.w3cbutton a:link,
.w3cbutton a:visited,
.w3cbutton a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}


/* Expo Results Table */

table{
  position:relative;
  width: 97%;
  line-height:100%;
  font-size: 80%;
  padding:1em;
  padding-right: 1.5em;
  border-collapse: collapse;
}

table td, table th{
  padding: 3px 3px;
}

table td{
  border-bottom: 1px solid #947a5b;
  text-align: left;
}

/** WPs Format **/

#WPslist{
  width:429px;
  height:256px;
  position:relative;
  list-style:none;
}

#WPslist li{
  position:absolute;
  text-indent:-10000em;
  overflow:hidden;
}

#WPslist li a{
  display:block;
  width:100%;
  height:100%;
}

#WPslist #wp0li{
  top:220px;
  left:5px;
  width:308px;
  height:48px;
}

#WPslist #wp1li{
  top:156px;
  left:67px;
  width:183px;
  height:58px;
}

#WPslist #wp2li{
  top:94px;
  left:67px;
  width:183px;
  height:58px;
}

#WPslist #wp3li{
  top:28px;
  left:67px;
  width:183px;
  height:59px;
}


#WPslist #wp4li{
  top:28px;
  left:5px;
  width:59px;
  height:188px;
}

#WPslist #wp5li{
  top:28px;
  left:257px;
  width:53px;
  height:187px;
}

#workpackageContainer{
   position:relative;
   width:580px;
   height:300px;
   background:top left url("/images/workpackagesBox.png");
}

.workpackage{
  position:absolute;
  visibility:hidden;
  top:28px;
  left:330px;
  width:240px;
  height:240px;
  overflow:auto;
  font-size:80%;
}

#wp0.workpackage{
  visibility:visible;
}


/** Front page formatting  */
#frontpage{
  width:585px;
  height:310px;
}

#projectDetails{
  float:left;
  width:250px;
}

#projectDetails div{
  margin-bottom:5px;
  text-align:left;
}

#projectDetails strong{
  display:block;
}

#abstract{
  font-size:90%;
  width:280px;
  float:right;

}


#maincol .highlight{
   clear:both;
   font-size:95%;
}