html, body 		{ margin: 0; padding: 0; }
		body { 
			 color: #333; 
			 font: 14px "Times New Roman", Arial, Helvetica,  sans-serif; 
			 line-height: 18px; 
			 background: #25477b url('Images/Bckgr_img.jpg') no-repeat top center;		 
		}
/* ===== CONTAINER ===== */
		#container { 
				   width: 991px; 
				   margin: 0 auto;
				   padding: 0; 
				   background-image: url('Images/Middle_bckgr.jpg'); 
				   margin-top: 13px;
				   margin-bottom: 13px;				   
				   }
		
/* ===== HEADER ===== */
		#header {  			  
			  list-style: none;
  			  position: relative;
			  padding: 0px;
  			  margin: 0px;
  			  width: 991px;
  			  height: 211px;
  			  background: url('Images/Header_bckgr3.jpg') no-repeat;			  
		}
		#header a {
				display: block;
				text-indent: -900%;
				position: absolute;
				outline: none;
		}
		#header a:hover {
				background-position: left bottom;
		}
		#header .home {
				width: 196px;
				height: 43px;
				background: url('Images/hHome_button.jpg') no-repeat;
				left: 7px;
				top:168px;
		}		
		#header .research {
				width: 195px;
				height: 43px;
				background: url('Images/hResearch_button.jpg') no-repeat;
				left: 203px;
				top:168px;
		}
		#header .publications {
				width: 195px;
				height: 43px;
				background: url('Images/hPublications_button.jpg') no-repeat;
				left: 398px;
				top:168px;
		}
		#header .cv {
				width: 195px;
				height: 43px;
				background: url('Images/hCV_button.jpg') no-repeat;
				left: 593px;
				top:168px;
		}
		#header .other {
				width: 195px;
				height: 43px;
				background: url('Images/hOther_button.jpg') no-repeat;
				left: 788px;
				top:168px;
		}
		
/* ===== CONTENT ===== */
		#content { 
				 float: right;				 
				 width: 740px;
				 padding: 0px;
			   	 margin: 0px 12px 10px 0px;	
				 display: inline;                 			 
				 /*border: 1px solid #ccc;*/ 
		}
		#content img{
                 position: absolute;
				 top: 40px;
				 right: 43px;
                 /*z-index:1;*/
                 /*margin: -55px 40px 10px 15px;*/
                 }
        
        #content div{
			   	   position: relative;
				   background-image: url('Images/Content_bckgr.gif');
				   background-position: center;
				   background-repeat: repeat-y;
				   padding: 0px;
				   margin: 0px;
		}
		#content div div {
			   	   position: relative;
				   background-image: url('Images/Content_bottom_bckgr.gif');
				   background-position: bottom center;
				   background-repeat: no-repeat;
				   padding: 0px 0px 7px 0px;
				   margin: 0px;
		}
		#content div div div {
			   	   position: relative;
				   background-image: url('Images/Content_top_bckgr.gif');
				   background-position: top center;
				   background-repeat: no-repeat;
				   padding: 0px;
				   margin: 0px;
		}		
		#content p.header {				  
				  font-size: 200%;
				  font-weight: bold;				  
				  padding: 25px 25px 25px 25px;
		}
		#content p,dl,table,h1,h2,h3,h4,h5,h6 {				   
				   padding: 0px 25px 0px 25px;
		}
        #content h2, h3 {
                 color:#4371a9;
        }
        #content ul, ol {
                 margin: 0 25px 5px 40px;
                 padding: 0;
        }
        #content li {
                 margin 0;
                 padding: 0.5em 0 0.5em 0;
        }
		#content a.pdf {
				 position: absolute;
				 top: 25px;
				 right: 55px;
				 color: red;
                 margin: 0;
                 padding: 0;
				 font-size: 120%;
				 font-weight: bold;
                 display: inline;
		}
		#content a.ps {
				 position: absolute;
				 top: 25px;
				 right: 30px;
				 color: red;
				 font-size: 120%;
				 font-weight: bold;
		} 
        #content td {
                 vertical-align: top;
        }             
				
