/* CUSTOM FONTS */
@font-face {
  font-family: CaviarDreams;
  src: url(fonts/Caviar-Dreams/CaviarDreams.ttf);
}       



body {
  background:#fff;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  font-weight: normal;  
  margin:0px;
  padding:0px;
  text-align:center;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

h1{
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 30px;
  font-weight: 800;
  color:rgba(200,200,200,0.8);
  width:802px;
  text-align:left;
  margin:00px auto;
  text-shadow: #ddd 0px 1px 0px;  
  text-align:left;
  text-transform:uppercase;
    padding: 30px 0px 0px 0px;
}

h2{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: 	rgb(34, 34, 34);
    line-height: normal;
}



.navbar{
	position:fixed;
	top:0;
	margin:0;
	width:100%;
    background:rgb(255,255,255);
    background:rgba(255,255,255,0.9);
	border-style:solid;
	border-bottom-color:#ccc;	
	border-width:0px 0px 1px 0px;
	height:35px;
	z-index:10;	
}

.navcontainer {
  width:980px;
  margin:00px auto;
  height:45px;
  position:relative;
  decoration:none;		
}


#social-icons{
    position:relative;
	float:right; 
	width:340px; 
	text-align:right;
	letter-spacing:5px;
	height:40px;
    margin-top:5px;
    left:00px;
	padding-right:0px;
	decoration:none;		
}

#social-icons a{
	decoration:none;		
}


#navtop{
	color: rgb(85, 85, 85);
	cursor: pointer;
	display: block;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 16px;
  text-transform:none;
  position:absolute;
  width:700px;
  margin:00px auto;
  top:0px;
  left:0px;

}

#navbottom{
  margin-top: 20px;  
}

#navtop ul, 
#navbottom ul{
  margin:0;
  padding:0px 0px;
  list-style:none;
}
  
#navtop li, 
#navbottom li{
/* TEMP ABOVE*/	
  float:left;
  margin-left:2px;
  letter-spacing: 0.05em; /*0.15em*/
  text-indent:0;
  white-space: nowrap;
}

#navtop a, 
#navbottom a {
  font-family: Trebuchet, sans-serif;
  text-align:center;
  display:block;
  padding:10px 10px 9px 10px;
  color:rgba(0,147,208,0.50);
  text-decoration:none;
  white-space:nowrap;
  margin-top:0px;
}

/* Allow entire region of link to to be clickable in IE/Win. 
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navtop a, * html #navbottom a{
  width:1%;
}

#navtop .current a {
    color:rgba(0,147,208,1);	
    background:rgba(0,147,208,0.3);	
}
#navtop .currentS a {
  background:#fff;
  color:#e17009;
  border-top-width:5px;
  border-color:#153E7E;
  }
#navtop a:hover {
    color:rgba(0,147,208,1);	
    background:rgba(0,147,208,0.2);	
	
}
#navtop .h{ 
}

#navtop .t{ 
	margin-right:0;
}
  
#navtop #currentversion {
  font-size:85%;
  margin:0;
  padding: 0px 20px 0 20px;
  text-transform:lowercase;	
  line-height:normal;
  border:none;
  text-align: right;
  display:block;
  white-space:nowrap;
}
/* SUB NAV */
#subnav{
  float:right;
  margin-top:10px;
  color:#000;
}

#subnav ul{
  margin:0;
  padding:0px 0px;
  list-style:none;
  font-size:11px;
  text-transform:uppercase;
  font-weight:normal;
  }
#subnav li{
  float:left;
  white-space: nowrap;
  border:solid #fff;
  border-width:0px 1px 0px 0px;
  }
#subnav a {
  text-align:left;
  display:block;
  padding:0px 0px 0px 55px;
  color:#3399cc;
  text-decoration:none;
  white-space:nowrap;
  border-color:#ccc;
  }
#subnav a:hover {
  color:#000;
  }
#subnav strong {
  color:#3399cc;
  }

