@import "reset.css";
body, input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif }
img	{ border: 0 }
input, select, textarea { font-size: 12px }
input.checkbox { border: 0 }
form { margin: 0 }
p { line-height: 1.5em ; margin: 0.5em 0 }
strong { font-weight: bold }
em { font-style: italic }
acronym { cursor: help }
div.clear { clear:both; height:0 ; line-height: 0 }
.top { vertical-align: top }
.center { text-align: center }
.warning { color: #FF0000 ; font-weight: bold }
.compulsory { color: #CC0000 }
.nodata { color: #999999 }
.warning_box {
	margin: 1em auto; 
	padding: 1em; 
	text-align:center; 
	border: 1px solid #CC3300; 
	background-color: #FFD7D7;
	color: #FF0000; 
	font-weight: bold ;
	width: 80% ;
}

a:link, a:visited { color: #065446 ; text-decoration: none }
a:active, a:hover { color: #4e618b ; text-decoration: underline }

h2 { font-size: 18px ; color: #ed6079 ; font-weight: bold ; margin-top: 1em }
h3 { font-size: 16px ; margin-bottom: 1em }
h4 { font-size: 15px ; color: #41796e ; font-weight: bold ; margin-top: 1em ; border-bottom: 1px dotted #b8b8b8 }
h5 { font-size: 13px ; color: #8bc53f ; font-weight: bold }
h6 { color: #ed6079 ; margin: 0.5em 0 ; line-height: 1.5em }
.indent { text-indent: 2em }

body { 
	font-size: 12px ;
	margin: 0 ;
	background-color: #dfeaca ;
	color: #333 ;
}

#wrapper { 
	margin: auto ;
	width: 956px ;
	background: url(images/bg.png) repeat-y ;
}

#header {
	height: 138px ;
	position: relative ;
	background: url(images/header.png) no-repeat ;
}

#lang {
	position: absolute ;
	right: 20px ;
	top: 120px ;
}

/* =footer */
#footer {
	clear: both ;
	/*padding: 5px 0 0 60px ;*/
	height: 56px ;
	background: url(images/footer.png) no-repeat ;
	position: relative ;
}
#footer a { color: #333 }

#footer_item {
	position: absolute ;
	left: 35px ;
	top: 8px ;
}

#footer_home {
	position: absolute ;
	left: 490px ;
	top: 8px ;
	width: 40px ;
	height: 12px ;
}

#footer_contact {
	position: absolute ;
	left: 555px ;
	top: 8px ;
	width: 68px ;
	height: 12px ;
}

#footer_link {
	position: absolute ;
	left: 645px ;
	top: 8px ;
	width: 70px ;
	height: 12px ;
}

#footer_sitemap {
	position: absolute ;
	left: 738px ;
	top: 8px ;
	width: 66px ;
	height: 12px ;
}

#footer_print {
	position: absolute ;
	left: 828px ;
	top: 8px ;
	width: 70px ;
	height: 12px ;
}

/* =top_nav */
#top_nav {
	height: 28px ;
	background: url(images/top_nav.png) no-repeat ;
	margin: 6px 18px 2px 18px ;
	width: 920px ;
	position: relative ;
}
#top_nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#top_nav li, #top_nav a { height: 28px; display: block;}

#nav_home {left: 0; width: 67px;}
#nav_about {left: 68px; width: 68px;}
#nav_focus {left: 137px; width: 74px;}
#nav_statement {left: 210px; width: 102px;}
#nav_education {left: 313px; width: 102px;}
#nav_comment {left: 416px; width: 72px;}
#nav_newsletter {left: 489px; width: 100px;}
#nav_publication {left: 590px; width: 72px;}
#nav_download {left: 663px; width: 72px;}
#nav_activity {left: 736px; width: 72px;}
#nav_join {left: 809px; width: 111px;}

#nav_home a:hover, #nav_home.on {background: transparent url(images/top_nav.png) 0 -28px no-repeat;}
#nav_about a:hover, #nav_about.on {background: transparent url(images/top_nav.png) -68px -28px no-repeat;}
#nav_focus a:hover, #nav_focus.on {background: transparent url(images/top_nav.png) -137px -28px no-repeat;}
#nav_statement a:hover, #nav_statement.on {background: transparent url(images/top_nav.png) -210px -28px no-repeat;}
#nav_education a:hover, #nav_education.on {background: transparent url(images/top_nav.png) -313px -28px no-repeat;}
#nav_comment a:hover, #nav_comment.on {background: transparent url(images/top_nav.png) -416px -28px no-repeat;}
#nav_newsletter a:hover, #nav_newsletter.on {background: transparent url(images/top_nav.png) -489px -28px no-repeat;}
#nav_publication a:hover, #nav_publication.on {background: transparent url(images/top_nav.png) -590px -28px no-repeat;}
#nav_download a:hover, #nav_download.on {background: transparent url(images/top_nav.png) -663px -28px no-repeat;}
#nav_activity a:hover, #nav_activity.on {background: transparent url(images/top_nav.png) -736px -28px no-repeat;}
#nav_join a:hover, #nav_join.on {background: transparent url(images/top_nav.png) -809px -28px no-repeat;}

