/* Main CSS for Kraken */
body{       
      background-color: rgb(254,254,253);
      color: rgb(25,25,45);
      font-size: 0.8em;
      font-family: sans-serif;
      width: 100%;
      margin: 0px;
      padding: 0px;
      /*background-image: url(../images/background.png);*/
}

body:Nader {       
      background-color: rgb(152,251,152);
      color: rgb(25,25,45);
      font-size: 0.8em;
      font-family: sans-serif;
      width: 100%;
      margin: 0px;
      padding: 0px;
      background-image: url(../images/background.png);
}

p {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: justify;
    padding: 10px;
    text-indent: 10px;
}

a, img {
         border: none;
         text-decoration: none;
}

a:link {
         color: rgb(51,102,153);
         }

a:visited {
            color: rgb(41,92,143);
            }

a:hover {
          color: rgb(204,51,51);
          }

code, pre { 
            font-size: 1.2em;
            }

code { 
       padding-left: 20px;
 }

h1 {
     /*background-color: rgb(225,235,255);*/
    background-color: rgb(192,255,62);
    color: rgb(55,50,80);
    width: 280px;
    margin-left: -10px;
}

h1:Nader {
     background-color: rgb(192,255,62);
     color: rgb(55,50,80);
     width: 280px;
     margin-left: -10px;
}

h2 {
     border-bottom: solid rgb(45,40,70) 1px;
     color: rgb(55,50,80);
     margin-left: 3px;
     width: 50%;
}

h2:Nader {
     border-bottom: solid rgb(45,40,70) 1px;
     color: rgb(55,50,80);
     margin-left: 3px;
     width: 50%;
}

h3 {
     border: none;
     color: rgb(55,50,80);
     margin-left: 5px;
}

h3:Nader {
     border: none;
     color: rgb(55,50,80);
     margin-left: 5px;
}

h4{
     border: none;
     color: rgb(55,50,80);
    margin-left: 7px;
}

h4:Nader{
     border: none;
     color: rgb(55,50,80);
    margin-left: 7px;
}

h5{
     border: none;
     color: rgb(55,50,80);
    margin-left: 9px;
}

h5:Nader{
     border: none;
     color: rgb(55,50,80);
    margin-left: 9px;
}

hr { 
     border:none;
     color:rgb(255,255,255);
     background-color:rgb(205,215,245);
     width: 90%;
     height: 1px;
 }

/* *** */



/* Structure */
#contents {
             width: 92%;
             position: relative;
             left: 4%;
             /*background-image: url(look/background_container.png);*/
             border-left: rgb(225,235,255) solid 5px;
             /*border-left: rgb(150,80,70) solid 5px;*/
             margin-bottom: 25px;
             padding-top: 0px;
             padding-right: 5px;
             padding-bottom: 5px;
            padding-left: 10px;
             }

#contentsN {
             width: 92%;
             position: relative;
             left: 4%;
             /*background-image: url(look/background_container.png);*/
             border-left: rgb(192,255,62) solid 5px;
             /*border-left: rgb(150,80,70) solid 5px;*/
             margin-bottom: 25px;
             padding-top: 0px;
             padding-right: 5px;
             padding-bottom: 5px;
    padding-left: 10px;
             }

#logo{position: absolute;height:110px;width:100%;left:0px;       
       text-align: center;
       color: rgb(225,255,255);
       font-size: 1em;
       font-weight: 600;}

#container{position: absolute;top:110px;width:100%;left:0px;}

#containerN{position: absolute;width:100%;left:0px;}


#left{background-image: url(../images/top_left.png);
       width:50%;
       height:80px;
       float:left;
       position:absolute;}

#right{background-image: url(../images/top_right.png);
        width:50%;
        left:50%;
        height:80px;
        float:left;
        position:absolute;}

#picture-Center {
    position:relative;
    text-align: center;
    width: 100%;
    margin-top: -165px;
           }

#guestbook-Right {
    position: absolute;
    text-align: right;
    width: 96%;
    margin-right: 125px;
    margin-top: -200px;
}


#google-Right {
    position: absolute;
    text-align: right;
    width: 10%;
    right: 17%;
    /*padding-right: -1000px;*/
    /*margin-right: 50px;*/
    /*margin-right: 140px;*/
    /*padding-right: 500px;*/
    /*margin-left: 500px;*/
    margin-top: -110px;
    border: dotted rgb(192,255,62) 1px;
}

#ourStory-Right {
    position: absolute;
    text-align: right;
    width: 10%;
    right: 5%;
    /*padding-right: -1000px;*/
    /*margin-right: 50px;*/
    /*margin-right: 140px;*/
    /*padding-right: 500px;*/
    /*margin-left: 500px;*/
    margin-top: -143px;
    border: dotted rgb(192,255,62) 1px;
}

#myPub-Right {
    position: absolute;
    text-align: right;
    width: 10%;
    right: 17%;
    /*padding-right: -1000px;*/
    /*margin-right: 50px;*/
    /*margin-right: 140px;*/
    /*padding-right: 500px;*/
    /*margin-left: 500px;*/
    margin-top: -80px;
    /*border: dotted rgb(192,255,62) 1px;*/
}

