/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

	

body {
		background: #d7d7d7 url(images/bgfade.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		background-attachment: fixed;
		font: small Arial, Helvetica, Nimbus Sans L, sans-serif;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		width: 750px;
		margin: 0 auto;
		background: #ffffff;
		padding: 0px;
		}
		
#masthead {
		background: url(images/efs-masthead.jpg);
		background-repeat: no-repeat;
		height: 100px;
		margin-bottom: 10px;
		}
		
#content {
		padding-bottom: 10px;
		}

#footer {
		clear: both;
		text-align: center;
		padding: 10px 0;
		background-color: #CFD0FF;
		background-image: url(images/footer-background.jpg);
		background-repeat: repeat-x;
		color: #0100A8;
		height: 20px;
		}

#sidebar, #mainColumn, #extraColumn {
		float: left;
		padding: 10px;
		background-color: transparent;
		}

.twoColumnPage #sidebar {
		width: 229px;
		margin-right: 10px;
		float: left;
		padding: 65px 0 0 10px;
		}

.twoColumnPage #mainColumn {
		width: 460px;
		}


.separator {
		clear: both;
		}

/* ---------- 3. links and navigation ---------- */

#navigation {
		background: #9c9c9c;
		font: bold 14px Trebuchet MS, Verdana, Kalimati, sans-serif;
		height: 185px;
		margin-bottom: 10px;
		}

#navigation ul {
		list-style-type: none;
		}

#navigation li {
		display: inline;
		float: left;
		}

#navigation a {
		display: block;
		width: 125px;
		height: 40px;
		text-align: center;
		line-height: 15px;
		background-color: #ffffff;
		text-decoration: none;
		color: #000000;
		padding: 150px 0 0 0;
		font-family: Trebuchet MS, Verdana, Kalimati, sans-serif;
		font-size: 1em;
		letter-spacing: -1px;
		}

#navigation a.home	{
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
}

#navigation a.country	{
	background-image: url(images/country.jpg);
	background-repeat: no-repeat;
}

#navigation a.recreation	{
	background-image: url(images/recreation.jpg);
	background-repeat: no-repeat;
}

#navigation a.subject	{
	background-image: url(images/subject.jpg);
	background-repeat: no-repeat;
}

#navigation a.information	{
	background-image: url(images/information.jpg);
	background-repeat: no-repeat;
}

#navigation a.contact	{
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
}

#navigation a:hover.home	{
	background-image: url(images/home-a.jpg);
	background-repeat: no-repeat;
}

#navigation a:hover.country	{
	background-image: url(images/country-a.jpg);
	background-repeat: no-repeat;
}

#navigation a:hover.recreation	{
	background-image: url(images/recreation-a.jpg);
	background-repeat: no-repeat;
}

#navigation a:hover.subject	{
	background-image: url(images/subject-a.jpg);
	background-repeat: no-repeat;
}

#navigation a:hover.information	{
	background-image: url(images/information-a.jpg);
	background-repeat: no-repeat;
}

#navigation a:hover.contact	{
	background-image: url(images/contact-a.jpg);
	background-repeat: no-repeat;
}
	
#navigation a:hover {
		background-color: #ffffff;
		color: #0100A8;
		}

#sidebar a, #mainColumn a	{
	color: #0100A8;
	font-weight: 400;
	text-decoration: none;
}

#sidebar a:hover, #mainColumn a:hover	{
	background-color: #0100A8;
	color: #fded01;
	font-weight: 400;
	text-decoration: none;
}


/* ---------- 4. fonts ---------- */

ul	{
	list-style-position: outside;

	
}

li	{
	list-style-type: none;
}

#mainColumn ul {
	margin: 0 0 10px 20px;
	display: block;
}

#mainColumn ul li {
	padding:0 0 0 40px;
	display: block;
}


#mainColumn li {
	margin: 0 15px 5px 0;
	padding: 0 0 0 45px;
	background:url(images/euflag-bullet.jpg) no-repeat;	
}



h1, h2, h3, h4 {
	font-family: Trebuchet MS, Verdana, Kalimati, sans-serif;
	letter-spacing: -1px;
	color: #0100A8;		
		}

h1 {
		font-size: 1.7em;
		margin: 0 0 5px 0;
		padding: 0 0 12px 0;
		}
		
h2 {
		font-size: 1.3em;
		margin: 0 0 18px 0;
		}

#mainColumn h2 {
		font-size: 1.3em;
		margin: 36px 0 18px 0;
		border-bottom: 1px dotted #0100A8;
		}

#mainColumn h3 {
		font-size: 1.1em;
		margin: 18px 0 9px 0;
		}

p, ul {
		font-size: 1em;
		line-height: 1.3em;
		margin-bottom: 1em;
		}

#sidebar p {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.4em 0;
		}


.twoColumnPage #sidebar{
		font-size: 92%;
		}
		
#footer p {
		margin: 0;
		text-align: center;
		}
		
#sidebar p.quote	{
	font-style: italic;
	color: #0100A8;
	padding: 55px 0 15px 0;
}

#mainColumn p.disclaimer {
	font-style: italic;
	color: #0100A8;
	padding: 55px 0 15px 0;
}

#mainColumn p.address {
	padding: 0 0 0 48px;
}

#sidebar p.quote2	{
	font-style: italic;
	text-align: right;
	color: #0100A8;
	padding: 0 0 15px 0;
	font-weight: 600;
}
		
#sidebar strong	{
	color: #0100A8;
}

.bluetext	{
	color: #0100A8;
}