/*SCREEN*/

@media screen
{
   
body  {
  margin: 0;
  padding: 0;
  background: #604878;
  } 

#container  {
  width: 1000px;
  margin: 7px auto 0;
  padding: 0;
  font: 90%/1.3 geneva,lucida,arial,sans-serif;
  background: #fff;
  border: 2px solid #002558;
 }  
 
 
 
 #masthead a {color: #002558;
   text-decoration: none;
 }
 
 
#logos {float: left;
width: 260px;
height: 153px;
padding-top: 10px;
border-right: 1px solid #002558;
}

 #logos ul {
  margin: 5px 0;
  padding: 0 5px;
  list-style: none;

}  

#logos li {
  margin: 5px 5px 5px 0;
   float: left;
}

#logos img	{
	display: block;
	margin: 0 auto;
}

#logos li:hover img	{
	outline: 2px solid #002558;
}	

#logos #eecs img	{
	padding: 2px;
	width: 100%;
}

#logos #mipse img	{
	width: 180px;
	margin-left: 35px;
}	

 #masthead #plasma	{
  width: 739px;
  height: 163px;
  margin: 0;
 float: right;
  background: url(Images/banner_v02.jpg) top left;

}


#header{
  clear: both;
  width: 100%;
    background: #fff;
    border-bottom: 2px solid #002558;
   border-top: 2px solid #002558;
 }

#banner ul  {
 text-align: center;
 list-style: none;
 
 }
 
#banner li {
color: #fff;
font-weight: bold;
}
  
#leftbar   {
  clear: both;
  float: left;
  width: 230px;
    
  }

.navigation {
  margin: 18px 5px;
  padding: 10px;
  width: 100%;
  list-style: none;
  border-bottom: 1px solid #002558;
}

.navigation:last-child	{
	border-bottom: none;
}
	
.navigation li	{
 
  margin: 3px 5px;
  font-weight: bold;
  font-size: 110%;
  /*font-family: verdana;*/
}

.navigation a 	{
  width: 216px;
  display: block;
  padding: 3px;
	text-decoration: none;
	color: #002558;
	text-align: right;
}

.navigation a img	{
  
  display: block;
  padding: 3px;
 margin-left: 16px;
 margin-bottom: 10px;
}

.navigation .current, .navigation .current_up,.navigation a:hover {
  color: #fff;
  background: #002558;
}

#pici, #psc {
	
	margin: 0;
	padding: 0;
}	



.navigation #pici a:hover, .navigation #psc a:hover	{
	background: #fff;
	
}

.navigation a:hover img	{
	outline: 2px solid #002558;
}


#main {
 background: #ffffff;
  margin: 0;
  padding: 20px;
  width: 696px;
  min-height: 800px;
  margin-left: 260px;
  border-left: 1px solid #002558;
 }
 
#main a {color: #002558;
}
/*Headings*/



h1, h2, h5, h6{
 text-align: center;
 }
 
#contact h2 {text-align: left;
}

h3  {

  margin: 0;
  text-align: center;
}

h1  {
  letter-spacing: 1px;
  margin: 10px 0;
  /*padding: 7px 10px;*/
  font-size: 150%;
  /*font-weight: normal;*/
  font-variant: small-caps;
  color: #002558;
}

h1 a {
   color: #002558;
   text-decoration: none;
}

h2		{
	margin-top: 12px;
}
	
h2 {
    margin-bottom: 20px;
    font-size: 130%;
  
}

h3, h4  {
    margin-bottom: 20px;
    font-size: 115%;
  
}

h5, h6 {
  margin-bottom: 20px;
  font-size: 100%;
  text-align: left;
}

h6.teaching	{margin: 5px 0;
}
  
#masthead h2, h5 {font-variant: small-caps;
}

img {
  border: none;
  margin-left: 2px;
}

.list li  {
  padding: 5px 0;
}

.inline {
  margin-left: 0;
 list-style: none;
  text-align: center;
 }
 
 .inline li {
 display: inline;
 color: #002558;
 
 }
 
 .inline a {
 color: #002558;
 font-weight: bold;
 }
  
.red  {font-weight: bold;
color: red;
}  

.image, .table {text-align: center;
}

.image	{
	margin-bottom: 3em;
}	

.table {margin-top: 20px;
		margin-bottom: 20px;
}

.table img {border: 1px solid #000000;
}

#card {border: 1px solid #002558;
width: 680px;
margin-bottom: 20px;
background: #ffc;
}

#card, #picture, #contact {float: left;
margin-bottom: 0;
}

#contact h2 {margin: 0;

}

#contact {width: 400px;

}
#contact dl {padding-top: 10px;
border-top: 1px solid #002558;

}
#title {margin: 10px 0;
}

div#title {clear:both;
margin-left: 20px;
}

#title ul {list-style: none;
}

#picture {margin: 20px;
}

#contact {margin: 10px;
} 

dl {margin: 0;
}

dt {font-weight: bold;
font-style: italic;
}

#card:after {
    clear:both;
}

#card {margin-bottom: 20px;
}

/*#research  {clear: both;
}*/

.contact  {list-style: none;
}

#course	{width: 500px;
	
}


#local_nav	{float: right;
		width: 200px;
		border: 1px solid #000;
		margin-left: 10px;
		
}

#local_nav ul	{list-style: none;
		width: 100%;
		margin: 0;
		
		
}

#local_nav li	{display: block;
		margin: 20px 0;
		
}

#local_nav a	{font-weight: bold;
		padding: 6px 3px;		
}

#local_nav a:hover, #local_nav a:active, #local_nav .current {text-decoration: none;
		   color: #fff;
  		background: #002558;
}		

p.teaching	{font-weight: bold;
}

.project_authors  span {
		text-align: center;
		display: block;
}

table.images 	{border-collapse: collapse;
			border: 1px solid #000000;
}

.images td {width: 340px;
			padding: 20px;
			vertical-align: top;
			border: 1px dotted #000000;
			
}

table.wide td {width: 650px;
}

table.narrow td {width: 220px;
}
			
.images img{width: 300px;
}

table.wide img	{width: 630px;
}

table.narrow img {width: 190px;
}

img#wide {width: 630px;
}

.caption	{font-size: .9em;
			
}

#footer {
  clear: both;
  text-align: center;
  font-size: 90%;
  font-family: geneva,lucida,arial,sans-serif;
  /*margin-left: 231px;*/
 

} 

#footer, #footer a {color: #fff;
}

br  {
 clear: both;
} 
 
#movies	{width: 500px;
		margin: 0 auto;
		padding-top: 3em;
		
}
		
.video {	text-align: center;
		padding-bottom: 2em;
		border-bottom: 1px dotted #ccc;
}  
/*IE 6*/


/*IE 7*/


}  

/*PRINT*/


@media print

   {
   
#container, input  {
  font: 12pt/1.3 georgia,serif;
}

.navigation, .inline, #logos, #counter, #validation {display: none;
}

h1, h2, h3  {
  font-weight: normal;
}

h1  {
  font-size: 18pt;
}    
  
h2  {
  font-size: 16pt;
}    

h3  {
  font-size: 14pt;
}  

li  {
  margin-bottom: 2pt;
}

a {
  color: #000;
}

  
}
.important	{
	margin-top: 0;
	
}	
.important span	{
  color: red;
 } 

/*Reverse the order of publication list*/
#reverse {
    -webkit-transform: rotate(180deg);
	 -ms-transform: rotate(180deg);
		transform: rotate(180deg);
	margin-left: 3em;
}
#reverse > li {
    -webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	    transform: rotate(-180deg);
}