/* CSS Document */
/*The text is defined as aligned 'center' in order to center the website in the middle of the explorer.
This value is set back in the #global which contain all the html code in your page*/
body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0;
	padding:10;
	line-height: 1.4em;
	background-color:#EFEFEF;
	color:#001C37;
}

/*border defined as 0 in order to prevent border around a picture which is a link*/
img{
	border:0;
}

/*delete pre-defined value in some browsers*/
form{
	margin:0;
}

/*allows to center the site in the middle of the html page with margin right and left set as 'auto'*/
div#global{
	position: relative;
	margin-left: auto;
    margin-right: auto;
	margin-top:20px;
	text-align: left;
	width:750px;
}

h1 {
   margin-left: 0em;
   color:#870000;
}

p { 
   margin-left:20px;
    margin-right:30ps;
}

/*header containing the logo and banner*/
#header{
	width:750px;
	background-color:white;
	height:130px;
}

#header a{
     text-decoration:none;
}

#header a:hover{
    text-decoration:none;
}

img.logo { 
    float: left; 
    margin: 0px; 
}

img.floatLeft{
   float:left;
   margin:15px 10px;
}

img.floatRight{
   float:right;
   margin:15px 10px;
}



#logo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: black;
	text-align: left;
	text-indent: 20px;
	padding: 60px 50px;
}

#whitetext {
  color: white;
  font-size: large;
}

#main_menu{
	float:left;
	background:#333333;
	width:750px;
}

#main_menu ul{
	float:left;
	padding:4px;
	margin:0;
}

#main_menu li{
	display:inline;
	list-style-type:none;
}

#main_menu a{
	color:#dddddd;
	font-weight:bold;
	text-decoration:none;
	padding:0px 4px 0px 4px;
}

#main_menu a:hover, #main_menu a.active{
	color:#fff;
}

#content{
  	width:750px;
        margin-top: 2cm;
	padding:20px 10px 20px 10px;
	font-size: 100%;
	color:#333;
	voice-family: "\"}\"";
  	voice-family:inherit;
	width:730px;
}

html>body div#content{
	width:730px;
}

#content h2 {
   color:#890000;
}

#content h3 {
   color:#890000;
}

#content a{
   color:#890000;
}

#content a:hover{
    color:#893333;
 }
 
#content ul{
   list-style: square inside;
}
 

div#footer{
	font-size:90%;
	line-height:1.3em;
	float:left;
	background-color:#DBDBDB;
	padding:5px 4px 5px 4px;
	width:750px;
	voice-family: "\"}\"";
  	voice-family:inherit;
	width:742px;
}

div#footer a{
   color:#555;
    text-decoration:none;
 }

html>body div#footer{
	width:742px;
}

.textbox{
   color: #333333;
   margin: 20px 30px;
}

.light{
   color:#444;
}

#breadcrumb {
   padding: 4px;
   margin:20px 0px 0px 0px;
   }
   
#breadcrumb h3 {
  display: none;
}

#breadcrumb ul {
   display: inline;
   padding-left: 0;
   margin-left: 0;
}

#breadcrumb ul li {
  display: inline;
}

#breadcrumb ul li a:link {
   padding: .2em;
}

#breadcrumb ul ul li {
   background-image: url(../images/arrow.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 12px;
}

.halfbox{
   float: left;
   width:280px;;
   padding: 5px 10px;
}

/* bibliography stuff */

.Pub, .Talk, .Poster {
	text-align: left;
	font-size: 1.0em; 
	line-height: 125%;
	page-break-before: always;
	padding-bottom: 0.0em; 
        padding-top: 0.8em; }

.Key { font-size: 0.8em; 
	color: #222222;
	page-break-before: always; }

.Title { font-weight: bolder;
	font-size: 1.0em;
	color: #225522; }

.Author { color: black; }

.Journal, .Conference { font-style: italic; }

.Volume { font-weight: bolder; }

.Year { color: black; }

.Abstract, .Annote {
	font-size: 1.0em;
	line-height: 100%; 
	color: dark-gray;
	padding-top: 4px;
        padding-left: 10em;
        text-align: left;
        }

.FieldName { font-weight: bolder; }

.FieldValue { color: black; }

.Url { font-size: 0.9em; color: #c95e62; }

.Citations { font-size: 1.0em; color: #3d433b; }