#navtop .ucm a:hover  {
  background:none;
}


 
.top{
	width:100%;
	background-image:url('images/bg.png');
	background-position:bottom;	
	height:70px;
	margin-top:36px;
	border-style:solid;
	border-top-color:#eee;
	border-bottom-color:#e4e4e4;	
	border-width:1px 0px 1px 0px;
	
}



.bottom{
	position:absolute;
	bottom:0px;
    height:20px;
	background-color:#333;
}
.main{
	background:#fff;
    width:100%;
    text-align:left;
    margin:0;
    bottom:0px;	
}


.container {
  width:802px;
  text-align:left;
  margin:00px auto;
  margin-top:-20px;
}

.menucontainer {
  width:980px;
  background-image:url('images/logonew.svg');
  background-size: 600px auto;
  background-repeat: no-repeat;
  background-position:20% 50%;
  text-align:left;
  margin:00px auto;
  height:70px;
  position:relative;
 decoration:none;		
}
.menucontainer a{
    decoration:none;		
}

.ucmlogo a{
    position:relative;
	float:right; 
	width:250px; 
	height:25px;
    margin-top:22px;
    right:32px;	
	text-decoration: none;
	background:url("images/ucm.png") no-repeat;
	background-size: 150px auto;
	background-position:top right;
}
.ucmlogo a:hover{
	opacity:0.4;
	filter:alpha(opacity=40);
}

/* ######  NAVIGATION ####### */


.TAG___navcontainer{
	background-image:url('images/menuheader_divider.jpg');
	background-position:bottom center;
	background-repeat: no-repeat;
	
}



.pdflink, 
.pdflink:visited {
  border-width:0;
  padding-left:36px;
  text-decoration: none;
  background:url("images/pdflinkup.png") no-repeat 0 0;
}

a.pdflink:hover {
  color:#ff0000;
  text-decoration: none;
  background:url("images/pdflink.png") no-repeat 0 0;
} 


.newscontainer {
    border-style:solid;
    border-width:1px 1px 1px 1px;  
    border-color:#eee;
	position:relative;
	width:530px;
	height:1820px;
    top:20px;
	left:0px;
    text-align:left;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
	margin-bottom:50px;


}
.twittercontainer {
    position:absolute;
	width:250px;
	height:1830px;
    top:-0px;
	left:550px;
}



.news{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;
    font-size:14px;
	color:#333;
    width:100%;
    text-align:left;
	height:1730px;
    overflow-y:scroll;
}
.news title{
    color:#31373F;
    display: block;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
	padding:0px;

}
.news a{
  font-weight: bold;
  color:#000; 
  padding:0px;
}


.newscontainer h1{
    width:514px;
    margin-left:0px;
	height: auto;
	-XXXbackground:rgba(255,255,255,0.0);
    border-style:solid;
    border-width:0px 0px 1px 0px;  
	padding:0px 8px 8px 8px;
	margin-top:10px;
    border-color:#eee;
	color:#000;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 18px;
    text-shadow: #ccc 0px 0px 2px;
	text-align:left;
	margin-bottom:20px;
}

.newscontainer foot{
    width:526px;
    margin-left:0px;
	height: auto;
	background:rgba(0,0,0,0.1);
	float:right;
    border-style:solid;
    border-width:0px;  
	padding:2px 2px 2px 2px;
    border-color:#eee;
	color:#666;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 18px;
    text-shadow: #fff 1px 1px 0px;
	text-align:left;
	margin-top:11px;
	margin-bottom:00px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius:    0px 0px 4px 4px;
    border-radius:         0px 0px 4px 4px;
}

.news ul{
  margin:0;
  padding:0;
  list-style:none;
  margin-top:-20px;
}
.news li{
	float:left; 
	margin-bottom:4px;
	width:514px;
    border-style:solid;
    border-width:0px 0px 1px 0px;  
	padding:8px;
    border-color:#eee;
	}
.news a{
  font-weight: normal;
  width:400px; 
  height:auto;
  color:rgb(10,200,230); 
  padding:0px;
}
.news date{
  color:#666; 
  float:right;
}