#google-Left {
    position: relative;
    text-align: right;
    width: 90%;
    margin-top: 15px;
    margin-bottom: 15px;
   /*border: dotted rgb(192,255,62) 1px;*/
}

#picture-Right {
    position: relative;
    text-align: right;
    width: 100%;
    margin-top: 15px;
   /*border: dotted rgb(192,255,62) 1px;*/
}

#picture-Return {
    position: relative;
    text-align: right;
    width: 80%;
    margin-top: 15px;
    border: dotted rgb(192,255,62) 1px;
}


#picture-Left {
    position: relative;
    text-align: left;
    width: 100%;
    margin-top: 60px;
    padding-left: 65px;
    /*border: dotted rgb(192,255,62) 1px;*/
}

#photo-Left {
    position: relative;
    text-align: left;
    width: 96%;
    padding-left: 65px;
    /*border: dotted rgb(192,255,62) 1px;*/
}
#picture {
    clear:bottom;
    position:absolute;
    text-align: center;
    width: 100%;
}

#bottom {
    clear:bottom;
    position:absolute;
    text-align: center;
    width: 100%;
    top: 80px;	
}

ul#menu_top{          background-image: url(../images/menu_bar.png);
             /*background-image: rgb(27,126,209);*/
             overflow: hidden;
             margin:auto;
             text-align: center;
             top:80px;
             border-bottom: solid rgb(255,254,0) 2px;
             }

ul#menu_top li {list-style-type: none;
                 display: inline;
                 padding-left: 5px;
                 padding-right: 5px;
                 margin: 0em;}

#bottom_disclaimer{color: rgb(145,145,150);
                      background-color: rgb(255,255,255);
                      font-size: 0.9em;
                      text-align: center;
                      padding-left: 0px;}

ul#menu_bottom{background-image: url(../images/menu_bar.png);
                /*background-image: rgb(27,126,209);*/
                overflow: hidden;
                margin:auto;
                text-align: center;}

ul#menu_bottom li{list-style-type: none;
                   display: inline;
                   /*border-right: solid rgb(255,254,0) 1px;*/
                   padding-right: 2px;
                   margin: .2em 0;}


li.item_menu a:link, li.item_menu a:visited,
li.item_menu1 a:link, li.item_menu1 a:visited,
li.item_menu2 a:link, li.item_menu2 a:visited,
li.item_menu3 a:link, li.item_menu3 a:visited,
li.item_menu4 a:link, li.item_menu4 a:visited,
li.item_menu5 a:link, li.item_menu5 a:visited,
li.item_menu6 a:link, li.item_menu6 a:visited,
li.item_menu7 a:link, li.item_menu7 a:visited {
                                              color: rgb(255,255,254);
                                              text-decoration: none;
                                              }

li.item_menu a:hover,li.item_menu1 a:hover,
li.item_menu2 a:hover,li.item_menu3 a:hover,
li.item_menu4 a:hover,li.item_menu5 a:hover,
li.item_menu6 a:hover,li.item_menu7 a:hover {
                       color: rgb(12,06,136);
                       text-decoration: none;
                       }

li.item_menu a:hover {
                       background-color: rgb(255,254,100);
                       }

li.item_menu1 a:hover {
                       background-color: rgb(225,235,255);
                       }

li.item_menu2 a:hover {
                       background-color: #EDA084;
                       }

li.item_menu3 a:hover {
                       background-color: #FEBFBF;
                       }

li.item_menu4 a:hover {
                       background-color: #FFFFAB;
                       }

li.item_menu5 a:hover {
                       background-color: #86F8AE;
                       }

li.item_menu6 a:hover {
                       background-color: #C6B3FC;
                       }

li.item_menu7 a:hover {
                       background-color: #F0E330;
                       }



/* *** TEMPLATE CONTACTS *** */
img.template_contact_img { 
                           float:left;
                           width:300px;
                           }

ul.template_contact_ul { 
                         float:left;
                         }

ul.template_contact_ul li { 
                            list-style:none;
                            }

div.template_contact_bloc { 
                            border: dotted rgb(124,123,124) 1px;
                            overflow: hidden;
                            padding: 2px;
                            }

ul.template_link_ul { color: rgb(51,102,153); }
ul.template_link_ul li {  list-style: square; color: rgb(51,102,153);}



/* PRESENTATION */
#areas_of_research { font-size: 2em;font-variant: small-caps; }

#activity_report{ clear: both; }

#areas_left { float:left; }

#areas_left ul { font-size: 1.2em; }

#area_one { list-style-image: url(../images/1.png); }

#area_two { list-style-image: url(../images/2.png); margin-left:10px; }

#area_three { list-style-image: url(../images/3.png); margin-left:20px; }

#picture_odyssee { float:right;border: dotted rgb(150,150,180) 1px;width:200px;height:200px;margin-right: 10%; margin-bottom: 10px;}