/* Bottom container, see also base_newbrowser for some IE bug workaround settings. */

#bottom {
	/*
	margin-left: 10%;
	margin-right: 10%;
	*/
	margin-left: 5%;
	margin-right: 5%;
}

/* Navigation area */

#navi-area {
	float: left;
	width: 212px !important;
	width: 206px;
	margin-left: 0%;
	margin-right: 0%;
	padding: 0;
	border: 0px none;
	font-size: 90%;
/* debug
	display: none;
*/
}

/* Navigation menu */

ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin-bottom: 4px;
	padding: 0px;
	/*padding: 0.2em 0.5em;
	*/
	border: 1px #0f5e7e solid;
	/*background-color: lightyellow*/
	display: list-item;
	list-style-type: none;
}

ul.menu a {
	display: block;
	width: 100%;
	height: auto;
	padding: 0.2em 0.5em !important;
	padding: 0.2em 0em 0.1em 0.5em;
	text-decoration: none;
	color: black;
	line-height: 1em;
/*
	font-weight: bolder;
*/
}

html>body ul.menu a {
	width: auto;
}

#main-menu-notsel {
	background: #E6EDF5 url(img/menu_deco_opiskelu.gif) no-repeat right bottom;
        font-weight: normal
}

#main-menu-notsel a:hover {
	background: #d6dee2 url(img/menu_deco_opiskelu.gif) no-repeat right bottom;
	text-decoration: none;
        font-weight: bolder
}

#main-menu-sel {
	background: #d6dee2 url(img/menu_deco_tutkimus.gif) no-repeat right bottom;
        font-weight: bolder
}

#main-menu-sel a:hover {
	background: #d6dee2 url(img/menu_deco_tutkimus.gif) no-repeat right bottom;
	text-decoration: none;
        font-weight: bolder
}


/* Navi-area ad space */

#navi-ad-area {
	margin: 20px 0px 4px 0px;
	text-align: center;
}

/* Content */

#content-area {
	margin-left: 215px;
	/*
	margin-left: 320px;
	*/
	border: 1px solid #0f5e7e;
	background-color: white;
	padding: 0.2em 0.5em;
	margin-right: 5px;
}

/* Full content area, for pages without the navi-area. */

#content-area.full-page {
	margin-left: 0px;
}