/* ===== NAVIGATION (VERTICAL MENU) ===== */		
		#navigation	{ 
					float: left; 
					width: 214px;					
					margin: 10px 0 0 17px;
					display: inline;
					/*border: 1px solid #ccc;*/
					}		
		#navigation ul {
					margin: 0;
					padding: 0;
					list-style-type: none;
					}
		#navigation li {
					margin: 0px;  /*For Opera, it is important to set the LI margins to "0" to avoid gaps. */
		}
		#navigation li ul {
					border-top: 2px solid white;
					border-bottom: 2px solid white;
		}
		#navigation a {					
					background-repeat: no-repeat;
					display: block;
					color: black;
					background-color: white; 
					width: 214px;
					padding: 6px 0px 6px 0px;
					/*border: 1px solid #4371a9;*/
					text-decoration: none;
					text-indent: -900%;
		}
		#navigation a:hover {
					background-position: left bottom;
		}
        #navigation a:active, a:focus, a:focus:hover {
					outline: 0;
		}
		#navigation li li a:hover {
					color: #5facf6;
					background-position: center right;					 
		}		
		#navigation li li a.active {
					background-color: white;
					background-image: url('Images/submenu_active.gif');
					background-repeat: no-repeat;
					background-position: center right;									 
		}        			
		#navigation li li a {
					display: block;
					color: black;
					background-color: white;
					background-image: url('Images/submenu_bckgr11.gif');
					background-repeat: no-repeat;
					background-position: center right;
					width: 100%;
					text-indent: 25px;
					padding: 6px 0px 6px 0px;					
					border: 0px;
					text-decoration: none;
		}
		#navigation a.home {
					background-image: url('Images/v2Home_button.gif');
		}
		#navigation a.home_active {
					background-image: url('Images/vHome_active.gif');
		}
		#navigation a.research {
					background-image: url('Images/v2Research_button.gif');
		}
		#navigation a.research_active {
					background-image: url('Images/vResearch_active.gif');
		}
		#navigation a.publications {
					background-image: url('Images/v2Publications_button.gif');
		}
		#navigation a.publications_active {
					background-image: url('Images/vPublications_active.gif');
		}
		#navigation a.cv {
					background-image: url('Images/v2CV_button.gif');
		}
		#navigation a.cv_active {
					background-image: url('Images/vCV_active.gif');
		}
		#navigation a.other {
					background-image: url('Images/v2Other_button.gif');
		}
		#navigation a.other_active {
					background-image: url('Images/vOther_active.gif');
		}		
				
/* ===== EXTRA (CONTACTS) ===== */		
		
		#extra { 
			   float: left; 
			   clear: left; 
			   width: 209px;
			   margin: 10px 0px 10px 15px;
			   padding: 0px;
               display: inline;			    
			   /*border: 1px solid #ccc;*/
			   }		
		#extra div{
			   	   position: relative;
				   background-image: url('Images/Extra_bckgr.gif');
				   background-position: center;
				   background-repeat: repeat-y;
				   padding: 0px;
				   margin: 0px;
		}
		#extra div div {
			   	   position: relative;
				   background-image: url('Images/Extra_bottom_bckgr.gif');
				   background-position: bottom center;
				   background-repeat: no-repeat;
				   padding: 0px 0px 1px 0px;
				   margin: 0px;
		}
		#extra div div div {
			   	   position: relative;
				   background-image: url('Images/Extra_top_bckgr.gif');
				   background-position: top center;
				   background-repeat: no-repeat;
				   padding: 1px 0px 0px 0px;				   
				   margin: 0px;	
		}
		#extra p {				   
				   padding: 0px 15px 0px 17px;
		}
		#extra p.header {				  
				  font-size: 120%;
				  font-weight: bold;				  
				  padding: 0px 15px 0px 17px;
		}
				
/* ===== FOOTER (BOTTOM OF THE PAGE) ====== */
		#footer	{ 
				background: #333; 
				margin: 0;
				padding: 0;				 
				clear: both; 
				width: 100%; 
				height: 60px;
				background: url('Images/Footer_bckgr.jpg') no-repeat center;
				}
				
		#footer	p { 
				  color: #4371a9; 
				  margin: 0; 
				  padding: 14px 0 0 0;				   
				  text-align: center;
				  font-size: 90%; 
				  }