@charset "utf-8";
body { 
	margin:0; 
	padding:0; 
	width:100%; 
	background:#3384d3;
}
html { 
	padding:0; 
	margin:0;
}
a { 
	text-decoration:none; 
}
a:hover { 
	text-decoration:underline; 
}
p.clr, .clr { 
	clear:both; 
	padding:0; 
	margin:0; 
	background:none;
}

/*page*/
.page {
	margin:0 auto; 
	width:1020px; 
	background:#FFF;
}

/*wrapper*/
#wrapper {
	background:#FFF; 
	margin:0 10px;
}

/*header*/
.header {
	margin:0 auto; 
	width:1000px;
	background:#3384d3;
}

/* main */
.main {
	padding:0px; 
	margin:0 auto; 
	width:1000px; 
	background:#3384d3;
}
.bar {
	margin:-20px, 0px, 0px; 
	width:1020px; 
	background:#3384d3;
}
.anchor {
	display:block; 
	position:relative; 
	top:-200px; 
	visibility:hidden;
}

/* courses */
.courses{ 
	margin-top:0px; 
	padding-top:15px; 
	background-color:#FFF;
}
.courses table {
	width:1000px;
}
.courses p {	
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
}
.courses h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:20px;
}

/* research */
.research_top {
	padding-left: 20px;
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.research_title {
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin-top:-15px;
	padding:5px;
	background-color:#FFF;
	border-bottom:thick;
}
.research_title h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size: 20px;
	font-weight:normal;
	color: #000;
}
.research_left {
	float:left; 
	width:300px; 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000;  
	margin-top:0px; 
	padding-top:15px; 
	background-color:#FFF;
}
.research_right {
	width:1000px; 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin:10px; 
	padding-top:15px; 
	background-color:#FFF;
}
#research_left {
	float:left; 
	width:300px; 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin-top:0px; 
	padding-top:15px; 
	background-color:#FFF;
}
#research_right {
	float:right; 
	width:680px; 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin:10px; 
	padding-top:15px; 
	background-color:#FFF;
}
#research_right h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:20px;
	font-weight:normal;
	color: #000;
}
#img.displayed {
	display:block; 
	margin-left:auto; 
	margin-right:auto 
}
	
/* publication */
.publication_left {
	position:fixed; 
	top:150px; 
	width:200px; 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin-top:0px; 
	padding-top:15px; 
	background-color:#FFF;
}
.publication_right {
	float:right; 
	width:780px; 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin:10px; 
	padding-top:15px; 
	background-color:#FFF;
}
.publication_right p {
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
}
.publication_right h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:20px; 
	font-weight:normal; 
	color:#000; 
}
.Syb { 
	margin:20px 0 0 10px; 
	width:180px; 
	float:left;
}
.Syb ul { 
	padding:0; 
	margin:0;
}
.Syb li { 
	border-bottom: 1px solid #e3e3e3; 
	list-style:none; 
	color:green; 
	padding:3px 0 2px 0px; 
	margin-left:0px;
}
.Syb a { 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#3a3c3c; 
	text-decoration:none;
}
.Syb a:hover { 
	color:#208fa1; 
	text-decoration:underline;
}

/* lab_frame */
.lab_frame { 
	margin-top:0px; 
	padding-top:15px; 
	background-color:#FFF;
}
.lab_title {
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin-top:-15px;
	padding:5px;
	background-color:#FFF;
	border-bottom:thick;
	margin-left:200px;
}
.lab_title h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:20px;
	font-weight:normal;
	color: #000;
}
.lab_block {
	width:990px; 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin:0px;
}
#lab_left {
	float:right; 
	text-align:center; 
	width:360px; 
	background-color:#FFF; 
	margin:0px; 
	margin-bottom:10px 
}
#lab_left img {
	text-align:center; 
	margin-left:-10px;
}
#lab_right {
	float:left; 
	width:400px; 
	background-color:#FFF; 
	margin:0px; 
	margin-top:0px;
}
#lab_right p{
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#000; 
	font-style: normal;
	font-weight: normal;
	float:right;
}
#lab_right h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:20px; 
	font-weight:normal; 
	color:#000;
}



/* intro */
.intro {
	float:left; 
	width:250px; 
	background:#FFF;
}
.intro p{ 
	font:normal 12px Arial, Helvetica, sans-serif; 
	color:#666; 
	line-height:1.5em; 
	padding:5px 0; 
	margin-left:20px; 
	margin-right:15px; 
	margin-top:5px; 
}
.intro h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:16px;
	font-weight:normal;
	color:#000;
	margin-bottom:-5px;
}
	
