/* english css */
html, body {
	height: 100%;
	font-family: arial, "lucida console", sans-serif;
	font-size: 83%;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	background: url('../images/long_bg.jpg') repeat-y 50% 0;
}
a {
	color: #fff;
	text-decoration: underline;
}
sup {font-family:arial,helvetica,sans-serif; font-size: 1em}

.flags {
	float: right;
	margin: 10px 20px 0 0;
	_margin: 10px 11px 0 0; 
}
.flags a {
	padding: 0 2px 0 2px;
	border: 0;
}
.wrapper {
	border: 0px solid;
	width: 710px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	margin: 0 auto -6em; /* the bottom margin is the negative value of the footer's height */
}
.container {
	width: 710px;
	border: 0px solid red;
	overflow: hidden;
	margin: 13px 0 10px 0;
}
.title { }
.title img { 
	margin-top: 20px;
}
.footer, .push {
	height: 6em;
	width: 100%;
	margin: 0em auto;
	padding: 0;
	border: 0px solid;
}
.footer p {
	font-size: 0.9em;
	padding: 0;
	margin: 0 auto;
}
img {
	border: 0;
}
.normal p {
	font-size: 1.3em;
}
.logo {
	height: 138px;
	width: 325px;
	margin: 0;
	border: 0px solid;
}
.line {
	background: url('../images/line.jpg') repeat-x;
	width: 99.9%;
	height: 1px;
	position: absolute;
	top: 137px;
	z-index: 1;
}
.nav {
	clear: both;
	float: right;
	margin: 45px 20px 0 0;
	_margin: 45px 11px 0 0;
	font-family: Arial;
}
#overview {
	float: left;
	margin: 0px;
	padding: 0;
}
#overview p {
	background: #ABBD36;
	padding: 0 0 0 5px;
	margin: 0 0 3px 0;
	font-size: 1em;
	width: 109px;
}
#activities {
	float: left;
	margin: 0;
	margin-left: 3px;
}
#activities p {
	background: #F6A800;
	padding: 0 0 0 5px;
	margin: 0 0 3px 0;
	font-size: 1em;
	width: 109px;
}
#function {
	float: left;
	margin-left: 3px;
}
#function p {
	background: #009CD6;
	padding: 0 0 0 5px;
	margin: 0 0 3px 0;
	font-size: 1em;
	width: 109px;
}
.head_images {
	border: 0px solid;
	display: inline;
}
#header_left {
	float: left;
}
.header_right {
	float: left;
}
/* overview, activities & function column */ 
.leftText {
	width: 485px;
	margin: 0;
	padding: 0;
	float: left;
}
.leftText p {
	background: #075287;
	padding: 15px 25px 15px 25px;
	margin: 5px 0 0 0px;
}
.leftText ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
}
.leftText li {
	margin: 0;
	padding: 0;
	height: 20px;
}
.leftText #who {
	background: url('../images/bullet-who.jpg') no-repeat;
}
.leftText #what {
	background: url('../images/bullet-what.jpg') no-repeat;
}
.leftText #how {
	background: url('../images/bullet-how.jpg') no-repeat;
}

.leftText .archiveh1 {
	background: url('../images/bullet-how.jpg') no-repeat;
}
.leftText li p {
	margin: 0 0 0 22px;
	font-size: 1em;
	height: 17px;
	padding: 3px 0 0px 5px;
}
.whofooter {
	padding: 0px 5px 0 15px;
	background: url('../images/bullet1.jpg') no-repeat;
	height: 11px;
	width: 14px;
}
/* what page right column */
.rightText {
	float: right;
	margin-right: 20px;
  _margin-right: 13px; 
	width: 180px;
}
.rightText p {
	margin: 0;
	padding: 2px 0 2px 5px;
	background: #009CD6;
}
.rightText span {
	margin: 3px 0 3px 0;
	display: block;
}
/* Index page left column */
.show_hide {
	margin: 0;
	width: 355px;
	float: left;
	cursor: hand;
	cursor: pointer;
}
.show_hide p {
	margin: 2px 0 2px 27px;
	background: #075287;
}
.show_hide a {
	text-decoration: none;
}
.show_hide ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
  cursor: hand;
}
.show_hide li {
	margin: 2px 0 0 0px;
	padding: 0;
	background: url('../images/bullet3.jpg') no-repeat;
	height: 20px;
}
.show_hide li p {
	margin: 0px 0 0px 23px;
	background: #009CD6;
	padding: 3px;
}

.cursor { cursor: hand; }

/* Index and articles page right column (news section)*/
.news {
	width: 161px;
	float: right;
	margin: 0 10px 0 0;
  _margin: 0 6px 0 0; 
}
.news .header {
	font-size: 1em;
	margin: 0;
	padding: 5px;
	background: #009CD6;
}
.news p {
	padding: 5px;
	margin: 2px 0 0 0;
	background: #075287;
}

/* Articles page right column (related items section)*/
.related {
	clear: right;
	width: 161px;
	float: right;
	margin: 10px 10px 0 0;
    _margin: 10px 6px 0 0; 
}
.related .header {
	font-size: 1em;
	margin: 0;
	padding: 5px;
	background: #075287;
}
.related p {
	padding: 5px;
	margin: 2px 0 0 0;
	background: #009cd6;
}

.related a { color: #fff; text-decoration: none; }


.current a { color: #009CD6; }

/* styles for the group structure pages */
#ds_header { padding: 0px 0 10px 0; text-align: center; }
.d_line { border: 1px dotted #fff; }
.ds_structure { overflow: hidden; height: 1%; margin: 5px 0 5px 0; padding: 0; }
.ds_logo { float: left; width: 312px; }
.ds_text { float: left; width: 300px; color: #fff; font-weight: bold; line-height: 150%; padding: 8px 0 0 0; }