html,body{
	margin:0px;
	padding:0px;
	background-image:url(/images/common/bg_page.gif);
	background-repeat:repeat-x;
	background-color:#eeeeee;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/**************************************************************************************/
/*	COMMON STYLES (styles applied on all pages)
/**************************************************************************************/
.clear-both{
/* 	use this clear-both style in order to cancel floating styles.
	For example : homepage.html, which "Press releases and news" title uses left-floating style (float:left).
	If you don't use clear-both, return carriage won't be applied for further text */
	clear:both;
}
.breadcrumb{
	padding:20px;
	padding-bottom:0px;
}
.breadcrumb a{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}
.breadcrumb a:hover{
	color:#116aaf;
	text-decoration:underline;
}
img{
	border:0px;
}
hr{
	margin:10px 0px;
	background:url(/images/common/hr_separator.gif) repeat-x;
	color:#cccccc;	/* for IE 7 and lower because it doesn't support background style */
	height: 1px;
	border: 0;
	margin-bottom: 0;
}

/**************************************************************************************/
/*	TEMPLATE HOMEPAGE 
 * 
 *	Includes all main parts of the webpage, sorted by importance, which are :
 *		- container : contains all page
 *	 	- header : horizontal menu + banner
 *		- bodytext : part between header and footer
 *		- main-panel : part between left and right panels
 *		- left panel : contains 1st level navigation pavements
 *		- right panel : contains others pavements
 *		- footer : copyright mention + "contact us" link, at the bottom of the page
/**************************************************************************************/

.clear-both{
	clear:both;
}

#container{
	margin:0px auto;
	margin-top:9px;
	width:1000px;
	background-color:#ffffff;
}

#header{
	background-color:blue;
}

#bodytext{
	float:left;
	display:inline-block;
	margin-bottom:10px;
	width:615px;
	margin-top: 15px;
	padding-left: 20px;
	font-size:12px;
}
#left-panel{
	float:left;
	display:inline-block;
	padding-left: 20px;
}
#right-panel{
	float:right;
	display:inline-block;
	width:132px;
	padding-right:20px;
	padding-left:20px;
	margin-top: 15px;
	margin-bottom: 20px;
}
div#footer{
	height:23px;
	border-top-color:#cccccc;
	border-top-style:solid;
	border-top-width:2px;
}

/**************************************************************************************/
/*	GENERAL LINKS (main styles for links in website)
/**************************************************************************************/
.req-password{
	font-size:9px;
}
.more-FR-flag{
/* the "More..." link is displayed as a block :
the FR flag is simply a right-aligned background */
	display:inline-block;
	border:0px;
	background:url(/images/common/FR_flag.png) no-repeat 45px 0px;
}
.more-IT-flag{
/* the "More..." link is displayed as a block :
the IT flag is simply a right-aligned background */
	display:inline-block;
	width:70px;
	border:0px;
	background:url(/images/common/IT_flag.png) no-repeat 45px 0px;
}

/**************************************************************************************/
/*	TEMPLATE HEADER (includes header + banner)
/**************************************************************************************/

/* ______ HORIZONTAL MENU (includes all links at the top of the header) ______________*/
#header ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#header ul li{
	display:block;
	float:left;
	padding:0px;
	margin:0px;
}

/* inactive link style (gray background) */
#header ul li a{
	display:block;
	padding-top:6px;
	height:20px;
	background:url(/images/common/header_bgbutton.png) repeat-x;
	background-position:0px -2px;
	color: #ffffff;
	text-align: center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

/* adding a different width for each link and gray left/right border */
#header ul li a.aboutus{
	width:148px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-top:solid 2px #8d8d8e;
}
#header ul li a.workareas{
	width:148px;
	border-right:solid 1px #cccccc;
	border-top:solid 2px #8d8d8e;
}
#header ul li a.databank{
	width:148px;
	border-right:solid 1px #cccccc;
	border-top:solid 2px #8d8d8e;
}
#header ul li a.publications{
	width:148px;
	border-right:solid 1px #cccccc;
	border-top:solid 2px #8d8d8e;
}
#header ul li a.delegatesarea{
	width:148px;
	border-right:solid 1px #cccccc;
	border-top:solid 2px #8d8d8e;
}
#header ul li a.home{
	width:106px;
	line-height:18px;
	height:26px;
}
#header ul li a.pressroom{
	width:148px;
	line-height:18px;
	height:26px;
}