.news .archive a{
    width:120px;
	height:20px;
	-background:#;
    display: block;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    height: 19px;
    line-height: 19px;
	margin-left:330px;
    -webkit-border-radius: 6px;
    -moz-border-radius:    6px;
    border-radius:         6px;
}
.news img{
  border:solid #aaa;
  border-width:1px;
  }
.news a:hover {
  opacity:1;
  color:#555;
  text-shadow: #ccc 0px 0px 2px;
}
/* Allow entire region of link to to be clickable in IE/Win. 
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html .news a{
  width:1%;
  }
.news .last{
  margin-right:0px;
  }

.news .light img{
  border:solid #666;
  border-width:1px;
  }


.news .light a{
  color:#333;
  }

	.news .outer{
	  border-width:0px;
	  -XXXbackground-color:#fff;
	  }
 
 
/*####### FOOTER ###*/ 
   
.footercontainer {
  width:100%;
  margin:0;
  text-align:left;
  padding-top:20px;
  background-color:rgb(250,250,250);
  background-image:url('images/shadow-radial.png');
  background-position:top center;
  background-repeat: no-repeat;
  font-size: 14px;
}

.footer{
  width:800px;
  text-align:left;
  margin:00px auto;
  font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height:20px;
  height:600px;
  padding-left:4px;
  color:rgba(0, 0, 0, 0.4);
}


.footer h1{
	width:360px;
  background-color:rgba(255,255,255,0);
  color:rgba(0, 0, 0, 0.4);
  text-shadow: rgba(255,255,255,0) 0px 0px 0px;
  border:0px;  
  display: block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: bold;
  height: 14px; 
  padding-top:20px;
  line-height: 14px;
  text-align:left;
  margin-top:10px;
  margin-bottom:2px;
}

.footer h2{
 color:rgba(0, 0, 0, 0.4);
 font-size:14px;
 text-align:left;
 text-transform:uppercase;
 font-weight:bold;
 letter-spacing: 0.2em; /*0.15em*/
 padding:0px;
 margin:10px 0px 0px 0px;
}

.footer a{
 color:rgba(0, 0, 0, 0.4);
 text-decoration: none;
 font-size: 14px;
}
.footer p{
    color:rgba(0, 0, 0, 0.4);
}

.footer a:hover{
 color:rgb(51, 115, 204);
 text-shadow: #ccc 0px 0px 0px;
 text-decoration: none;
}
.footer ul{
  margin:0px 0px 0px 4px;
  padding:0px 0px;
  list-style-type:none;
  font-size:12px;
  }
.footer li{
  color:rgba(0, 0, 0, 0.4);
  cursor: auto;
  display: block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: normal;
  line-height: normal;
  margin:0px;
  padding:0px 0px 6px 0px;
  text-indent:0px;
  list-style-type:square;
  }

.box{
 font-size: 14px;
 width:360px;
 height:580px;
 color:rgba(0, 0, 0, 0.4);
 cursor: auto;
 float:left; 
 padding:10px;
 margin-top:0px;
}

.box h1{
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 800;
  color:rgba(200,200,200,0.8);
  text-align:left;
  margin:00px auto;
  text-shadow: #fff 0px 1px 0px;  
  text-align:left;
  text-transform:uppercase;
}

.ad{
	float:left;
	width:400px; 
	height:200px;
	margin:0px; 
	margin-top:50px;
	margin-bottom:20px;
	padding-bottom:10px;
	background-image:url('images/bottom-gradient-background.png');
	background-position:bottom;
	background-repeat: repeat-x;
	border:  solid #ccc;
	border-width: 1px 1px 1px 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.ad h2{
	color:#153E7E;
	text-align:center;
	margin-top:10px;
  	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
  	text-transform:none;
  	font-size: 1.75em;
	letter-spacing:0.0em;
}
.ad p{
	-margin-top:-.75em;
	color:#153E7E;
	padding-left:10px;
	padding-right:10px;
  	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
 	font-size:1.5em; 
	color:#153E7E; 
}




/*=================================================
float:left; width:380px; height:360px;
font-size:12px; color:#333; line-height:16px; padding:5px;
background:#fff;text-align:center;
margin:5px;
-webkit-border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
-moz-box-shadow:    rgba(0, 0, 0, 0.296875) 0px 1px 3px;"
*/
#bigsquare{
  margin-bottom: 0px;
  margin-top:20px;
  width:802px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
  font-family: sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  float:right;
  margin-bottom:20px;

}
#bigsquare ul{
  margin:0;
  padding:0px 0px;
  list-style:none;
  font-size:16px;
  text-transform:none;
  font-weight:normal;
  }
