body{
	background-color: #666666;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:100%;
	background-image: url(../images/line_diagmidgrey3.jpg);
	background-repeat: repeat;
}

#wrapper{
	width: 780px;
	background-color: #FFFFFF;
	margin: 10px auto;
	border: 1px solid #000000;
	text-align: left;
}

#banner{
	height: 240px;
	background-image: url(../images/randd_head.jpg);
	background-repeat: no-repeat;
}

#nav{
	background-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 34px;
	margin-bottom: 0px;
	margin-left: 16px;
}

#nav ul{
	padding: 0 0px 0 0px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003399;
	margin: 0;
	background-color: #CCCCCC;
}

#nav ul li{
	display: inline;
	padding: 0;
	margin: 0;
}


#nav ul li a{
	font-size: 75%;
	color: #003366;
		text-decoration: none;
	
} 

#nav ul li a:hover, #nav ul li a:focus{
	background-color: #CCCCCC;
	color: #993300;
}


#content{
	margin-top: 20px;
	margin-right: 45px;
	/*Note on margin-right, if you remove this, the middle content will wrap around bottom of right floating box,
and inserting this, as now, makes content flow down middle and leave right column clear*/
background-color: #ffffff;
	padding: 0px;
	margin-left: 230px;
}

#content p{
	font-size: 80%;
	margin: 8px 10px 8px 16px;
	padding: 0px;
}
p{
	font-size: 80%;
	margin: 8px 10px 8px 14px;
	padding: 0px;
	background-position: left top;
}
#midcol{
	margin-top: 20px;
	margin-left: 222px;
	/*Note on margin-right, if you remove this (margin-right: 45px;), the middle content will wrap around bottom of right floating box,
and inserting this, as now, makes content flow down middle and leave right column clear*/
background-color: #ffffff;
	width: 550px;
	line-height: 100%;
}
html>body #midcol{margin-left: 210px}

#leftcol{
	float: left;
	width: 190px;
	height: 150 px;
	background-color: #ffffff;
	clear: right;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
}

#leftcol h1{
	font-size: 100%;
	color: #003366;
	padding: 0px 0 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#leftcol h2{
	font-size: 90%;
	color: #003366;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
}

#leftcol h3{
	font-size: 70%;
	color: #003366;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
}
#leftcol box{
	font-size: 80%;
	color: #003366;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	border: thin solid #999999;
}
#leftcol p{
	font-size: 80%;
	color: #003366;
	margin: 0px;
	padding: 0px;
}

#midcol h3{
	font-size: 80%;
	color: #003366;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	padding: 0px;
	margin-left: 14px;
}

#rightcol{
	float: right;
	width: 160px;
	\width: 150px;
	w\idth: 160px;
	margin: 22px 0px 0px 15px;
	padding: 0px;
	background-color: #D0D1B1;
	border-left: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
			}
			
#rightcol h1{
	font-size: 100%;
	color: #003366;
	padding: 0px 0 0;
	margin-left: 14px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#rightcol h2{
	font-size: 90%;
	color: #003366;
	margin-left: 14px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
}
#rightcol h3{
	font-size: 80%;
	color: #003366;
	margin-left: 14px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
}


#pic{
width: 70px;
height: 100px;
position: relative;
}


#content h1{
	font-size: 100%;
	padding: 0px 0 0;
	margin-left: 14px;
	margin-top: 14px;
	margin-right: 10px;
	margin-bottom: 6px;
}
#content h2{
	font-size: 90%;
	color: #003366;
	margin-left: 14px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
}
#content h3{
	font-size: 80%;
	color: #003366;
	margin-left: 14px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
}


.leftimage{
float: left;
margin-right: 10px;
border: 1px solid #000000;
}
/*Note on rulelink and lastrule link classes: I added these as classes rather than "#nav ul li a{" items because IExplorer seemed to not recognize both the clas and the div notes-- would not align text properly in the nav bar, so by putting padding, alignment, and rules in these two classes, all worked better. First class .rulelink applies to all but last link, where the end rule would be a repeat to the end rule defined in #nav, so the last one leaves out the" border-right".*/
.rulelink{
	border-right: 1px solid #003366;
	text-align: center;
	padding: 0 19px;
	margin: 0;
	text-align: center;
	width: 9em;
	}
.lastrulelink{
	text-align: center;
	padding: 0 21px 0 22px;
	margin: 0;
    text-align: center;
	width: 9em;
	}

.rightimage{
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	border: 0px solid #000000;
	width: 108px;
}
.rightcaption{
	float: right;
	font-size: 80%;
	margin-left: 40px;
	margin-bottom: 5px;
	border: 0px solid #000000;
	width: 108px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	background-position: center center;
	clear: left;
}
.middleBox{
	margin: 10px 0px 10;
	background-color: #FFCC66;
	height: 100%;
	left: 240px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 3
	40px;
		}
		
.middleBoxhead{
	font-size: 90%;
	color: #003366;
	margin-left: 14px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;}

		/* front page first news item in box  */
		.firstinnerBox{
			padding: 2px 10px 16px 12px;
			margin: 0px 0px 5px 0px;
			clear: both;
			}

		/* front page news items after first one in box  */
		.innerBox{
			padding: 0px 10px 16px 12px;
			margin: 0px 0px 5px 0px;
			clear: both;
			}
			
.container{
width: 99%;
float: right;
background-color: #6633cc;
}

hr {
clear: both;
visibility: hidden;
}
#footer{
border-top: 1px solid #000000;
background-color: #003366;
color: #FFFFFF;
clear:both;
}

#footer p{
	padding: 10px;
	margin: 0;
	font-size: 60%;
	text-align: center;
}
.clearit {
	display: block;
	clear: both;
}

.container{
	width: 99%;
	float: right;
	background-color: #6633cc;
	}
.leftindent {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

#fancyquote{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 0.9em;
	background-position: left;
}
#quote{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #999;
	background-image: url(../images/top_quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 20px;
	color: #ffffff;
}
#quote_attrib {
	font-size: 70%;
	background-image: url(../images/btm_quote.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	text-indent: 0px;
	margin-top: 0px;
	padding-bottom: 30px;
	background-color: #999;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#hilite{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #999;
	background-image: url(../images/top_hilite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 20px;
	color: #ffffff;
}
#hilite_bottom {
	font-size: 70%;
	background-image: url(../images/btm_hilite.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	text-indent: 0px;
	margin-top: 0px;
	padding-bottom: 30px;
	background-color: #999;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666;
	margin: 0px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 11px;
	padding-left: 2px;
	text-align: center;
}
.style2 {font-size: 90%}
a:link {
	color: #336699;
}a:link {
	color: #336699;
}
.style3 {
	color: #CC6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 0px;
}
.style4 {font-size: 90%}
a:visited {
	color: #663366;
}
a:visited {
	color: #663366;
}
.projecthead {
	color: #666600;
	line-height: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#style8 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: normal;

}
.studentinfo {
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding-left: 6px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.style12 {
	color: #385088
}
.style5 {color: #336699}
.style5 {
	color: #336699;
}
.studentname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #930;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 1.8em;
}
.school {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #666;
	font-weight: bold;
	line-height: 1em;
}
.research {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #666;
	font-weight: bold;
	line-height: 1em;
}
.advisors {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	color: #999;
	font-weight: bold;
	line-height: 1em;
	margin-top: 0px;
	padding-top: 0px;
}
.projects {
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #6D7E54;
	margin: 9px 0px 0px;
	padding: 0px;
}
.abouthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	color: #930;
	font-weight: bold;
	line-height: 1.8em;
}
.photolink_norule{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	
}