@charset "UTF-8";



body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #C4D3DD;
	background: #C4D3DD;   /*ddd*/
	/*	background: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#C4D3DD));
	background: -webkit-repeating-linear-gradient(left, #eee 10%, #C4D3DD 30%);
	background: -moz-linear-gradient(left,  #C4D3DD,  #eee, #eee, #eee, #eee, #eee, #C4D3DD);
	-webkit-repeating-linear-gradient(left, red 10%, blue 30%)*/ 
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: justify;
}

ul, ol, dl {
	padding: 30;
	margin: 30;
	text-align: left;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a img { 
	border: none;
	box-shadow:0px 5px 20px #33333c;
box-shadow:0px 10px 20 #33333c; equal to box-shadow:0px 10px #33333c; 
	
	
}

a:link {
	color: #000;
	text-decoration: none; 
}
a:visited {
	color: #10324a;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
	color: #fff;
}

/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
	width: 960px;
	margin: 0 auto; 
	background-color: #a2afb5;
	border-right: 2px solid #98a3a8;
	border-left: 2px solid #98a3a8;
	border-bottom: 2px solid #;98a3a8
}

#labname {
	font-family: Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-variant: small-caps;
	font-size: 300%;
	color: #0051BA;
	position: relative;
	padding-left: 10px;
}

#labname:hover { text-decoration: none; } 

#tagline {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	font-size: 100%;
	color: #000;
	position: absolute;
	top: 55px;	
	padding-left: 40px;
}

/* menu bar - commented style entries from the jsddm examples  */
#jsddm {
	font-weight: bold;
	text-transform: lowercase;
	list-style-type: none;
	background-color: #eee;
	font-size: 90%;
	height: 40px;
	border-top: 1px solid #9394ae;
	background: #eee;
	margin-top: 15px;

}
#jsddm li {
	float: left;
	/*list-style: none;*/
	margin: 0;
}

#jsddm li a {
	text-decoration: none;
	display: block;
	padding: 0 12px; /* 5px 12px*/
	/* width: 70px;
	white-space: nowrap;*/
	line-height: 40px; /* not here */
	color: #333;
}
#jsddm li a:hover, #jsddm li.active a {
	color: #000;
	background: #75B2DD;
}

#jsddm li ul  {
	position: absolute;
	visibility: hidden;
	z-index: 2;
	list-style-type: none;
	text-transform: none;
	/* border-top: 0px none; kill ul border */
	border: 1px solid #ccc;
	background: #eee;
	font-size: 90%;
	/* margin: 0;
	padding: 0;*/
}

#jsddm li ul li
	{
	float: none;
	display: inline;
}
	
	
#jsddm li ul li a { width: auto; border-bottom: 1px dotted #ccc; background: #eee !important;} 
	
.lastsubmenuitem a { border-bottom: none !important; } 
		
#jsddm li ul li a:hover
			{	background: #fc3 !important}


#firstmenuitem { 
	border-left: none !important;
}


.logo {
	float: right !important;
	padding-left: 5px;
	padding-top: 10px;
	border: none !important;
	margin: 0px auto;
}

a.logolink:link {
	padding: 0px !important;
	
}

/* "showcase" styles */
#showcase1, #showcase2, #showcase3 {
	width: 290px;
	overflow: hidden;
	/*height: 570px;*/
	/*max-height: 300px;*/
	display: inline;
	border: 0px solid #0051BA; /* 969696; fc3 */
	/*	border-bottom: 1px solid #da1;
*/	background-color: #eee;	/* #eee */
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
	
	box-shadow:0px 10px 20px #33333c;
box-shadow:0px 10px 20 #33333c; equal to box-shadow:0px 10px #33333c; 
	
	
}

