/* sticky footer */
html, body {
	height: 100%;
}

#html {
	background: url(../img/back_vertical.gif) repeat-y center top;
}
body {
	font-family: verdana, arial, helvetica, sans-serif;
	background: url(../img/back_header.gif) repeat-x left top;
}

div.wrapper {
	/* sticky footer */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
	background: url(../img/border.gif) repeat-y right top;
}

div#header {
	position: relative;
	background-color: #ffffff;
	border-bottom: 1px solid #999999;
}
	.logo {
		margin: 10px 0px 0px 30px;
	}
		p.payoff {
			font-size: 0.6em;
			position: absolute;
			left: 200px;
			top: 40px;
			padding-right: 50px;
		}
	.logo_eufeps {
		right: 0px;
		position: absolute;
	}
	div.logo_tipharma {
		padding-top: 20px;
	}
		div.logo_tipharma p {
			font-size: 0.7em;
		}
	
	div#menu {
		margin-top: 21px;
	}
		ul.menu {}
			ul.menu li, ul.menu_loggedin li {
				float: left;
				margin-right: 15px;
				height: 30px;
				font-size: 0.9em;
			}	
				ul.menu li a, ul.menu_loggedin li a {
					height: 24px;
					display: block;
					padding: 6px 10px 0px 10px;
				}
					ul.menu li a.hier, ul.menu_loggedin a.hier {
						color: #ffffff;
						background-color: #4392eb;
					}
					ul.menu li a:hover, ul.menu_loggedin li a:hover {
						color: #ffffff;
						background-color: #b9d2ef;
					}
		ul.menu_loggedin {
			width: 245px;
			float: right;
		}


h1, h2, h3, h4, h5, h6, p, ul, ol, fieldset {
	margin: 0px 30px 0px 30px;
}

h1 {
	color: #bf1111;
	font-size: 1.2em;
	font-weight: normal;
	padding-top: 0.8em;
}
h2 {
	position: relative;
	padding-top: 0.6em;
}
h3 {
} 

p {
	font-size: 0.8em;
	line-height: 150%;
	padding-bottom: 0.4em;
}

a {
	color: #1165c3;
}

div.content {}
	div.content a {	text-decoration: underline;	}
		div.content a:hover { text-decoration: none; }

	div.intro {
		padding-bottom: 1em;
		border-bottom: 1px solid #999999;
	}
		body.morecontent div.intro {
			border-bottom: 0px;
		}
		div.intro p {
			line-height: 150%;
		}

	.homeitem {
		width: 49%;
		float: left;
		margin: 0.3em 0px 0 0px;
	}
		h2 {
			text-indent: -999em;
			background-position: left bottom;
			background-repeat: no-repeat;
		}
			#news h2 { background-image: url(../img/title_news.gif); }
				body.home #news h2 { background-image: url(../img/title_news.gif); }
			#newsarchive h2 { background-image: url(../img/title_newsarchive.gif); }
			#conference h2 { background-image: url(../img/title_upcomingconference.gif); }
				body.home #conference h2 { background-image: url(../img/title_conferences.gif); }
			#conferencearchive h2 { background-image: url(../img/title_conferencearchive.gif); }
			#course h2 { background-image: url(../img/title_latestcourse.gif); }
				body.home #course h2 { background-image: url(../img/title_courses.gif); }
			#coursearchive h2 { background-image: url(../img/title_coursearchive.gif); }
			#grant h2 { background-image: url(../img/title_latestgrants.gif); }
				body.home #grant h2 { background-image: url(../img/title_grants.gif); }
			#grantarchive h2 { background-image: url(../img/title_grantarchive.gif); }
			#network h2 { background: url(../img/title_login.gif) no-repeat left bottom; }
			h2#networkfiles { background: url(../img/title_networkfiles.gif) no-repeat left bottom; }
			
		h3 {
			font-size: 0.8em;
			padding-top: 0.3em;
		}
			
		span.date { font-size: 90%; }

		div.content ul {
			padding-left: 15px;
			list-style: disc;
			margin-bottom: 0.7em;
		}
			div.content ul li, div.content ol li {
				font-size: 0.8em;
				line-height: 130%;
				margin-bottom: 0.3em;
			}
				div.content li ul li {
					font-size: 1em;
				}
		div.content ol {
			padding-left: 25px;
			list-style-type: decimal;
			margin-bottom: 0.7em;
		}
		div.content p img {
			float: left;
			margin: 0.3em 10px 0px 0px;
		}

	div.content ul.submenu {
		margin: 0em 0px 0px 30px;
		padding: 0px;
		list-style: none;
		height: 1.5em;
	}
		ul.submenu li {
			float: left;
			margin: 0px 10px 0px 0px;
			padding: 0.3em 4px 0.3em 4px;
		}
			ul.submenu li.hier {
				background-color: #4392eb;
			}
			ul.submenu li.hier a {
				color: #ffffff;
				text-decoration: none;
				display: block;
			}
	
	#center form {
		margin-top: 1em;
	}
	#center fieldset {
		font-size: 0.9em;
		margin-bottom: 1.4em;
		background-color: #ededed;
		border-top: 1px solid #bbbbbb;
		padding: 0.5em 20px 1em 20px;
	}
		#center fieldset label {
			display: block;
			font-weight: bold;
			font-size: 0.8em;
			margin-top: 0.5em;
		}
		#center fieldset input {
			width: 400px;
		}
		#center fieldset textarea {
			width: 400px;
		}
		span.error {
			color: #cc0000;
			display: block;
			font-size: 85%;
		}

div#right {}
	div#right fieldset {
		font-size: 0.8em;
	}
		div#right fieldset label {
			display: block;
			float: left;
			width: 80px;
			clear: left;
			margin-top: 0.7em;
		}
		div#right fieldset input {
			margin-top: 0.7em;
			color: #999999;
		}
		#loginbutton {
			text-indent: -999em;
			cursor: pointer;
			display: block;
			width: 38px;
			height: 22px;
			border: 0px;
			padding: 0px;
			margin: 0.3em 0px 0px 80px;
			background: url(../img/button_login.gif) no-repeat left top;
		}
	ul.files {
		margin-top: 0.3em;
	}
		ul.files li {
			font-size: 0.8em;
			margin: 0px 0px 0.4em 0px;
		}
			ul.files li a {
				text-decoration: underline;
			}
			ul.files li a:hover {
				text-decoration: none;
			}
			ul.files li.hier a {
				color: #000000;			
				text-decoration: none;
			}
	#right h3 {
		margin-top: 1.5em;
	}

.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}

div.clearer {
	clear:both;
	height: 1px;
	line-height: 1px;
}

/* sticky footer */
.footer, .push {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	height: 29px; /* .push must be the same height as .footer */
	clear: both;
}
	.footer {
		background-color: #ffffff;
		border-top: 1px solid #bbb;
	}
		.footer p {
			font-size: 0.6em;
			color: #bbb;
			padding-bottom: 0px;
			background-color: #ffffff;
		}
			.footer a {
				color: #999999;
			}