/* General styles */
body {
	background: url('images/background.jpg') center;
	background-repeat: repeat-y;
	font-family			: Arial, Helvetica, Sans, FreeSans, 'Nimbus Sans L', Garuda, sans-serif; /* many fonts to accomodate Linux users without Arial */				
}

img { border: 0; }

em 		{ font-style: italic; }
strong  { font-weight: bold; }

a:hover { color: red; }

.hidden {
	display: none; /* For users without CSS or accesibility readers */
}

br.clear { clear: both; }

span.link {
	/* emulating hyperlinks */
	text-decoration: underline;
	color: blue;
}

	span.link:hover { 
		color: red; 
		cursor: pointer;
	}
	
div.warning, div.info {
    margin: 10px 0;
    border: 1px solid black;
    padding: 10px;
    padding-top: 0;
    font-weight: bold;
}

div.warning { background: #f99; }
div.info    { background: #99f; }

/* Styles for content */
#content {
	width: 920px;
	margin: 0 auto;
	padding-left: 8px; /* Weird... */
}

	#header {
		background: url('images/logo.jpg') no-repeat center;
		width: 920px;
		height: 337px;
	}
	
		#header h1    { display: none; } /* We only display this for users without CSS and accesibility users */

#menu { 
	height: 73px;
}

#menu ul {
	background-image: url('images/menu.jpg');
}

#menu li {
	text-align: center;
	padding-top: 3px;
}

	#menu .main {
		width: 920px;		
	}
	
		#menu .main li {
			float: left;			
			width: 230px;	
		}
		
		#menu .main li.current_page_item a,
		#menu .main li.current_page_parent a {
			text-decoration: underline;
		}
		
	#menu .sub {
		height: 100px;
		text-align: center;
		padding-top: 45px;
	}

		#menu .sub a {
			font-size: 140%;
		}
		
			#menu .sub li.current_page_item a {
				text-decoration: underline;
			}
		
		#menu .sub li {
			display: inline;
			margin-right: 30px;
		}

#menu a {
	text-decoration: none;
	color: #174745;
	font-size: 180%;
}

	#page_home      #menu_home,
	#page_programme #menu_programme,
	#page_info      #menu_info,
	#page_contact   #menu_contact { text-decoration: underline; }			
	
	#menu a:hover { 
		color: #0a4c71; 
		text-decoration: underline;
	}
		
/* General styles for #content */
#content .box ul {
	margin: 10px 0 0 15px;
}

#content .box li {
	list-style-type: disc;
}

#content .message {
	padding: 10px;
	border: 1px solid #ccc;
	background: #f99;
	margin: 10px 0;
	display: none;
}

#content .dropbox {
    clear: both;
	border: 1px solid #ccc;
	float: left;
    margin-top: 10px;
    width: 90%;
    padding: 10px;
    display: none;
}

/* Forms */
form div {
	float: left;
	clear: both;
	border-bottom: 1px solid #eee;
	margin: 10px 0;
}
	
	form label {
		width: 400px;
		float: left;
	}	
	
	form input, form textarea {
		margin-bottom: 10px;
	}
	
	.warning { background: #f99; }	
	
/* Boxes */
#content .full { 
	float: left;
	width: 920px; 
	position: relative;
}

	#content .full .top {
		height: 160px;
	}
	
		/* 'Icons' above the full-lenght box */
			
		#content .question .top {
			background-image: url('images/box_full_top_question.jpg'); 
		}
		#content .rss .top {
			background-image: url('images/box_full_top_rss.jpg'); 
		}
	
	#content .full .content {
		position: relative;
		top: -90px;
		height: 0;
	}
	
		#content .question .content { padding: 0 40px 0 110px; }
		#content .rss .content		{ padding: 0 40px 0 135px; }		
	
	#content .full .bottom {
		position: relative;
		background-image: url('images/box_full_bottom.jpg');
		height: 22px;
	}
	
#content .left img, #content .right img, #content .page img {
	float: left;
	margin-right: 10px;
}
	
#content .left h2, #content .right h2, #content .page h2 {
	font-size: 150%;
	border-bottom: 3px solid #329965;
	float: left;
	margin-top: 15px;
}

#content .left p, #content .right p, #content .page p { 
	clear: both; 
	padding-top: 15px;
} 

#content .left { 
	float: left; 
	width: 456px;
}

	#content .left .top {
		height: 27px;
		background-image: url('images/box_left_top.jpg');
	}
	#content .left .content {
		background: url('images/box_left_content.jpg') repeat-y;
		padding: 0 35px;
	}
	#content .left .bottom {
		height: 27px;
		background-image: url('images/box_left_bottom.jpg');
	}

#content .right {
	float: right;
	width: 464px;
}
	
	#content .right .top {
		height: 28px;
		background-image: url('images/box_right_top.jpg');
	}
	#content .right .content {
		padding: 0 45px 0 25px;
		background-image: url('images/box_right_content.jpg');
	}
	#content .right .bottom {
		height: 27px;
		background-image: url('images/box_right_bottom.jpg');
	}
	
#content .page {
	float: left;
	width: 920px
}
	#content .page .top {
		background-image: url('images/box_full_top.jpg');
		height: 22px;
	}
	
	#content .page .content {
		padding: 0 40px 15px 40px;		
		background: url('images/box_full_content.jpg') repeat-y;
	}

	#content .page .bottom {
		background-image: url('images/box_full_bottom.jpg');
		height: 22px;
	}

#footer {
	float:left;
	margin: 10px 0 50px 0;
	width: 920px;
	height: 43px;
	background-image: url('images/menu.jpg');
	padding-top: 10px;
}

	#footer p {
		text-align: center;
	}