/* CSS Document */

body {
	margin: 0;
	padding: 0 ;
	text-align: center;
	color: #333;
	background:#E5E5E5;  /* f0f0f0,   594423  --hdclel=333333--  */
	}

/*--Container to center the website ....... Include everything in this tag   */
#container { 
	 width:673px;
	 border: .1px solid #FFF;/* invisible border -fixes some bug in IE */
	 margin:1 auto; 
	 text-align:left;
	 background:#ffffff; /* f0f0f0 */
	 }
  div.spacer {
  clear: both;
  }
  
  
  /* Links */

a{text-decoration:none; }

a:link, a:active, a:visited{color:#039;}

a:hover{color:#C00; text-decoration:underline;}
  
  
  
  
/* Header style*/

	
 #header{
     position:relative;
	width:100%;
 	height:120px;
	margin:0px;
  	padding:0px;
  	border:0px;
	/*margin:5px 0px 2px 5px;*/
	background-color: #003265;
}
	
	
	
#image1{
      float:left;
	  top:0px;
	  left:0px;
	  margin-left:1px;
	  }
	 
#image2{
	float:right;
	top:0px;
	right:0px;
	margin-right:6px;/* change for print*/
	}	
/* End header style */	

 

/*-- Rotate image--*/ 
#rotate 
{
    margin: 1.5px;
	width: 670px;
	height: 120px;
	background: url(images/pic1.jpg) no-repeat bottom center;		
} 

#menu_container{
    position:relative;
    margin: 2px 5px 5px 5px;
	width: 97.25%;
	background-color:#003265;
	border:1px solid #fff;		
	}



/* menu layout */
#menu {
width: 100%;
background: #fff;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 20%;
float: left;
}
#menu ul ul{
width:100%;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #000;
background:#efefef; 
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef; /*  #dee5eb*/
text-decoration: none;
}

#menu a:hover {
color: #a00; /* #ffcc00*/
background: fff; /*  #666*/
}



/* drop down over the top of any existing text below*/
#menu ul ul {
position: absolute;
z-index: 500;
}

/* hide the second level menus*/
div#menu ul ul, div#menu ul li:hover ul ul{
display: none;
}

/* enable second level drop downs on hover */
div#menu ul li:hover ul,
div#menu ul ul li:hover ul{
display: block;
}

/* for the third level menus */
#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

/* End menu layout */


/* Outer box for the content of the page */
#content {
  z-index:0;
  width:94%; /* 100% for the IE */
  clear: both;
  margin:1%;
  padding:2%;
  background-color:#ffffff; /* #dee5eb   F2F5F7*/
  border:1px solid #D0E4FD;
     }
/* End content for the page */


/* Start footer style */
#Footer{
position:relative;
margin: 0;
width:100%; /* 670 */
height:80px;
z-index:101; 
background-color: #98a1b2; 
border: 1px none #000000;
}
.rightimage{
float:right;   
width:143px;
height:44px;
background-color: #98a1b2;
}


 
#library a:hover, #library a:focus{
 color:#f5f5ff;
 }

#library {
	position: relative;
	top:35px;
	left:135px;	
	color: #006699;
	margin-left:40px;
	/* float:left;
	margin: 35px, 5%, 10px, 10% ;*/

}

/* end footer style */

#title{
    z-index:0;
	 margin-left:35%;
	 margin-top:2%;
	 margin-bottom:2%;
	 width:291px;
	 height:28px;
	  }
/* publications */
.public_content {
  z-index:0;
  clear: both;
  width:95%;
  margin:.75%;
  padding-left:2%;
  padding-right:1%;
  background-color:#ffffff; /* #dee5eb   F2F5F7*/
  border:1px solid #fdd;
  text-align:justify;
     }
	 
p{
color:#003366;
font: Verdana  Helvetica sans-serif 2px Arial;
}
.year{
margin-top:10px;
color:#993333;
font-weight: bold;
}
	
/* mission statement , lab description */
#incontent1 {
  z-index:0;
  clear: both;
  margin:1%;
  padding:1%;
  background-color:#ffffff; /* #dee5eb   F2F5F7*/
  border:1px solid #fff;
  text-align:justify;
     }
	 
#incontent2{
z-index:0;
  clear: both;
  margin:1%;
  
  background-color:#ffffff; /* #dee5eb   F2F5F7*/
  border:1px solid #fff;
     }

	
#incontent2 ul li{
    margin: 1%;
	padding-left:1%;
		}
#incontent2 ul{
list-style-type:disc;
  list-style-position:outside;
  margin-left:20px;
  }

/* for current projects */
#incontent1 ul{
  list-style-type:disc;
  list-style-position:outside;
    } 
#incontent1 ul li{
   	padding-left:1%;
	}	 
	 
/* current members */
.pic_box {
  position: relative;
  width:95%;
  height:208px;
  clear: both;
  margin-left:3%;
  margin-bottom:1%;
  padding:1%;
  border:1px solid #fdd;
     }
	 
.pic{
 float:left;
 width:184px;
 height:208px;
  }
  
.desc{
 float:left;
 margin-left:10%;
 margin-top:10%;
 width:264px;
 text-align:center;
 
 }
/* graduate assisstants */
.grad_pic_box {
  position: relative;
  width:93%;
  height:193px;
  clear: both;
  margin-left:5%;
  margin-bottom:1%;
  padding:1%;
  border:1px solid #fdd;
     }
	 
.grad_pic{
 float:left;
 width:200px;
 height:200px;
  }
/* Old members */
.old_pic_box {
  position: relative;
  width:93%;
  height:189px;
  clear: both;
  margin-left:5%;
  margin-bottom:1%;
  padding:1%;
  border:1px solid #fdd;
     }
	 
.old_pic{
 float:left;
 width:179px;
 height:189px;
  }
  .desc1{
 float:left;
 margin-left:13%;
 margin-top:5%;
 width:284px;
 text-align:center;
 
 }