html {	height: 100%;  	margin:0px; 	padding:0px;	border:0px;	overflow-y:scroll; }
body {	
	height: 100%;	margin:0px; 	padding:0px;	border:0px;			 
	background:#ddd; 
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#002;
}

/* MEDIA QUERIES */
@media screen and (min-width:1000px) {
	#top {		height:150px;	}
	header	{	width:980px;	height:65px;	padding:15px 0 25px 20px;	}
	#menu {		width:1000px;	}
	#content {	width:1000px;	}
	#footer {	width:1000px;	}
}
@media screen and (max-width:1000px) {
	header{		width:98%;	padding:15px 1% 25px 1%;	}
	#menu {		width:100%;		}
	#content {	width:100%;	}
	#footer {	width:100%;	}
}

/* HEADER */
#top {	width:100%;	position:relative; top:0;  left:0; padding:0;	background:#152942;		}
header	{	
	margin:auto;
	font-weight:bold;	font-size:1.3em;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:center;	
	background:rgb(255,255,255); background:rgba(255,255,255,0.10);	
} 
header a {   color:white;	}
header img { height:60%; padding:0 15px 0 15px;   }
.big {		font-family: 'Oswald', times, arial,sans-serif;		font-size:1.8em;	}
.bigUvod {	font-family: 'Oswald', times, arial,sans-serif;		font-size:1.5em;	}

/* MENU */
#menu {
	z-index:100;	right:0;	left:0;		padding:0px;
	margin:auto;	
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:center;	color:white;
	background:rgb(255,255,255); background:rgba(255,255,255,0.10);
}
a.nav, a.nav:link, a.nav:visited {
	display:inline-block;  overflow:hidden;        
	padding:20px 0 0 5px;	
	width:100px;    height:30px;	line-height:15px;
	color:orange;    text-align:center;      text-decoration:none;
	border-bottom:5px solid #263a53;
}
a.nav:hover { border-bottom:5px solid orange;	}
#about a.about, #about_sk a.about_sk, 
#staff a.staff, 
#labor a.labor, 
#projlist a.projlist, #projlist_sk a.projlist_sk, 
#publist a.publist, 
#various a.various     {	color:white;   }

/* STAFF */
.one {  padding:0; margin:auto; display:block; overflow:hidden; width:100%; border-top:1px solid #ccc; }
.photo  {    float:left; width:15%; min-width:120px; display:block; padding:1%; overflow:hidden;  }
.photo  img { width:120px; display:block; }
.info   {    float:left; width:32%; min-width:150px; display:block; padding:1%;   }
.interest  { float:left; width:45%; display:block; padding:1%; }

/* CONTENT */
#content {		
	position:relative;	display:block;  overflow:hidden;
	margin-left:auto;	margin-right:auto; 	
	padding:0px;	
	min-height:450px;	
	background:white;
}
/* #content img	{ padding:1em;	width:50%;	min-width:200px;	max-width:400px;	} */
#content a:hover{ text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);	}
#content-indent { margin:0 30px 20px 30px;	}

/* FOOTER */
#footer {
	clear:both;	
	position:relative;	display:block;  overflow:hidden;
	margin-left:auto;	margin-right:auto; 
	padding:5px 0 5px 0;	
	border-top:1px solid black;		border-bottom:1px solid black;
	background:white;
	text-align:center;	font-size:0.8em;
}
#footer img { height:40px;	}

/* GENERAL */
h2 {		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;  }
td {		padding:0; margin:0;  }
img {	border:0px; }
a {		text-decoration:none;	}
a img {	border:0px;	}
.indent2 {padding:0 2% 0 3%}
.indent2 img {float: right; width:200px; padding-left:2%}
.clear 	{	clear:both;	}
.left	{	float:left;	}
.right	{	float:right;	}
.white	{	color:white;	}
.red	{	color:red;	font-weight:bold;	}
.textcenter		{ text-align:center;	}
.textleft		{ text-align:left;		}
.textright		{ text-align:right;		}
.textjustify	{ text-align:justify;	}