/* *** css by ISSCO - Unige *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

html {
overflow-y : scroll;
}

body {
background-color: white;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: black;
margin: 0px;
}

hr {
color: #774455;
}

/* Styles related to containers  */
/* ----------container to center the layout-------------- */
#container {
background-color: white;
* width: 953px;
width: 950px;
/* % dynamic resizing version */
/*width: 74.25%;*/
margin: 3px auto 10px auto;
}


/* ----------Banner at the top of the page-------------- */
#banner {
background-image: url(/images/banner-bkg.jpg);
background-repeat: no-repeat;
height: 110px;
width: 100%;
border-bottom:3px solid #665555;
}

#banner a img {
border: 0px solid #FFF;
}

#banner a:hover img {
opacity : 0.5;
-moz-opacity : 0.5;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter : alpha(opacity=50); /* IE < 8 */ 
}

#banner-unige {
position: relative;
top:10px;
}

#banner-fti {
position: relative;
top:7px;
left: 46px;
}

#banner-tim a.bannerlink {
font: bold  11px Verdana;
color: black;
text-decoration: none;
position: relative;
top:7px;
left: 46px;
}

#banner-tim a.bannerlink:hover {
opacity : 0.5;
-moz-opacity : 0.5;
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
filter : alpha(opacity=50); /* IE < 8 */
}

#banner-print {
display: none;
}

/* -----------------content--------------------- */
#content {
width: 719px;
/* IE 6 hacks - Width and min-height problems
                Width row to delete when IE6 will die */
* width: 716px;
* height: expression( this.scrollHeight < 600 ? "600px" : "auto" );
font-size: 12px;
background-color: white;
border-left:1px dotted #665555;
/* global top and left text indent
   bottom margin to include "last modif date" */
padding: 30px 0px 35px 20px;
/* position of the content depends on the width of the menu */
margin-left: 210px;
min-height: 600px;
}

/* ----------Language bar-------------- */
#content .topBlock {
display: inline;
}

#content .bannerLang {
background-image: url(/images/Language-bar.png);
background-repeat: no-repeat;
float: right;
margin-top: -30px;
padding-right: 10px;
padding-left: 240px;
font-size: 11px;
font-weight: bold;
color: white;
}

#content .bannerLang a:link,
#content .bannerLang a:visited,
#content .bannerLang a:hover {
text-transform: uppercase;
text-decoration: none;
color: white;
}

#content .cDepartName {
width: 70%;
margin-top: -30px;
float: left;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.5px;
color: black;
}

#content h1 {
float:none;
font-size: 18px;
color: black;
padding: 10px 0px 20px 0px;
text-align: center;
text-transform: none;
}

#content h2 {
float:none;
font-size: 16px;
color: #774455;
padding: 5px 0px 5px 0px;
text-align: center;
text-transform: none;
font-weight: bold;
}

#content h3 {
float:none;
font-size: 14px;
color: black;
padding: 5px 0px 0px 0px;
text-transform: none;
font-weight: bold;
}

#content h4 {
float:none;
font-size: 18px;
color: black;
padding: 5px 0px 10px 0px;
text-transform: none;
}

#content p {
padding: 5px 0px;
margin: 0px;
text-indent: 0px; 
}

#content p.center {
padding: 5px 0px;
margin:0px;
text-indent: 0px; 
text-align: center;
}

/* ----------Standard image format-------------- */
#content img {
border: 0px;
}


/* ----------Image format for affiliations logos-------------- */
#content img#affil {
border: 2px;
width: 98px 	
height: 98px
}



/* ----------Table on Affiliations page-------------- */
#content table#affiliations
{
width: 700px;
height: 1000px;
}

#content table#affiliations td
{
width: 175px;
text-align: center;
vertical-align: top;
}

#content a:link,
#content a:visited,
#navLeft a:link,
#navLeft a:visited {
text-decoration: none;
color: #009966;
}

#content a:hover,
#navLeft a:hover {
text-decoration: none;
color: #663399;
}

#content a.extlink {
background: url(/images/icons/ext-link.gif) left no-repeat;
padding-left: 15px;
padding-bottom: 2px;
}

/* Create a custom Tooltip text */
#content a.tooltip {  
position:relative; /* Very important */  
z-index:10;
}  
#content a.tooltip:hover {  
z-index:20;
color: #333333;
}
#content a.tooltip:visited {
border:none;
}
#content a.tooltip span {  
display:none;  
}  
#content a.tooltip:hover span {
display:block; 
position:absolute;
top:2em; left:2em; width:20em;
border:1px solid #4C5EA8;
background-color:#f3f3f3; color: #4C5EA8;;
text-align: justify;
font-weight:none;
font-size:10.5px;
padding:2px;
}

/* --------------left navi------------- */
#navLeft {
border-bottom: none;
float: left;
width: 185px;
min-height: 610px;
padding: 0px 10px;
background-color: white;
color: #707070;
/* IE 6 hacks - Width and min-height problems */
* height: expression( this.scrollHeight < 611 ? "610px" : "auto" );
}

#navLeft .menu {
font-weight: bold;
font-size: 14px;
line-height: 30px;
}

#navLeft .submenu {
font-size: 12px;
padding-left: 20px;
line-height: 0px;
}

#navLeft .menu a:link,
#navLeft .menu a:visited,
#navLeft .submenu a:link,
#navLeft .submenu a:visited {
text-decoration: none;
color: #707070;
}

#navLeft .menu a:hover,
#navLeft .menu a.current {
text-decoration: none;
color: white;
background-color: #774455;
}

#navLeft .submenu a:hover,
#navLeft .submenu a.current {
text-decoration: none;
color: white;
background-color: #774455;
}

#navLeft p {
padding: 10px 0px;
}

#navLeft ul {
list-style-type: circle;
padding: 0px 10px 5px 15px;
/* margin left 0px needed to work with IE */ 
margin: 45px 0px 10px 0px;
color: black;
min-height: 75px;
max-height: 85px;
/* IE 6 hacks - Max-height problems */
* height: expression(85 + "px");
}

#navLeft li {
margin-bottom: 5px;
}

#navLeft .newsBlock {
display: inline;
}

#navLeft .newsMenu {
float: left;
margin-top: 7px;
font-weight: bold;
font-size: 14px;
}

#navLeft .newsArchive {
float: right;
margin-top: 10px;
}

#navLeft #isscoLogo {
height: 90px;
background-image: url(/images/ISSCO-logo90.png);
background-repeat: no-repeat;
margin: 0px 40px;
border: none;
}

#navLeft #isscoLogo-print {
display: none;
}

/* -----------footer--------------------------- */
#footer {
height: 13px;
/* IE 7 hack, don't work for IE 6 */
* height: expression(11 + "px");
font-size: 10.5px;
color: white;
background-color: #774455;
border-top:1px solid #665555;
border-bottom:1px solid #665555;
margin: 0px;
padding: 0px;
text-align: center;
}

#footer a:link,
#footer a:visited,
#footer a:hover {
text-transform: uppercase;
text-decoration: none;
color: white;
}

#footer #lastModif {
position:relative;
top: -25px; left: 220px; width: 200px;
font-size: 11px;
color: #707070;
/* IE 6 hacks - inherit problems*/
* left: -157px;
}

#footer #text {
position:relative;
top: -15px;
}