/* ---------------------------------------------------------------------------------------------------- */
html, body { margin:0;	padding:0px 20px; line-height: 1.5em; font: 90% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#595959;	 background-color:#fff;	}
	

#main {	text-align: justify;	  background-color:#fff; } 
//#main h2,h3 { border-bottom:1px solid #D8D8D8;text-align: left; }
#header { height:80px;	clear: both;	margin-top: 20px; }
#footer { height:86px;	clear: both;	margin-top: 10px; margin-bottom: 10px;  border-top:1px solid #4368b1; }

/* --------------------------------------Main Content----------------------------------*/
#main p { margin:0; padding:3px 4px;  line-height: 1.5em;  }
#main h1,h2,h3,h4 { text-align: left; margin: 0; }
#main h1 { font-size : 150%;	font-weight: 300; letter-spacing:2px; padding:5px 0; color:#4368b1; }
#main h2 { font-size : 140%;	font-weight: 100; color:#4368b1; 	 padding-bottom: 5px; padding-top: 30px; margin: 0; }
#main h3 { font-size : 110%;	font-weight: 100; color:#4368b1;   padding-top: 10px; font-style: normal;} 
#main h4 { font-size : 110%;	color:#595959;    padding-top: 10px; font-weight: 900; font-style: oblique; } 
#main a, a:visited { color:#4368b1; font-weight: 500; font-style: oblique;  }
#main a:hover img {border: none;}
#main a:hover { color:#dbdbdb;   background:#428bca; }


/* -------------------------------------------#reportbar----------------------------------*/
#reportbar { font-style: oblique; font-size:80%; background-color:#fff; margin:0px auto; color:#428bca; clear: both; padding-top:3px;}
.logoL {  float: left; height: 90px; }


/* -------------------------------------------#menutop----------------------------------
.menu { float: right; margin-top: 20px; padding-right: 15px;	}

.menu li { 
    display: inline;	list-style-type: none;	  height: 56px; padding: 10px;	font-size:100%;
    width: 10%;		margin-left: 5px;	  background-color:#595959;
   -webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;
}
.menu li a:link, .menu li a:visited { color: #dbdbdb; }
.menu li a:hover, .menu li a:active { color: #4368b1; }
*/
/* ------------------------------------------lang-------------------------------------*/
#langbar {width:auto; float: right;   font-size:85%; padding-top: 45px; }

/* ------------------------------------------hmenu-------------------------------------*/
#hmenu {clear: right; width: auto;  float: right;   padding-top: 0px; padding-right:0px; }
#hmenu ul { list-style: none;  padding: 0; }
#hmenu li { float: left;  }
#hmenu li a { display: inline;  padding: 8px 10px;   text-decoration: none;
      font-weight: bold;  color: #4368b1;  border-top: 1px solid  #4368b1; }
#hmenu li a:hover { color: #fff;   background-color: #428bca; }

/* ------------------------------------------fmenu-------------------------------------*/
#fmenu { width: auto;  float: right;   }
#fmenu ul { list-style: none;  padding: 0; margin:0; }
#fmenu li { float: left; }
#fmenu li a { display: block;  padding: 8px 16px;   text-decoration: none;
      font-weight: bold;  color: #4368b1;  }
#fmenu li a:hover { color: #428bca;   background-color: #fff; }

/* -------------------------------------------#topbar ul li a----------------------------------*/

.topbar {  height:20px; float:right;   margin-right: 10px; padding-top: 25px; padding-bottom: 10px; width: auto; color:#595959;}
.topbar table, .topbar td{ border-spacing:0; border-collapse:collapse;	width: auto; }
/*.topbar input {   width: 90px; border:solid 1px #428bca;	color:#4368b1;
    font-size:80%;	height: 14px;   padding:0;	 background-color: transparent; box-shadow: 2px 2px 0 #828181 inset;	border-radius:5px;
}
.topbar input[type=submit].formLink {
    border-style: none;		width: 50px;	background: none;	font-size: 80%;
    -webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;
    color:#4368b1;	background-color:#999;
    -moz-box-shadow:    inset 0 0 4px #fff;
    -webkit-box-shadow: inset 0 0 4px #fff;
    box-shadow:         inset 0 0 4px #fff;
} */

.topbar ul li { float:left;	list-style:none;    font-size: 90%;	}
#header .topbar ul li:after { content:"|";	color:#4368b1; }
#footer .topbar ul li:after { content:"|";	color:#fff; }
#header .topbar ul li:last-child:after, #footer .topbar ul li:last-child:after { content:""; }
#footer .topbar a {color:#fff;}
.topbar ul li a {color:#595959;   margin:0 10px;
		   text-decoration:none;	
}
#header .topbar ul li a:hover{ color:#999;  }
#footer .topbar ul li a:hover{ color:#999;  }

/* --------------------------------------Image Styles----------------------------------*/
img {	border: none;	}
img.thumb { height:50px; padding:5px; }
a {	text-decoration: none;	}

//.readmore { text-align:right; font-size: 90%;}
//.readmore a{ color: #4368b1;	text-decoration: none; }
//.readmore a:hover{ color: #999; }
.filelink { text-align:left; }
.filelink a{ color: #428bca;	font-weight:bold; text-decoration: underline; }
.filelink a:hover{ color: #fff; }
.smallDark  { color: #595959; margin-left: 24px; font-size: 11px; text-align:left; }

/* -------------------------------------------columns styles with photos----------------------------------*/
ul.rig, ul.double {  list-style: none; font-size: 0px;  padding: 10px 5px 0 5px;  margin-left: -2.4%; /* should match li left margin */  }
ul.rig li, ul.double li {
    	display: inline-block;	  margin: 0 0 2.4% 2.4%;  background: #fff;
    	vertical-align: top;	 //border: 1px solid #ddd;   font-size: 16px;  font-size: 1rem;
    	//box-shadow: 0 0 5px #ddd;   box-sizing: border-box;   -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;
}
ul.rig li img {  max-width: 100%;   	max-height:150px;  width: auto;  height: auto;   margin: 0 0 10px;  }
ul.rig li h3 { 	margin: 0 0 5px;  }
ul.rig li p {  font-size: .9em;   	line-height: 1.5em;    	color:#595959;	  }
ul.rig.columns-2 li, ul.double li {  	width: 47.5%; /* this value + 2.5 should = 50% */   padding-top:30px; }	/* class for 2 columns */
ul.rig.columns-3 li {  	width: 30.5%; /* this value + 2.5 should = 33% */   }	/* class for 3 columns */
ul.rig.columns-4 li {  	width: 22.5%; /* this value + 2.5 should = 25% */   }	/* class for 4 columns */
ul.double li img { float: left; max-width: 33%;   max-height:200px;  width: auto;  height: auto;  }
ul.double li h3 {  width: 64%;   float: right; margin-top: -15px; }
ul.double li p { max-width: 63%; float: right;  font-size: .9em;   line-height: 1.5em;    color: #595959; }

/* -------------------------------------------forms-----------------------------------------*/
/* fullscreen 40% transparency behind form popup */
.opacBack { position: fixed;  top: 0;   left: 0;   width: 100%; height: 100%;   z-index: 5; background: #fff;  opacity: 0.4;  filter: alpha(opacity=40);  }
/* dummy box to center form popup in it */
.fCenter { position: fixed;  top: 0;   left: 0;   width: 100%; height: 100%; background: none;
  text-align: center;   z-index: 6;  }
/* form popup (needs boxEd class too) */
.fBox{height: auto; width: auto;   margin-top:80px;   display: inline-block;}

/* -------------------halfScreen & floats 2use with clear:left/right/both;-----------------------*/
.halfScreen{width: 49%;}
.fullScreen{width: 100%;}
img.top {zoom: 2;  display: block;  height: auto;  width: 100%; }
.floatR{margin-right: 0; margin-top: 5px; float: right; clear: right;}
.floatL{margin-top: 5px; margin-left: 0; float: left; clear: left;}

/* ---------------------------------------boxEd---------------------------------------*/
.backGray {	background: #eaeaea;	}
.backWhite {	background: #fff;	}
.boxEd, img.top { padding: 10px;  margin-bottom: 15px;  
    	font-size: 16px;  font-size: 1rem;   vertical-align: top;
    	border: 1px solid #ddd;	box-shadow: 0 0 5px #ddd;   box-sizing: border-box;   -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;
}

/* -----------------------------------------Slideshow----------------------------------*/
.rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.rslides li:first-child {  position: relative;  display: block;  float: left;  }
.rslides img {  display: block;  height: auto;  float: left;  width: 100%; }

/* -------------------------------------------People----------------------------------*/
ul.people {list-style-type: none; padding:5px; margin:0; }
ul.people li { padding: 5px 10px; font-size:90%; margin-left: 0px; }
ul.people li img { padding-bottom:-3px; width:15px; height:17px;}

/* -------------------------------------------Project---------------------------------*/
ul.project {list-style-type: none; padding:5px; margin:0; }
ul.project li { padding: 5px 10px; font-size:100%; margin: 8px 0 16px 0; }
ul.project li img { padding-bottom:-3px; width:15px; height:17px;}
ul.project li p {font-weight: 400;}
ul.project li b {font-weight: 900;}

/* -------------------------------------------Publication----------------------------------*/
.publ { font-size: 90%;	padding: 0px 20px 10px 20px;  line-height:1.4em;}
.publ .editors {font-style: italic;  font-weight: bold;font-size: 100%; }
.publ .title {font-style: oblique; color: #595959}
.publ .published {font-style: oblique;}
.publ img {margin:0px float:left; width:15px; }

/* -------------------------------------------ScrollStyle----------------------------------*/
.ScrollStyle{margin-top: 50px; margin-bottom: 50px; margin-right: 100px; margin-left: 60px;
             max-height: 550px; overflow-y: scroll;}

/* -------------------------------------------2x2 table----------------------------------*/

.table{display: table-cell; width:100%; height: 50%; float:left;}
.cell{display: table-cell; width:100%; margin-left: 45px; margin-top: 25px; float:left}
.left{display: table-cell; width:50%; float:left; padding-bottom: 60px;}
.right{display: table-cell; width:50%; float:right; padding-bottom: 20px;}
.ltext{display: table-cell; width:40%; float:left; text-align:justify;  padding-left:80px; padding-bottom: 20px;}
.rtext{display: table-cell; width:40%; float:left; text-align:justify; padding-left:70px; padding-bottom: 20px;}

/* -------------------------------------------Other stuff----------------------------------*/
.rel {position: relative; z-index: 1; }
//.abs {position: absolute; left: 95%; top: -4%; z-index: 10;}
.abs {position: absolute; left:5px; top: 5px; z-index: 10;}
.edit img {margin:0px float:left ;padding:5px 0px; width:22px; }
/* -------------------------------------------Form .popup----------------------------------*/
input.form {
  height: 15px;
  border-radius: 8px;
  border: 1p solid #999;
}

input.fButton {
  height: 25px;
  border-radius: 15px;
  border: 1p solid #999;
}

.fset
{
    border:1px solid gray;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;		
}

.dragbar {
    height: 17px;	margin: -10px; margin-bottom: 5px;	background-color:#dbdbdb; color: #dbdbdb;
    	background-image: url("/images/resize.png"); background-repeat: no-repeat; text-align: left; background-position: right;
}
.readmore {
    height: 17px;	 margin-bottom: 5px;	 color: #dbdbdb;
    	background-image: url("/images/readmore.png"); background-repeat: no-repeat; text-align: left; background-position: right;  
    
}

hr {    display: block;    margin: 0px 0px 0px 25px;    border-style: inset;    border-width: 1px;	color: #eaeaea; 
}

.noDrag { padding-top:17px; }
.noDrag img { width: 100%; height: 50px; }
.maxWidth { max-width: 1200px; margin-left: auto; margin-right: auto; }
/* -------------------------------------------Other stuff----------------------------------*/