/* =success msg */
.msg {
	width: 95% ;
	margin: 0.8em auto ;
	background-color: #CCFFCC ; 
	border: 1px solid #009900 ; 
	color: #009900 ; 
}
.msg p { margin: 0.8em }

/* =sub_nav */
#sub_nav {
	/*height: 27px ;*/
	background: url(images/sub_nav.png) repeat-y ;
	margin: 2px 18px 2px 18px ;
	width: 900px ;
	line-height: 27px ;
	font-size: 15px ;
	padding: 0 10px ;
}

/* =heading */
#heading {
/*	height: 112px ;
	background: url(images/heading.png) no-repeat ;
	margin: 2px 18px 2px 18px ;
	width: 920px ;*/
	padding: 2px 18px 2px 18px ;
}

/* =main */
#main {
	margin: 2px 18px 2px 18px ;
	width: 920px ;
	background: #f0f0f0 ;
}

#content {
	background: url(images/bg_main.png) repeat-y ;
	margin: 2px 18px 2px 18px ;
	width: 920px ;
}

/* =home */
#home {
	float: left ;
	padding: 12px 0 0 0 ;
}

#inner {
	float: left ;
	width: 630px ;
	padding: 0 10px 20px 20px ;
	/*border: 1px solid #AAA*/
}

/* =news */
#news_wrapper {
	float: left ;
	background: url(images/bg_news.png) repeat-y ;
	margin-right: 20px ;
}

#news_wrapper1 {
	background: top left url(images/header_news.png) no-repeat ;
}

#news_wrapper2 {
	width: 461px ;
	background: bottom left url(images/footer_news.png) no-repeat ;
	padding: 45px 10px 10px 10px ;
}

.news_date { font-weight: bold ; color: #006600 }
.news_content { padding: 0 10px }

/* =right */
#right {
	float: left ;	
	width: 152px ;
}

/* =left */
#left {
	float: left ;
	width: 260px ;
	padding-bottom: 20px ;
}

#left_home {
	float: left ;
	width: 220px ;
	padding: 0 10px ;
	margin-right: 10px ;
}

.left_title {
	background-color: #d1d1d1 ;
	padding: 10px ;
	color: #4e5f8b ;
	font-size: 16px ;
	font-weight: bold ;
	margin: 0 0 2px 0 ;
}

