/* global settings */
	
	h1, h2, h3
	{
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	h1
	{
		font-size: 1.4em;
		color: #656565;
	}
	
	h2
	{
		font-size: 1.1em;
	}
	
	h3
	{
		font-size: .9em;
	}

	img, table, td, tr, form, ul, li
	{
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	ul
	{
		padding: 0 0 2em 15px;
		list-style: square;
	}

	a
	{
		color: #6699ff;
		text-decoration: none;
		outline: 0;
	}
	
	a:hover
	{
		text-decoration: underline;
	}
	
	p
	{
		margin: 0 0 1.2em 0;
		padding: 0;
	}
	
	.quote, blockquote
	{
		border: 1px solid #cacaca;
		color: #5d6e9d;
		font-family: Helvetica, sans-serif;
		font-size: 1.7em;
		line-height: 1.2em;
		font-style: italic;
		padding: 10px;
		margin-bottom: .8em;
	}

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

/* page layout */

	#container
	{
		position: absolute;
		top: 50%;
		left: 50%; 
		width: 780px;
		height: 610px;
		margin-left: -388px;
		margin-top: -305px;
	}

	#content
	{
		float: left;
		width: 640px;
		background-color: #f1f1f1;
		overflow: hidden;
	}

/* menu */

	#sidebar
	{
		position: relative;
		float: left;
		height: 610px;
		width: 135px;
		margin-right: 2px;
		background-color: #e3e3e3;
		overflow: hidden;
	}
	
	#sidebar img
	{
		padding: 20px 11px 30px 11px;
	}

	#back img
	{
		padding: 0;
	}
	
	#back
	{
		padding: 10px 0 0 0;	
	}

	#menu
	{
		height: 495px;
		width: 135px;
		font-size: .85em;
		border-bottom: 1px solid #FFF;
		overflow: hidden;
	}
	
	#sidebar ul
	{
		padding: 0;
		list-style-type: none;
	}

	#menu .mainmenu
	{
		margin: 0 0 0 20px;
	}

	#menu .mainmenu li
	{
		margin-top: 20px;
		border-bottom: 1px solid #cacaca;
	}

	#menu a
	{
		color: #757575;
		text-decoration: none;
	}

	#menu .active a:hover
	{
		padding-left: 0;
	}

	#menu .submenu
	{
		margin-left: 30px;
		margin-top: 10px;
	}

	#menu .active a
	{
		color: #000;
	}

	#submenu_container .submenu
	{
		margin: 20px;
		width: 110px;
	}
	
	#mainmenu_container
	{
		position: relative;
		width: 135px;
	}
	
	#submenu_container
	{
		position: absolute;
		top: 82px;
		width: 135px;
	}

	.mainmenu_container_open
	{
		left: 0;
	}

	.mainmenu_container_closed
	{
		left: -135px;
	}

	.submenu_container_open
	{
		left: 0;
	}
	
	.submenu_container_closed
	{
		left: 135px;
	}

/* AJAX search */
	
	#search
	{
		height: 100px;
		padding: 12px;
	}
	
	#search #searchField
	{
		border: 1px solid #ccc;
		color: #ccc;
		width: 108px;
		height: 14px;
		font-size: 10px;
		padding-left: 3px; 
	}
	
	.searchField_focus
	{
		background-color: #fff;
		color: #333;
	}
	
	.searchField_blur
	{
		background-color: #f1f1f1;
	}
			
	.searchhidden
	{
		display: none;
	}
	
	.searchvisible
	{
		visibility: visible;	
	}
	
	#searchdiv
	{
		position: absolute; 
		z-index: 100;
		top: 12px;
		left: 12px;
		width: 200px;
		padding: 8px;
		text-align: left;
		background-color: #F0F0F0;
		border: 1px solid #000;
		opacity: .95;
		filter: alpha(opacity=95); 
	}

	#searchdiv .close
	{
		text-align: right;
		margin-bottom: -15px;
	}
	
	#searchdiv h1
	{
		font-size: 1.1em;
		color: #333;
		margin-bottom: 2px;
		padding-bottom: 2px;
		border-bottom: 1px solid #ccc;
	}
	
	#searchdiv ul
	{
		margin: 0;
		padding: 10px;
		list-style-type: none;
		font-size: .85em;
	}
	
	#searchdiv li
	{
		margin-right: 5px;
		padding: 0 0 8px 0;
		line-height: 1.3em;
	}
	
	#searchdiv li span
	{
		color: #FF0000;
	}
	
	#searchdiv a
	{
		text-decoration: none;
		color: #666;
	}
	
	#searchdiv a:hover
	{
		color: #000;
	}

	#searchdiv .sub
	{
		color: #999;
	}


/* choosen item (news, project or publication) */

	#page
	{
		width: 600px;
		height: 527px;
		padding: 0 20px 0 20px;
		margin: 20px 0 20px 0;
		overflow: auto;
		font-size: .9em;
		line-height: 1.7em;
		text-align: justify;
		clear: both;
	}
	
	#page #header
	{ 
		margin: 10px 0 0 0;
		color: #ccc;
		width: 530px;
	}
	
	#page .date
	{
		color: #c7c7c7;
	}

	#options
	{
		height: 20px;
		margin-bottom: 10px;
		color: #757575;
		font-size: 9px;
		line-height: 20px;
		overflow: hidden;
	}
	
	#options ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#options li
	{
		float: left;
		margin-right: 10px;
	}
	
	#options li a
	{
		color: #c7c7c7;
	}
	
	#options li a:hover
	{
		color: #8f8f8f;
		text-decoration: none;
	}
	
	#options .active a
	{
		background-color: #c8c8c8;
		color: #fff;
		padding: 2px;
	}

/* column view */
	
	#output
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#output li
	{
		float: left;
		margin-right: 10px;
		font-size: 9px;
		line-height: 16px;
	}
	
	#output li .icon {
	
		margin-right: 3px;
	
	}
	
	#output li a
	{
		color: #c7c7c7;
	}
	
	#output li a:hover
	{
		color: #8f8f8f;
		text-decoration: none;
	}
	
	#output .active a
	{
		background-color: #c8c8c8;
		color: #fff;
		padding: 2px;
	}

/* West 8 pictures */
	
	.pic
	{
		font-size: .85em;
		color: #999;
		margin-bottom: 15px;
		text-align: center;
	}
	
	.pic p
	{
		margin: 3px 0 0 0;
		padding: 0;
	}
	
	.pic img
	{
		padding: 4px;
		border: 1px solid #e9e9e9;
		background-color: #FFF;
	}
	
/* navigation bars */

	#navigation
	{
		clear: both;
		border-top: 1px solid #FFF;
		height: 30px;
		padding: 12px 20px 0 20px;
		color: #B2B2B2;
		font-size: .85em;
		overflow: hidden;
	}
	
	#navigation #nav
	{
		float: right;
	}
	
	#navigation #nav img
	{
		margin-top: 3px;
	}

	.center
	{
		text-align: center;
	}
	
/* Google Maps popup */

	#googleMapsDiv, #videoContainer
	{
		position: absolute;
		z-index: 1000;
		width: 600px;
		height: 0;
		padding: 0 20px 0 20px;
		background: #e3e3e3;
		overflow: hidden;
	}
	
	#googleMapsDiv img, #videoContainer img, #videoContainer video
	{
		margin: 10px 0 0 0;	
	}
	
	#googleMapsDiv div, #videoContainer div
	{
		text-align: right;
	}
	
	#videoContainer
	{
		text-align: center;
	}
	
	#googleMapsDiv iframe
	{
		float: left;
		width: 600px;
		margin: 5px 0 0 0;
	}