@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	background-color: #ffffb3;
}
#wrap { height:auto; margin-bottom: 50px; }
#main { 
	overflow:auto;
	margin:auto;
	padding-bottom:15px;
	margin-bottom: 20px;
	height: auto;
	background-color: #e3e3e3;
	width: 1050px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 50px;
	padding: 0px;
	padding-top: 20px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-radius:10px;
	border-radius:10px 10px 10px 10px;
}
#content {
	background-color: #e3e3e3;
	width: 1050px;
	height: auto;
	min-height: 620px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 50px;
}
.blur {
	-webkit-box-shadow:0 0 2em hsla(0, 0%, 0%, .5);
	-moz-box-shadow:0 0 2em hsla(0, 0%, 0%, .5);
	box-shadow:0 0 2em hsla(0, 0%, 0%, .5);
}

/* Header with Images */
#header {
	background-color: #000066;
	height: 204px;
	margin: 0px 0 0 0;
}
#header a:link, a:visited, a:hover { text-decoration: none;  color: #006;}
.head {
	color: #000066;
	font-family: 'Alike', georgia;
	padding: 0 0 5px 10px;
	margin-top: -5px;
}
.head a:link { text-decoration: none; color: #000066; }
.head a:hover { color: #000066; border-bottom: dotted 1px #000066; }
.head a:visited { color: #000066; }
.headpic {
	background-image: url(headpic6.jpg);
	height: 200px;
	width: 1046px;
	float: right;
	margin: 2px;
}
.lab {
	font-family: 'Redressed', Tahoma, sans-serif;
	color: #006;
	text-align: right;
	margin: 90px 0 0 0px;
	font-size: 30px;
	padding: 0 10px 0 0;
}
.name {
	font-family: 'Redressed', Tahoma, sans-serif;
	color: #006;
	text-align: right;
	margin: 5px 0 0 15px;
	font-size: 30px;
	padding: 0 10px 0 0;
}
.title {
	font-family: 'Redressed', Tahoma, sans-serif;
	color: #006;
	text-align: right;
	margin: 0 10px 0 0;
	font-size: 20px;
}
.divider {
	background-color: #000066;
	height: 10px;
	border-top: solid 2px #e3e3e3;
	border-bottom: solid 2px #e3e3e3;
	margin-top: 0px;
	width: 1050px;
}

/* Left Navigation */

#sidebar {
	background-color: #e3e3e3;
	height: auto;
	min-height: 200px;
	font-family: 'Alike', georgia;
	color: #000066;
	width: 200px;
	margin: 20px 5px 0 15px;
	text-align: left;
	padding: 0px 0px 5px 25px;
	float: left;
}
#sidebar p {
	text-transform: uppercase;
}
#sidebar a:link { color: #900; text-decoration: none;  }
#sidebar a:hover { color: #900; border-bottom: dotted 1px #900; }
#sidebar a:visited { color: #900; }

/* Actual Main Stuff */
#info {
	font-family: 'Alike', georgia, serif;
	float: right;
	color: #000066;
	text-align: left;
	padding: 10px 0 20px 90px;
	margin: 10px 0 30px 10px;
	width: 700px;
	border-left: 1px solid #006;
}
#info a:link { color: #900; text-decoration: none;  }
#info a:hover { color: #900; border-bottom: dotted 1px #900; }
#info a:visited { color: #900; }
#info h1 {
	font-size: 22px;
}
#info p2 { font-size: 14px; }
/*Home Page*/
.homeimg {
	background-image: url(JulieStudents1.jpg);
	width: 267px;
	height: 200px;
	border: 2px solid #006;
	float: right;
	margin: 25px 20px 10px 10px;
}
/* Current Research Page */
.papers {
	padding: 0 0 0 15px;
}
.paper-text {
	padding: 0 0 0 35px;
}
.imgcr {
	border: solid 2px #006;
	height: 150px;
	width: 200px;
	float: right;
	margin: 0 40px 30px 20px;
}

/* Publications */
.publications {
	padding: 0 45px 0 15px;
	font-size: 13px;
}

/* People Page */
.person {
	width: 150px;
	height: 200px;
	border: 2px solid #006;
	float: left;
	margin: 5px;
}
.person a:link {  margin: 5px; }
.person a:visited {  margin: 5px; }
.person a:hover { margin: 5px; }
.personbox {
	width: 150px;
	height: 200px;
	boarder: 2px solid #006;
	float: right;
	margin-top: -50px;
	margin: 5px;
}
.small { font-size: 12px; }
.medium { font-size: 14px; }
.one {
	background-image:url(JuliePortrait1.jpg);
}
.two {
	background-image: url(Guadalupe.jpg);
}
.three {
	background-image: url(JustinPicture052815.JPG);
	width: 200px;
	height: 250px;
}
.four {
	background-image: url(Hang Wei1.JPG);
	
	width: 150px;
	height: 200px;
}
.five {
	background-image: url(JaniePicture052815.jpg);
	width: 150px;
	height: 200px;
}
.six {
	background-image: url(Abby.jpg);
	
	width: 150px;
	height: 200px;
}
.seven {
	background-image: url(rennie.jpg);
	width: 300px;
	height: 450px;
}
.eight {
	background-image: url(maggie.jpg);
	width: 300px;
	height: 450px;
}
.nine {
	background-image: url(BrynaOi.jpg);
	width: 251px;
	height: 300px;
}
.ten { background-image: url(Janine.jpg); 
	width: 150px;
	height: 200px;
}
.ident {
	font-size: 12px;
	color: #006;
	display:inline;
	margin: 0 0 0 10px;
	padding-left: 50px;
}
.otherpeeps {
	font-size: 14px;
	text-align: left;
	margin: 10px;
	padding: 0 0 0 20px;
}
.otherpeeps a:link { text-decoration: none; color: #900; }
.otherpeeps a:hover { border-bottom: 1px dotted #900; }
.otherpeeps a:visited { color: #900; }

/* Light Box */
.grayBox{ 
    position: fixed; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color: black; 
    z-index:1001; 
    -moz-opacity: 0.8; 
    opacity:.80; 
    filter: alpha(opacity=80); 
} 
.box_content { 
    position: fixed; 
	float: left;
    top: 15%; 
    left: 30%; 
    right: 30%; 
    width: 40%; 
    padding: 16px;
	border: solid 5px #006;
	background-color: #fff;
    z-index:1002; 
    overflow: auto; 
} 

/* Alumni Section */
.alumni {
	width: 100px;
	height: 100px;
	border: 2px solid #006;
	margin: 15px 0 0 0;
}
.alumnitext {
	float: right;
	margin: 0 0px 0 0;
	text-align: left;
	width: 560px;
}
.alumniname {
	font-size: 16px;
	float: right;
	text-align: left;
	width: 560px;
	padding: 5px;
	margin-top: 10px;
}
	
/* Contact */
.imgcontact {
	background-image: url(JulieStudents.jpg);
	float: right;
	height: 200px;
	width: 267px;
	border: 2px solid #006;
	margin: 0 50px 20px 10px;
}

/* Footer */
#footer {
	position:relative;
	margin-top:-80px;
	margin-right: auto;
	margin-left: auto;
	background-color:#006;
	width:1050px;
	height:15px;
	/*clear:both;*/
}