/* Highlight style : used to highlight hovered link (":hover") or current page link ("-act") (blue background) */
#header ul li a.aboutus:hover, #header ul li a.aboutus-act,
#header ul li a.workareas:hover, #header ul li a.workareas-act,
#header ul li a.databank:hover, #header ul li a.databank-act,
#header ul li a.publications:hover, #header ul li a.publications-act,
#header ul li a.delegatesarea:hover, #header ul li a.delegatesarea-act
{
	border-top-color:#797a7b;
	background:url(/images/common/header_bgbutton_current.png) repeat-x;
	background-position:0px -2px;
}

/* special style for "home" & "press room" buttons hover */
#header ul li a.home{
	width:106px;
	height:22px;
	line-height:18px;
	background:url(/images/common/header_bghome.png) no-repeat;
}
#header ul li a.home:hover, #header ul li a.home-act{
	width:106px;
	height:22px;
	line-height:18px;
	background:url(/images/common/header_bghome_current.png) no-repeat;
}
#header ul li a.pressroom{
	width:148px;
	height:22px;
	background:url(/images/common/header_bgpressroom.png) no-repeat;
}
#header ul li a.pressroom:hover, #header ul li a.pressroom-act{
	width:148px;
	height:22px;
	background:url(/images/common/header_bgpressroom_current.png) no-repeat;
}

/* ______ BANNER (includes NEA & OCDE logos and search input) ________________________*/
#banner .banner-left{
	float:left;
	width:10px;
	height:100px;
	background:url(/images/common/banner_left.png) no-repeat;
}
#banner .banner-right{
	float:right;
	width:10px;
	height:100px;
	background:url(/images/common/banner_right.png) no-repeat;
}
#banner .banner-center{
	float:left;
	height:100px;
	width:980px;
	background:url(/images/common/banner_bg.png) repeat-x;
}
#banner .nea-logo{
	float:left;
	padding-left:24px;
}
#banner .nea-logo a{
	display:block;
	border:0px;
	width:206px;
	height:92px;
	background:url(/images/common/banner_logo_nea.png) no-repeat;
	cursor:pointer;
}
#banner .oecd-logo{
	float:right;
	padding-right:17px;
	padding-top:27px;
}
#banner .oecd-logo a{
	display:block;
	border:0px;
	width:41px;
	height:41px;
	background:url(/images/common/banner_logo_oecd.png) no-repeat;
	cursor:pointer;
}
#banner form{
	margin-top:34px;
	margin-left:598px;
}
#banner .search-input{
	float:left;
	display:block;
	padding-top:4px;
	padding-left:12px;
	border:0px;
	width:195px;
	height:22px;
	background:url(/images/common/input_search_bg.png) no-repeat;
}
#banner .go-button{
	float:left;
	cursor:pointer;
	border:0px;
	width:38px;
	height:24px;
	background:url(/images/common/banner_go_button.png) no-repeat;
}

/**************************************************************************************/
/*	TEMPLATE LEFT PANEL
/**************************************************************************************/

/* ______ PANEL (includes links & texts) _____________________________________________*/
#left-panel .left-panel-top{
	margin-top:15px;
	padding-top:5px;
	width:151px;
	background:url(/images/homepage/leftpanel_top.png) no-repeat;
}
/*#left-panel .left-panel-top div{
	background:url(../images/homepage/leftpanel_bg.png) repeat-y;
}*/
#left-panel .left-panel-bottom{
	margin-bottom:30px;
	width:151px;
	height:9px;
	background:url(/images/homepage/leftpanel_bottom.png) no-repeat;
}
.left-panel-content{
	width:151px;
	text-align:center;
	background:url(/images/homepage/leftpanel_bg.png) repeat-y;
}
#left-panel img{
	display:inline-block;
	margin:5px 0px;
}

/* style for left panel links */
#left-panel a{
	display:block;
	margin:auto 10px;
	text-decoration:none;
	font-size:11px;
	color:#333333;
}
#left-panel a:hover{
	color:#116aaf;
}
#left-panel .title{
	display:block;
	padding-top:5px;
	padding-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#1a5784;
}