.left_title a:link, .left_title a:visited, .left_title a:active, .left_title a:hover { color: #4e5f8b }

.left_item {
	list-style-type: none ;
	margin: 0 10px 10px ;
	padding: 0 ;
}

.left_item li {
	border-bottom: 1px dotted #b1b1b1 ;
	padding: 6px 4px 6px 12px ;
	font-size: 13px ;
}

.left_item li a { color: #666666 }

#search_form { text-align: center ; padding: 12px 0}

/* =error msg box */
div.error {	
	width: 90% ;
	margin: 0.8em auto ;
	border-collapse: collapse ;
	border: 1px solid #dd7777 ;
	color: #ff0000 ;
	background-color: #FFCCCC ;
}
div.error h5 { margin: 0.5em ; font-size: 125% ; color: #ff0000 }
div.error ul { margin: 0.8em }
div.error li { list-style-type: square ; margin-left: 20px }

/* =error input */
.form tr.error th { background-color: #FDC4D5 ; color: #FF2437 }
.form tr.error td.attribute { background-color: #FDC4D5 ; color: #FF2437 }
.form tr.error td.value { background-color: #FFE9EC ; color: #FF2437 }
tr.error input, tr.error select, tr.error textarea { background-color: #FDC4D5 ; border: 1px solid #BA0404 ; }

/* =form */
table.form { 
	margin: 1em auto ;
	width: 90% ;
	border-collapse: collapse ;
	border: 1px solid #7fbe38 ;
}

table.form td { 
	border-top: 1px solid #7fbe38;
	border-bottom: 1px solid #7fbe38;
}

table.form th, table.form td { padding: 6px }
table.form th { background-color: #e4f3b0 ; color: #64a021 ; font-weight: bold }
table.form td.attribute { background-color: #f8ffed ; width: 160px ; color: #64a021 ; padding-left: 20px }
table.form td.top { vertical-align: top }

table.form table.no_border td { border: 0 }


/* =list */
.list {
	margin: 10px auto ;
	width: 95% ;
}
.list th { text-align: center }
.list td { 
	padding: 6px ; 
	border-top: 5px solid #FFF ;
	border-bottom: 5px solid #FFF ;
}
.list td.news_more { padding-left: 10px ; vertical-align: top }
.list td.date { width: 100px ; text-align: center ; font-weight: bold ; vertical-align: top }
.list td.category { width: 80px ; text-align: center }
.list td.title { width: 350px ; color: #262261 }
.list td.title a { color: #262261 }
.list td.date, .list td.category, .list td.title {
	background-color: #e8d1f2
}
.list tr.alt td.date, .list tr.alt td.category, .list tr.alt td.title {
	background-color: #f3e8f8
}

#title { font-size: 15px ; margin: 1em 0 0 0 ; color: #3f395d ; font-weight: bold }
#date { color: #666666 ; margin: 0.5em 0 }

/* =resource_list */
.resource_list {
	margin: 10px auto ;
}
.resource_list td { 
	padding: 6px ; 
	border-top: 5px solid #FFF ;
	border-bottom: 5px solid #FFF ;
}
.resource_list td.date { width: 100px ; text-align: center ; font-weight: bold ; vertical-align: top }
.resource_list td.title { width: 390px ; color: #262261 }
.resource_list td.download { width: 30px ; color: #262261 ; text-align: center }
.resource_list td.type { width: 150px ; text-align: center }
.resource_list td.title a { color: #262261 }
.resource_list td.date, .resource_list td.download, .resource_list td.title, .resource_list td.type {
	background-color: #e8d1f2
}
.resource_list tr.alt td.date, .resource_list tr.alt td.download, .resource_list tr.alt td.title, .resource_list tr.alt td.type {
	background-color: #f3e8f8
}

#title { font-size: 15px ; margin: 1em 0 0 0 ; color: #3f395d ; font-weight: bold }
#date { color: #666666 ; margin: 0.5em 0 }

.current_item { font-weight: bold }
a.current_item:link, a.current_item:visited, a.current_item:active, a.current_item:hover { font-weight: bold ; color: #CC0000 }*/

/* =statement */
.page_title, .statement_title {
	color: #223a76 ;
	font-size: 24px ;
	border-bottom: 1px solid #223a76 ;
	padding-bottom: 4px ;
	font-weight: bold ;
	margin: 0 0 1em ;
}
.page_title, .statement_title {
	color: #223a76 ;
	font-size: 24px ;
	border-bottom: 1px solid #223a76 ;
	padding-bottom: 4px ;
	font-weight: bold ;
	margin: 0 0 1em ;
}

.statement_date { text-align: right }
.statement_content {}

.page_content { padding: 0 0 10px 0 }

.activity_date { font-size: 12px }

/* =publication */
table.book_form td.attribute { width: 100px }
table.book_form p { margin: 0 }

/* =sitemap */
.sitemap li {
	margin: 12px 0;
}

/* =pager */
.pager_1 { width: 95% ; margin: 0px auto 20px ; text-align: center ; padding: 10px 0 }
.pager_1 span, .pager_1 a { margin: 4px 4px 8px 4px ; font-size: 14px ; padding: 5px 8px ; border: 1px solid #eef486 ; line-height: 34px}
.pager_1 a:hover, .pager_1 a:active { border: 1px solid #ffc5f9 ; background-color: #feeaff }
.pager_1 .cur_page { border: 2px solid #80b900; }

.pager_4 { 
	position: relative ; 
	width: 95% ; 
	height: 40px ; 
	margin: 1em auto 0 ;
	border: 1px solid #a0c241 ; 
	background-color: #f6ffeb ;
}
.pager_4 .now_show { position: absolute ; left: 10px ; top: 10px }
.pager_4 .pager_wrapper { position: absolute ; right: 10px ; top: 10px }

.pager_4 .arrow { 
	display: block ; 
	float: left ; 
	width: 20px ; 
	height: 20px ;
	background-position: center center ;
	background-repeat: no-repeat ;
}
.pager_4 .page_select { float: left }
.pager_4 .page_jump { float: left ; background: left center url(images/go.gif) no-repeat ; padding-left: 16px }
.pager_4 .page_selected { font-weight: bold ; color: #F1FAFF  ; background-color: #065345 }
.pager_4 .now_show { float: left ; line-height: 20px }
.pager_4 .arrow span { display:none }

.pager_4 .first { background-image: url(images/first.gif) }
.pager_4 .previous { background-image: url(images/previous.gif) }
.pager_4 .next { background-image: url(images/next.gif) }
.pager_4 .last { background-image: url(images/last.gif) }

.pager_4 .first_off { background-image: url(images/first_off.gif) }
.pager_4 .previous_off { background-image: url(images/previous_off.gif) }
.pager_4 .next_off { background-image: url(images/next_off.gif) }
.pager_4 .last_off { background-image: url(images/last_off.gif) }