#showcase4, #showcase5, #showcase6
{
width: 290px;
	overflow: hidden;
	/*height: 570px;*/
	/*max-height: 300px;*/
	display: inline;
	border: 0px solid #0051BA; /* 969696; fc3 */
	/*	border-bottom: 1px solid #da1;
*/	background-color: #fff;	/* #eee */
	-moz-border-radius: 0px;
	border-radius: 0px;
	float: left;
	
box-shadow:0px 10px 20px #33333c;
box-shadow:0px 10px 20 #33333c; equal to box-shadow:0px 10px #33333c; 
	
}


#showcase4 {
	margin-top:30px;
	margin-left:10px;
	clear: both;
	float: left;
	
	
	}
	 #showcase5, #showcase6{
		 margin-top:30px;
		 
		 
		 
	 }
	
#showcase1, #showcase2 {
	margin-right: 6px;
}

#showcase1 { margin-left: 6px;}
#showcase3 {
	margin-right: 6px;
	color: #;
}

.showcase {
	/*	height: 300px;*/
	position: relative;
	background-color: #f3f3f3;
	-webkit-transition: all 0.2s ease 50ms;
	-moz-transition: all 0.2s ease 50ms;
	-ms-transition: all 0.2s ease 50ms;
	-o-transition: all 0.2s ease 50ms;
	transition: all 0.2s ease 50ms;
	background-image: url(images/sanbonmatsu_white.jpeg);
	
	
}

.showcase:hover {
	/*max-height: 999px;*/
	background-color: #e5e5e5 !important;
}


.researchimage { 
	border: 2px solid #fc3;
	margin: 0px auto;
	padding: 10px;
	background-color: #fff;
	-moz-border-radius: 15px;
	border-radius: 15px;
	max-width: 250px;
}


.showcaseframe {
	border: 2px solid #;
	width: 200px;
	margin: 0px auto;
	padding: 10px;
	background-color: #fff;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


.showcaseimage2, .showcaseimage3 {
	padding-left: 35px;
	
	
}


.showcasetext {
	position: relative;
	top: 13px;
	width: 150px;
	text-align: justify;
	font-size: small;
	margin-left: 40px;
	padding-left: 20px;
	float: none;
}

h4.showcasetitle { 
	font: 120%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: 10px 0px 13px 0px;
}




.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nomrgpad {
	margin: 0;
	padding: 0;
}

.left15px { margin-left: 15px; } 
.left15px li { margin-left: 15px; } 
.left5px { margin-left: 5px;}

.leftalign { text-align: left; }

.right15pad { padding-right: 15px; }

.hidden {display: none;}



.divider, .halfdivider {
	height: 1px;
	padding: 0px;
	margin: 0px;
	background: none repeat scroll 0% 0% rgb(150, 150, 150);
	border: medium none;
	line-height: 0;
	overflow: hidden;
}

.halfdivider {width: 50%;}

#footer {
	clear: both;
	font-size: 70%;
}

/* feed styles */

.feed1, .feed2 {
	width: 467px;
	display: inline;
	float: left;
	border: 1px solid #9394ae; /* fc3 */
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}
#feeds {
	overflow: hidden;
	/*	height: 300px;*/
	background-color: #a2afb5;
	margin-bottom: 5px;
	margin-top: 20px;
}
.feed1 {
	margin-left: 256px;
	margin-right: 6px;
	padding-left: 0px;
}
.feed2 { margin-right: 6px;}
.pubtitle, .newstitle {
	padding-top: 10px;
}

h2 {
	font: 150%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 5px;
	padding: 0;

}

h1 {
	font: 130%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 0px 2px;
	text-align: left;
/*	background-color: #010066;
	color: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
*/
}

h4 { 
	margin: 0px 0px 0px 5px;
	padding: 0;
}

.newssource {
	font-size: 70%;
	color: #666;
}


.pubjournal {
	font-style: italic;
	clear: both;
	float: none;
}

#pubGadget, #newsGadget {
	padding-left: 3px;
}
.feedtext { 
	font-size: 90%;
}

/* slider styles */

#coincase {/*hack*/
	float: none;
	margin-left: 30px;
	padding-left: 30px;
	margin-top: 10px;
	padding-top: 10px;
}

#slider {
	width: 900px;
	margin-left:30px;
	margin-right:30px;
		

        

}
       