/**************************************************************************************/
/*	TEMPLATE RIGHT PANEL
/**************************************************************************************/

/* ______ MEMBER COUNTRIES PANEL (includes maps & links) _____________________________*/
#right-panel div.member-countries{
	width:132px;
}
#right-panel div.member-countries-map{
	text-align:center;
}
#right-panel div.member-countries-map a{
	display:block;
	border:0px;
	width:114px;
	height:68px;
	background:url(/images/common/member_countries.png) no-repeat;
	cursor:pointer;
}
#right-panel div.member-countries-links{
	margin-top:10px;
}
#right-panel div.member-countries-links ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
#right-panel div.member-countries-links a{
	display:block;
	padding-bottom:8px;
	font-size:12px;
	font-weight:bold;
	color:#818181;
}
#right-panel div.member-countries-links a:hover{
	color:#0088cc;
}

/* ______ PANEL (includes links & texts) _____________________________________________*/
#right-panel .right-panel-top{
	margin-top:30px;
	padding-top:5px;
	width:132px;
	background:url(/images/common/rightpanel_top.png) no-repeat;
}
#right-panel .right-panel-top div{
	padding-left:10px;
	padding-right:10px;
	width:112px;
	background:url(/images/common/rightpanel_bg.png) repeat-y;
	
}
#right-panel .right-panel-bottom{
	width:132px;
	height:9px;
	background:url(/images/common/rightpanel_bottom.png) no-repeat;
}
/* text style for titles following the first title of the right panel */
#right-panel .title{
	display:block;
	padding-top:5px;
	padding-bottom:10px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#1a5784;
}
#right-panel .title a{
	display:block;
/*	padding-top:5px;*/
	padding-bottom:10px;
	padding-right:5px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#1a5784;
}
#right-panel ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
#right-panel img{
	display:block;
	padding-bottom:10px;
	border:0px;
}

/* style for right panel links */ 

#right-panel .title a{
	display:block;
/*	padding-top:5px;*/
	padding-bottom:10px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#1a5784;
}

#right-panel a{
	display:block;
	padding-bottom:5px;
	font-size:11px;
	text-decoration:none;
	color:#333333;
}
#right-panel a:hover{
	color:#0088cc;
}
#right-panel .normal-text{
	font-size:11px;
	color:#333333;
}

/**************************************************************************************/
/*	TEMPLATE MIDDLE CONTENT
/**************************************************************************************/
#bodytext a{
	color:#0071bc;
	text-decoration:none;
}
#bodytext a:hover {
	color:#0071bc;
	text-decoration:underline;
}
#bodytext div.title-left{
	float:left;
	margin:5px 0px;
	width:8px;
	height:24px;
	background:url(/images/common/title_leftbg.png) no-repeat;
}
#bodytext .title-center{
	float:left;
	margin:5px 0px;
	padding:0px 4px;
	height:24px;
	background:url(/images/common/title_bg.png) repeat-x;
	font-size:14px;
	font-weight:bold;
	color:#0c4d7c;
}
#bodytext .title-right{
	float:left;
	margin:5px 0px;
	width:8px;
	height:24px;
	background:url(/images/common/title_rightbg.png) no-repeat;
}
#bodytext p{
	margin:0px;
	margin-bottom:20px;
}

/* link styles for main-content part */
#bodytext a.subtitle{
	margin-top:10px;
	margin-bottom:2px;
	font-weight:bold;
	text-decoration:none;
	color:#116aaf;
}
#bodytext a.subtitle:hover{
	color:#a52a2a;
}
#bodytext .insert-left{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#bodytext .insert-left a{
	display:inline;
}
#bodytext .insert-right{
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}
#bodytext .insert-right a{
	display:inline;
}

/**************************************************************************************/
/*	TEMPLATE FOOTER
/**************************************************************************************/
#footer div.left{
	float:left;
	width:10px;
	height:27px;
	background:url(/images/common/footer_left.png) no-repeat;
}
#footer div.right{
	float:right;
	width:10px;
	height:27px;
	background:url(/images/common/footer_right.png) no-repeat;
}
#footer div.center{
	float:left;
	width:980px;
	height:27px;
	line-height:18px;
	color:#ffffff;
	background:url(/images/common/footer_center.png) repeat-x;
	text-align:center;
	font-size:11px;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	color:#116aaf;
}