/* Main css for eu-egi.org */

* {
	margin:0;
	padding:0;
} 

html {
	height:100%;
}

body {
/* 	background-color:#334998; */
/* 	color:white; */
	color:black;
	background-color:#ccc;
	height:100%;
	font:normal 10pt Arial; 
}

h1 {
	font:bold 1.5em Helvetica;
/* 	background-color:#f0da9b; */
	color:#36417a;
/* 	padding:1em 0.5em; */
	border-bottom:1px solid #334998;
	margin:20px 0 10px 0;
}

h2 {
	font:bold 1.3em Helvetica;
	color:#36417a;
	margin:0.8em 0 0.3em 0;
}

h3 {
	margin:20px 0 10px;
}

img {
	margin:0.5em;
	border:none;
}

a[href] {
	color:#36417a;
	text-decoration:none;
}

a[href]:hover {
	text-decoration:underline;
}

p {
	margin:0.5em 0;
}

ul, ol {
	padding:0.5em 0 0.5em 2em;
}

table {
	width:100%;
	margin-bottom:10px;
}

tr.break td {
	padding:10px 0;
}

td, th {
	padding-right:1em;
}

td p, td span {
	margin:0;
	padding:0;
}

th {
	text-align:left;
}

address {
	white-space:pre;
	padding-bottom:0.5em;
	margin:0;
	font:normal 1em Arial; 
}

small {
	font-size:1em;
}

.name-cell {
	text-align:right;
	padding-right:1em;
}

.highlight {
	color:#f1af00;
	font-weight:bold;
}

td {
	vertical-align:top;
}

span.separator {
	color:#334998;
}

p.right {
	text-align:right;
	font-size: 0.8em;
}

.bottom-right {
	font-size:.8em;
	position:absolute;
	right:1em;
	bottom:3em;
}

.center {
	font-size:.9em;
}

ul.links, ul.csc-menu, li.link {
	list-style-image:url('images/arrow3_next.gif');
}

li.link-back {
	list-style-image:url('images/arrow3_back.gif');
}

ul.pdf, li.pdf {
	list-style-image:url('images/pdf_icon.gif');
}

ul.msword, li.msword, ul.doc, li.doc {
	list-style-image:url('images/word_icon.gif');
}

ul.xls, li.xls {
	list-style-image:url('images/excel_icon.gif');
}

ul.zip, li.zip {
	list-style-image:url('images/zip_icon.gif');
}

ul.ppt, li.ppt {
	list-style-image:url('images/ppt_icon.gif');
}


td.time {
	white-space:nowrap;
	width:6em;
}

ul.events li {
	margin-bottom:0.5em;
}

#container {
	position:relative;
/* 	width:59.7em; */
	width:960px; /* = 60em */
	margin:1em auto;
	margin-bottom:1em;
	background:white url('images/europe_background.jpg') no-repeat bottom right;
	border:1px solid #334998;
	min-height:90%;
	padding-bottom:3em;
}

#header {
/* 	background-color:#334998;  */
	background:url('images/header_back.png') repeat-x top left;
	color:white;
/* 	padding-top:1.2em; */
	position:relative;
	height:110px;
}

#header img {
	border:none;
	vertical-align:middle;
	margin-left:20px;
}

#header a {
	width:100%;
	text-decoration:none;
}

#topbar {
	background:none;
	top:0;
	left:0;
	padding:0 0.2em;
	color:white;
	font-weight:bold;
	position:relative;
	margin-bottom:12px;
	width:100%;
}

#topbar a {
	margin:0 .5em;
	color:white;
}

#topbar a:hover {
	text-decoration:underline;
}

#topsitemap {
	position:absolute;
	right:0.2em;
	z-index:1;
	text-align:right;
	background:none;
}

#quickinfo {
	width:11em;
	padding:0.5em 1em;
	text-align:right;
	color:white;
	position:absolute;
	top:0;
	right:0;
	background:none;
}

#pagetitle {
	font:bold 24px Helvetica;
	margin:0 0 0 20px;
	color:#36417a;
	text-decoration:none;
}

#phrase {
	font:bold 18px Helvetica;
	position:absolute;
	top:80px;
	color:#36417a;
	right:60px;
}

#menu {
	position:relative;
	margin:0 auto 20px;
}


#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
	height:1.2em;

}

#menu li {

	float:left;
	display:block;
	width:11.8em;
	margin:2px 1px;
}

#webmaster {
	padding:0.3em 0 0.5em;
	position:relative;
	margin:0;
	text-align:left;
	left:0;
}

#webmaster a {
	text-decoration:underline;
	padding:0;
}

#last-update {
	right:0.5em;
	top:0;
	text-align:right;
	position:absolute;
}

#funding {
	text-align:center;
	position:relative;
	padding:0.5em;
	margin-top:0.5em;
	width:100%;
}

#copyright {
	left:0.5em;
	top:0;
	text-align:left;
	position:absolute;
}

#content {
	background:none;
	font:normal 11pt Arial;
	padding:1px 20px;
	min-height:80%;
	margin-top:20px;
	margin-bottom:3em;
	height:100%;
}

#content li {
	padding-left:5px;
}


#footer {
	position:absolute;
	text-align:center;
	background-color:#e7dbb1;
	bottom:0;
	left:0;
	width:100%;
	font-size:0.8em;
	height:3.2em;
	border-top:1px solid #202020;
	color:black;
}

#footer a {
/* 	margin:0 .5em; */
/* 	color:white; */
	text-decoration:underline;
	font:normal 1em Helvetica;
}

.eyecatcher {
	text-transform:uppercase;
	margin-top:1em;
	font:bold 2em Arial;
	color:#36417a;
}

#logos {
	z-index: 0;
	text-align:center;
	position:absolute;
	bottom:60px;
	width:100%;
}

#logos img {
	border:none;
}

#latest {
	float:right;
	position:relative;
}

#calendar {
	border:1px solid #36417a;
	width:150px;
	padding:1em;
	margin:0 0 5px 5px;
	position:relative;
}

#calendar * {
	margin:0;
	padding:0;
}

#calendar th, #calendar td {
	text-align:center;
}

#calendar th.weekdays {
	background-color:#ccc;
}

#calendar td.mark {
	background-color:#e7dbb1;
}

/**** NEWS ***/
div.news-list-item {
	position:relative;
}

span.news-list-image {
	float:left;
	margin-right:10px;
}

span.news-list-date {
	font:bold 1em Helvetica;
	position:absolute;
	top:0;
	right:0;
}

div.news-single-img {
	float:left;
	margin-right:10px;
}

dl.news-single-links dt {
	font-weight:bold;
}
div.news-single-timedata {
	margin-bottom:10px;
	font:bold 1em Helvetica;
}

div.news-single-item {
	text-align:justify;
}

div.news-latest-container {
	float:right;
	border:1px solid #36417a;
	width:250px;
	padding:1em;
	margin:0 0 5px 5px;
}

div.news-latest-container ul {
	padding-left:15px;
}

div.news-latest-container h2 {
	margin-top:0;
}

div.news-latest-gotoarchive {
	margin-top:1em;
}


div.news-item { border: 1px solid black; margin: 7px; padding: 1em; }
div.news-item div { }
div.news-item div.news-teaser { font-size: x-small; }