#bigsquare li{
	float:left; 
	width:500px; 
	XXXheight:380px;
	font-size:14px;
	color:#333; 
	line-height:16px; 
	padding-bottom:5px;
	margin-bottom:50px;
	text-align:right;
	
	}
#bigsquare a{
  opacity:0.9;
  text-decoration:none;
  white-space:nowrap;
  color:#333;
  }
#bigsquare img{
	border:solid #fff;
	border-width:10px 0px 10px 0px;
	color:#333;
	
  }
#bigsquare a:hover {
  opacity:1;
  }
/* Allow entire region of link to to be clickable in IE/Win. 
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #bigsquare a{
  width:1%;
  }
#bigsquare h2{
		color:#333; 
		margin:0px;
		}
#bigsquare h3{
    margin:0;
	padding:0;
	line-height:30px;
	color:#333;
	font-weight:normal;
}
#bigsquare a{
    text-decoration:underline;
}


#bigsquare .right{
  text-align:left;
  padding-left:15px;
}
#bigsquare .left{
  color:#333;
  padding-right:15px;
  }
#bigsquare .image{
    width:180px;
	text-align:left;
	background:#fff;
}


#cv{
	
}

#cv ul{
  margin:0;
  padding:0px 0px;
  list-style:none;
}
  
#cv li{
  float:left;
  height:20px;
  margin:0px;
  text-align:left;
  text-indent:0;
  white-space: nowrap;
}

#cv .institute{
	width:250px;
}
#cv .position{
	width:150px;
	margin-left:5px;
	padding-left:5px;
	border:solid #fff;
	border-width:0px 0px 0px 10px;
}
#cv .years{
	width:50px;
}





/*==================*/
#square{
	background:#fff;
  width:802px;
  height:auto;
  margin:00px auto;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  float:right;
  margin-bottom:20px;

}
#square ul{
  margin:0;
  padding:0px 0px;
  list-style:none;
  font-size:12px;
  text-transform:none;
  font-weight:normal;
  }
#square li{
	float:left; 
	width:240px; 
	height:240px;
	font-size:10pt;
	color:#fff; 
	line-height:16px; 
	padding:5px;
	margin:20px 5px;
	text-align:center;
	border:solid #ddd;
	border-width:1px;
	color:#333;
}
#square a{
  text-align:center;
  display:block;
  padding:5px 0px 5px 0px;
  text-decoration:none;
  white-space:nowrap;
  color:#fff;
  }
#square img{
  border:solid #ddd;
  border-width:1px;
  }
#square .light:hover{
	background:#ddd;
  }
/* Allow entire region of link to to be clickable in IE/Win. 
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #square a{
  width:1%;
  }
#square .pi{
  background:#000;
  background-image:url('images/dark-gradient-background.jpg');
  background-position:top left;
  background-repeat: repeat-x;
  }
#square .light{
  color:#333;
}

#square .light img{
  border:solid #ccc;
  border-width:1px;
  }


#square .light a{
  color:#333;
  }

/*=============================================*/



/*=================================================*/
#banner{
  width:100%;
  height:400px;
  margin-top: -200px;
  margin-bottom:30px;

}
#banner ul{
  margin:0;
  padding:0px 0px;
  list-style:none;
  font-size:12px;
  text-transform:none;
  font-weight:normal;
  }