/*index_right*/
.index_right {
	float:right; 
	width:740px; 
	margin-left:10px;
}

/*index_left*/
.index_left {
	width:250px; 
	float:left;
}

/* port */
.port_resize { 
	width:235px; 
	float:right; 
	margin-right:6px; 
	margin-left:5px; 
	margin-top:10px; 
	padding:0; 
	background:#3384d3;
}
.port_resize img{ 
	width:235px; 
	height:200px; 
}
.port:hover {
	background:url(hover-link.png) center top no-repeat;
}
#slider{background:#FFF;}
#ports{float:right; background:#FFF;}

.team{ width:800px; float:right; padding-top:10px; padding-bottom:10px; background-color:#FFF; margin-left: 100px;}
#name_tag{margin-top:30px;}
.team img{ width:150px; height:200px; float:left; margin-left:20px;}
.team text { font:normal 16px Arial, Helvetica, sans-serif; color:#000;  line-height:1.5em; padding:15px ; margin-right:10px; margin-left:20px; float:left; width: 400px;}
.team strong{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px;
	font-weight:normal;
	color: #000;}

/*group_shot*/
.people_block {width:800px; float:right; margin-top:20px;}
.people_block h2{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px; font-weight:normal; color: #000;}
.people {
	width:110px;
	background-color:#FFF;
	float:left;
	margin-top:10px;
	padding-bottom:5px;
}
.people img{
	width:100px;
	margin-left:2px;
}
.people_name {
	margin-top: -10px;
	width:150px;
	float:left;
}
.people_name h2{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px; font-weight:normal; color: #000;}
.people_name p{	font:normal 12px Arial, Helvetica, sans-serif; color:#000; }
.group_intro {width:530px; background-color:#FFF; float:right; margin-right:10px;}
.group_intro p {
	margin: 10px;
	font:normal 16px Arial, Helvetica, sans-serif; color:#000; 
}
.group_intro h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px;
	font-weight:normal;
	color: #000; margin:0px;}

/*teaching*/
.line{width:790px; background-color:#CCC; height:5px;}
.line2{width:1000px; background-color:#CCC; height:5px;}

/*New Applicants*/
.new_stu {width:735px; float:left;}
.new_stu p{font:normal 16px Arial, Helvetica, sans-serif; color:#000; }
.new_stu h2{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px;
	font-weight:normal;
	color: #000; }
.new_stu_img {width:255px; float:right;}

/*footer*/
#footer {
	border-top: 2px solid #d5d5d5;
	margin-top: 0px;
	background:#FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer p { float:right; font-size: 11px; color:#666666; background:#FFF;}
#footer #disclaimer {font-size: 8px; line-height: 10px;}
.style3 {font-size: 11px}

/**header menu**/
.default {
    width: 850px;
}

.fixed {
    position: fixed;
    top: -5px;
    left: 0;
    width: 100%;
}


/**************************************************Menu*/
#MainMenu 
{
	height:30px;
	background:#000000;
	border-color:#FFF;
	border-style:solid;
	border-width:0;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	width:auto;
}
#tab a,#tab .effectFade 
{
	background:#000 url(images/Structure/bright_090.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span,#tab .effectFade span 
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	font-weight:normal;
	line-height:27px;
	padding:0 15px 0 13px;
}
#tab li.item_active a,#tab ul li a 
{
	background-position:right bottom;
}
#tab li.item_active a span,#tab ul li a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

/* Lock the title menu in place */
/* Added by Brian, Oct 2012 */
#menu 
{
	position: fixed;
	top: 0em;
	z-index:10000;
}
.page
{
	padding-top: 145px;
}




.effectFade 
{
	position:absolute;
	cursor:pointer;
}
.dropmenudiv,.dropmenudiv ul,.dropmenudiv li ul 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	background:#3384d3;
	color:#000;
	z-index:100;
	text-decoration:none;
	border-color:#000;
	border-style:solid;
	border-width:0;
	margin:0;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0;
	color:#000;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:27px;
	background:url(images/Structure/bright_090.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	float:none;
	padding:0 15px 0 13px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFF;
	font-weight:normal;
}h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #000;
	margin-bottom:-5px;
}
/*Gallery*/
.clear {
	clear:both
}


#gallery {
	position:relative;
	height:400px;
	float:right; width:742px; padding:0px 0 0 0; margin:0px; background:#3384d3;  
}
	
	#gallery p{font:normal 16px Arial, Helvetica, sans-serif; color:#000; }
	#gallery h3{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; }
	
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}