#slider {
	overflow: hidden;
	zoom: 1;
	position: relative;


	left:
; 		background-image: url(images/image_flow_gel_1663.jpg);
}
#slider a{ text-decoration: none; outline: none; border: none; color: #ccc;}

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 960px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev,
.cs-next { font-size: 200%; background-color: #000000; color: #FFFFFF; padding: 0px 10px 4px 10px; }

.researchoverview { 
	font-size: 110%;
	margin: 10px 0px 10px 10px;
}

.fleft { float: left;}
.fright { float: right;}

.member { 
	width: 50%;
	height: 120px;
}

.peopletable { width: 960px; margin-left: 5px; }

.name { 
	font-weight: bold;
}



.persontn { 
	max-width: 100px;
	max-height: 100px;
}


/* ---- jqModal styles ----

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 10%;
    left: 9.5%;
        
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
	
	padding: 5px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	width: 80%;
	max-height: 80%;
	overflow: auto;

	font-size: .9em;
}

.jqmOverlay { background-color: #000; }

.closebutton { 
	font-size: 140%;
	float: right;
	text-decoration: none;
	margin: 0px;
}

.closebutton:hover {
	color: #F00;
	text-decoration: none;
}

.publist { 
	list-style-type: none;
	margin-left: 5px;
}

.publist li { 
	margin-bottom: 10px;
}

.researchsummary { 
	width: 660px;
	margin-bottom: 10px;
	padding: 0px;
	display: inline-block;
	text-indent: 20px;
}

.researchsummary p {
	padding-left: 5px;
}

.bold { font-weight: bold;}
.caption { font-size: 90%; color: #888; max-width: 280px; text-align: left;}
.black { color: #000;}

.researchsnippet {  } 

/* The ghost, nudged to maintain perfect centering */
.researchsnippet:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.vcentered {
  display: inline-block;
  vertical-align: middle;
}

.hcentered { 
	text-align: center;
}

.goldbar { 
	color: #fc3; 
	height: 8px; 
	width: 98%; 
	background-color: #fc3; 
	border: 0px none;
	-moz-border-radius: 4px;	
	border-radius: 4px;
}

.bluebar { 
	color: #0051BA; 
	height: 8px; 
	width: 98%; 
	background-color: #0051BA; 
	border: 0px none;
	-moz-border-radius: 4px;	
	border-radius: 4px;
}

.contactinfo { 
	float: right; 
	margin: 10px 10px 0px 0px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	border: 2px solid #0051BA;
	width: 40%;
	padding: 0px 5px 5px 5px;
}

ul.filmstrip {text-align: center; list-style-type: none;}
ul.filmstrip li {display: inline;}
ul.filmstrip img {vertical-align: middle; margin: 3px 0;}

/* structures page styles */ 
.structureimage { 
	border: 1px solid #969696;
}

.structuretable { 
	border: 1px solid #000;
	background-color: #f5f5f5;
	box-shadow: 3px 3px 2px #aaa;
	margin: 0px auto;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
}

.structuretable tr td { 
	text-align: left;
	border: 1px solid #969696;
	height: 100px;
	position: relative;
}
.imgrow{
	float:left;
	margin-left: 150px;
	
}


.showcaseframe1 {
	background-color: #F09;
	border: 2px solid #;
	width: 200px;
	margin: 0px auto;
	padding: 10px;
	
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.showcaseframe2 {
	background-color: #c315ee;
	border: 2px solid #;
	width: 200px;
	margin: 0px auto;
	padding: 10px;
	
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.showcaseframe3 {
	background-color: #7f7dd4;
	border: 2px solid #;
	width: 200px;
	margin: 0px auto;
	padding: 10px;

	-moz-border-radius: 15px;
	border-radius: 15px;
}
 h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: left;
}
	
	
	
	
.dropimg {
   
    float: left;
    line-height: 100px;
	padding-right: 15px;
	padding-top: 0px;
}
h3{
	text-align:center}