#banner li{
	float:left; 
	width:84px; 
	height:300px;
	font-size:12px;
	color:#fff; 
	line-height:16px; 
	padding:5px;
	background:#333;
	margin:3px;text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
	-moz-box-shadow:    rgba(0, 0, 0, 0.296875) 0px 1px 3px;  
	}
#banner a{
  text-align:center;
  display:block;
  padding:5px 0px 5px 0px;
  opacity:0.7;
  text-decoration:none;
  white-space:nowrap;
  color:#fff;
  }
#banner a:hover {
  opacity:1;
  }
/* Allow entire region of link to to be clickable in IE/Win. 
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #banner a{
  width:1%;
  }
#banner .pi{
  background:url("images/banner_index3.png");
  color:#fff;
  }
#banner .light{
  background:#fff;
  color:#333;
  }

#banner .light a{
  color:#333;
  }

  /* TOOLTIP */
  a.tooltip {outline:none; text-decoration:none;}
  a.tooltip strong {line-height:30px;}
  a.tooltip:hover {text-decoration:none;} 
  a.tooltip span {
      z-index:10;display:none; padding:5px 5px;
      margin-top:40px; margin-left:-90px;
      width:100px; line-height:16px;
  }
  a.tooltip:hover span{
      display:inline; position:absolute; color:#111;
      border:1px solid color:rgb(0,147,208); background:rgba(0,147,208,0.30); font-size:14px;font-weight:bold;text-align:center;letter-spacing:0;}
  .callout {z-index:20;position:absolute;top:30px;border:1;left:-12px;}
    
  /*CSS3 extras*/
  a.tooltip span
  {
      border-radius:4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
        
      -moz-box-shadow: 5px 5px 8px #CCC;
      -webkit-box-shadow: 5px 5px 8px #CCC;
      box-shadow: 5px 5px 8px #CCC;
  }
/*=============================================*/


/*PUBLICATIONS*/

.mainExpand {
  cursor:hand;
  cursor:pointer;
  -padding-left:16px;
  padding-left: 50px ;
  text-indent: -26px ;
  padding-right: 40px;	
  background-image:url('images/text-file-icon.png');
  background-size: 16px auto;
  background-repeat: no-repeat; 
  background-position: 0 4px;
  font-family: proxima-nova-1, proxima-nova-2, sans-serif;
  font-size: 16px;
  line-height:20px;
  font-weight: normal;
  -font: bold .9em verdana, arial, helvetica, sans-serif;
  margin-bottom:20px;
  padding-right: 30px;
}


.texter{
	font-size:12pt;
	line-height:16pt;
	width:620px;
	margin-top:-8px;
	margin-left:50px ;
	margin-bottom:12px;
	padding:20px;
	border-width: 1px;
	border-style:solid;
    background-color:#DEEFFF;
    border-color:#8CBAD9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	
}

.coder{
	font-family: 'Andale Mono', monospace;
	font-size:12pt;
	line-height:16pt;
	width:620px;
	margin-top:-8px;
	margin-left:50px ;
	margin-bottom:12px;
	padding:20px;
	border-width: 1px;
	border-style:solid;
    background-color:#DEEFFF;
    border-color:#8CBAD9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	
}


.dividerheading{
	font-family: 'Open Sans','Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;
	font-weight:600;
    text-align:left;	
	margin-top:36px;
	font-size:24px;
	padding:6px;
	-padding-left:4px;
    color:#ccc;	
	-letter-spacing:0.1em;
	-font-weight:bold;
	-background:#dfeffc;
	-background-image:url('images/shadow-radial.png');
	-background-position:top center;
	-background-repeat: repeat-x;
	-background-repeat: no-repeat;
}
.advisee{
	background-color:#ffcc66;
	-text-decoration:underline;
	color:#2e6e9e;
	font-weight:bold;
	padding-right:1px;
	padding-left:1px;
	margin-left:-25px;
	margin-right:15px;
}

.advisee .gs{
	color:red;
}


.teamrat{
	-color:red;
	-font-weight:bold;
}