html, body, form, div, ul, li, h1, h2, h3, h4, h5, a, p{
        font:11pt Sans-Serif;
        line-height:18px;
        border-width: 0;
        margin: 0;
        padding: 0;
}

html {
    background:url(i/bg.png);
    height:100%;
}

body {
    position:relative;
    width:900px;
    background:#fff;
    min-height:100%;
    margin:0 auto;
    border-color:#acd;
    border-style:solid;
    border-width:0 1px;
}

* html body {
    height:100%;
}
#header{
    padding:20px 20px 0 20px;
}
#header h1{
    text-align:center;
    font:bold 20pt sans-serif;
}

h2{
    padding:12px 0 5px 20px;
    font:bold 16pt sans-serif;
}

* html #header h1 {
    font:bold 15pt sans-serif;
}

* html h2 {
    font:bold 12pt sans-serif;
}

#header p{
    color:#006;
    text-align:center;
    font:12pt sans-serif;
}

* html #header p {
    font:bold 10pt sans-serif;
}

#sftmttr_logo{
    display:block;
    height:102px;
    width:200px;
    float:left;
}

#sftmttr_inst{
    display:block;
    height:130px;
    width:185px;
    float:right;
}

#menu{
    clear:both;
    font:bold 14pt sans-serif;
    color:#fff;
    width:900px;
    background:url(i/menu_bg.png) no-repeat;
}

* html #menu {
    font:10pt sans-serif;
}

#menu ul{
    text-align: center;
    margin: 0;
    padding: 75px 0 5px 0;
}
* html #menu ul{
     padding: 80px 0 20px 0;
}

#menu li{
    display: inline;
    padding: 70px 15px 0px 15px;
    height:80px;
}

#menu li a{
   padding:70px 0;
   color:#fff;
   font:bold 14pt sans-serif;
   line-height: 40px;
}

* html #menu li a{
   font:bold 13pt sans-serif;
}

#menu li #linkh{
   background:url(i/home_off.png) top no-repeat;
   text-decoration: underline;
}

#menu li #linkh:hover,
#bodyh #menu li #linkh {
   background:url(i/home_on.png) top no-repeat;
   text-decoration: underline;
}

#menu li #links{
   background:url(i/presentation_off.png) top no-repeat;
   text-decoration: underline;
}

#menu li #links:hover, 
#bodys #menu li #links {
   background:url(i/presentation_on.png) top no-repeat;
   text-decoration: underline;
}

#menu li #linko{
   background:url(i/organizers_off.png) top no-repeat;
   text-decoration: underline;
}

#menu li #linko:hover,
#bodyo #menu li #linko {
   background:url(i/organizers_on.png) top no-repeat;
   text-decoration: underline;
}

#menu li #linkp{
   background:url(i/program_off.png) top no-repeat;
   text-decoration: underline;
}

#menu li #linkp:hover,
#bodyp #menu li #linkp {
   background:url(i/program_on.png) top no-repeat;
   text-decoration: underline;
}

#menu li #linkc{
   background:url(i/contacts_off.png) top no-repeat;
   text-decoration: underline;
}

#menu li #linkc:hover,
#bodyc #menu li #linkc {
   background:url(i/contacts_on.png) top no-repeat;
   text-decoration: underline;
}

* html #menu li #linkh{
   background:url();
}

* html #menu li #linkh:hover {
   background:url();
}

* html #menu li #links{
   background:url();
}

* html #menu li #links:hover {
   background:url();
}

* html #menu li #linko{
   background:url();
}

* html #menu li #linko:hover {
   background:url();
}

* html #menu li #linkp{
   background:url();
}

* html #menu li #linkp:hover {
   background:url();
}

* html #menu li #linkc{
   background:url();
}

* html #menu li #linkc:hover {
   background:url();
}

#softmatter_main{
        padding:30px;
        text-align:justify;
}
#softmatter_main p{
        text-indent:1cm;
}
#meta {
    position:absolute;
    bottom:0;
    height:20px;
    width:100%;
    padding:0;
}

#meta a {
    display: block;
    float: left;
}
#meta {
    font-size: 10px;
    text-align: right;
}

#meta a{
        font-size: 12px;
        color: #fff;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
}

#meta{
        background:url(i/footer.png)#acf left top repeat-x;
}

.mylo {
    color: blue;
}
.mylo img{
    padding: 1px;
    margin:0 0 -4px 0;
}
* html .mylo img{
    padding: 1px;
    margin:0 0 -2px 0;
}
        
/*debug*/
/*div,form,ul,li,a,p, input{
border: 1px solid;
}
        div{
                border: 1px solid;
        }
div {
border-color: #f00;
}
form {
border-color: #0ff;
}
ul {
border-color: #00f;
}
li {
border-color: #0f0;
}
a {
border-color: #f0f;
}
p {
border-color: #ff0;
}
/**/

