/* generic html elements */

/*

green: #006432;
hover: #958f6f;
beige: #cfc39a;

*/

a
{
	color: #006432;
	text-decoration: none;
}
a:hover
{
	color: #958f6f;
}
a:visited
{
	color: #006432;
}

a:active
{
	color: #006432;
}

body
{
	padding: 0px;
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: white url('/img/background_page.png') top center repeat-y;
}

h1
{
	font-size: 19px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

h2
{
	font-size: 16px;
	padding: 0px;
	margin: 20px 0px 10px 0px;
	font-weight: normal;
}

h3
{
	color: #006432;
	font-size: 14px;
	margin: 15px 0px 5px 0px;
	clear: both;
}

h4
{
	color: #006432;
	font-size: 12px;
	margin: 10px 0px 10px 0px;
}


h5
{
	color: #000000;
	font-size: 12px;
	margin: 10px 0px 3px 0px;
}

hr
{
	border: 0px;
	height: 1px;
	background: #cfc39a;
}

img
{
	border: 0px;
}

input
{
	border: 1px solid #e3e4cd;
	background: white;
}

select
{
	border: 1px solid #e3e4cd;
	background: white;
}

checkbox
{
	border: 1px solid #e3e4cd;
	background: white;
}

ul
{
	/*list-style: disc url('/img/bullet_arrow.png') inside;*/
	list-style: disc inside;
	margin: 0px 0px 20px 0px;
	padding-left: 1em;
	text-indent: -1em;
}

ul ul {
	list-style: disc inside;
	margin: 0px 0px 0px 0px;
	padding-left: 1em;
	text-indent: -1em;
}

li
{
	margin: 5px 0px 5px 0px;
}

li.arrow
{
	list-style: disc url('/img/bullet_arrow.png') inside;
	margin: 0px 0px 0px 0px;
	padding-left: 1em;
	text-indent: -1em;
}

ul.arrow
{
	list-style: disc url('/img/bullet_arrow.png') inside;
	margin: 0px 0px 0px 0px;
	padding-left: 1em;
	text-indent: -1em;
}


ul.indentedarrow
{
	list-style: disc url('/img/bullet_arrow.png') inside;
	margin: 0px 0px 0px 0px;
	padding-left: 0em;
	text-indent: 0em;
}

p
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

small
{
	font-size: 11px;
}



/* gh caption class */

.jce_caption
{
	background: #cfc39a;
	font-size: 10px;
	font-weight: bold;
}


/* caption text */
div.jce_caption div
{
	color: black;
}



/* photo credit */
div.jce_caption div em
{
	color: #006432;
}






/* master layout elements */

#wrapper
{
	width: 988px;
	max-width: 988px;
	min-width: 988px;
	/*position:absolute;
	left:50%;
	margin-left:-494px;*/
	margin:auto;
}

#page
{
	background: white;
	width: 988px;
}

#columns
{
	width:988px;
	float:left;
	background-color: #ffffff;
	background-image: url('/img/background_columns.gif');
	background-repeat: repeat-y;
	background-position: top center;
	padding-bottom: 10px;
}

#breadcrumb
{
	color: white;
	width:988px;
	height: 27px;
	float:none;
	font-size: 10px;
	clear:both;
	text-align: left;
	vertical-align: bottom;
	z-index: 11;
}

.breadcrumb_on
{
	background-color: #023d1f;
	background-image: url('/img/background_breadcrumb_on.png');
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0px 0px 20px 0px;
}

.breadcrumb_off
{
	background-color: transparent;
	background-image: url('/img/background_breadcrumb_off.png');
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0px 0px 0px 0px;
}


#path
{
	color: white;
	position: relative;
	top: 9px;
	left: 96px;
	width: 888px;
	font-size: 10px;
	z-index: 12;
	overflow: hidden;
}
#path a
{
	color: #cfc39a;
}
#path a:visited
{
	color: #cfc39a;
}


/* #col1 becomes the middle column */
#col1
{
	width: 547px;
	float:left;
	margin-left: 176px;
	background: #ffffff
}
#col1_content
{
	padding: 0px 20px 0px 20px;
}

#col1_content ol {margin:0px; padding-left: 20px;}


/* #col2 becomes the left colum */
#col2
{
	width: 176px;
	float:left;
	margin-left: -723px; /*page width - left column*/
	background: #cfc39a;
}

#col2_content
{
	padding: 0px 0px 0px 0px;
}

/* #col3 becomes the right column */
#col3
{
	margin-left: -5px;
	width: 265px;
	float:right;
    	background-color: #fdfee4;
	background-image: url('/img/background_righcolumn.png');
	background-repeat: repeat-y;
	background-position: top right;
}

#col3_content
{
	padding: 0px 0px 0px 0px;
}

#header
{
	/*clear:both;*/
	float:left;
	width:988px;
	text-align: left;
	height: 110px;
	background-color: #006432;
/*	background-image: url('/img/background_header.png');*/
	background-image: url('/img/header_gradient.png');
	background-repeat: repeat-x;
	background-position: top left;
	position: relative;
	width:988px;
	clear: both;
}

#footer
{
	height: 15px;
	background-color: #015129;
	background-image: url('/img/background_footer.png');
	background-repeat: repeat-x;
	background-position: top left;
	width:988px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	clear: both;
	padding-top: 22px;
	padding-bottom: 22px;
}





/* styles used in #header */


div#logo
{
	border: 0px dashed silver;
	position: relative;
	top: 20px;
	left: 20px;
	width: 404px;
	height: 64px;
	float: none;
}

div#topmenu
{
	border: 0px dashed silver;
	position: absolute;
	top: 76px;
	left: 92px;
	width: 636px;
	height: 20px;
	float: left;
	margin: 0px;
	padding: 0px;
}

div#illustrations
{
	border: 0px dashed silver;
	position: relative;
	top: 20px;
	left: -4px;
	width: 240px;
	height: 71px;
	float: right;
}




/* left column's styles */

.sidebar
{
	margin: 0px;
	padding: 0px;
	width: 176px;
}

.leftmenu
{
	border: 0px solid blue;
	position:relative;
	top: -13px;
	right: 0px;
	float: right;
	width: 157px;
	height: 15px;
	border-bottom: 1px solid white;
	margin: 0px;
	margin-bottom: 20px;
	list-style-type: none;
	text-indent: 0em;
}

.leftad
{
	border: 0px solid yellow;
	position:relative;
	float: right;
	width: 157px;
	border-bottom: 1px solid white;
	margin-bottom: 20px;
	list-style-type: none;
	list-style: none;
	text-indent: 0;
}

.leftad a:hover {color:#000;}

.ad
{
	border: 0px solid blue;
	width: 157px;
	text-align: left;
	margin-bottom: 5px;
	text-indent: 0;
}

.leftcaption
{
	border: 0px solid blue;
	padding-top: 5px;
	padding-left: 2px;
	width: 138px;
}


.publicationlink
{
	color: black;
}
.publicationlink:visited
{
	color: black;
}
.publicationlink:hover
{
	color: black;
}






/* right column's styles */


input#keywords
{
	width: 195px;
}


.submitarrow
{
	color: #fdfee4;
	background: transparent url('/img/misc_submitbutton.png') no-repeat;
	border: 0px;
	margin: 0px 0px 0px 5px;
	width: 8px;
	height: 11px;
	cursor: pointer,hand;
}


.block
{
	padding-bottom: 30px;
}

.blockheader
{
	display: block;
	border: 1px dashed black
	background-color: #fdfee4;    	/* Right column background colour */
	background-repeat: no-repeat;
	background-position: top left;
	width 265px;
	height: 38px;
	text-align: left;
	vertical-align: center;
	margin: 0px 0px 10px 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	overflow: hidden;
}


.blockheader_search
{
	background-image: url('/img/brushstrokes_search.png');
}

.blockheader_calendar
{
	background-image: url('/img/brushstrokes_events.png');
}

.blockheader_itf
{
	background-image: url('/img/brushstrokes_itf.png');
}

.blockheader_jsf
{
	background-image: url('/img/brushstrokes_jsf.png');
}

.blockheader_game
{
	background-image: url('/img/brushstrokes_game.png');
}



.blockheader_documents
{
	background-image: url('/img/brushstrokes_ta+pr-documents.png');
}

.blockheader_events
{
	background-image: url('/img/brushstrokes_ta+pr-events.png');
}

.blockheader_website
{
	background-image: url('/img/brushstrokes_website.png');
}


.blockheader_offices
{
	background-image: url('/img/brushstrokes_events.png');
}

.blockheader_address
{
	background-image: url('/img/brushstrokes_ta+pr-documents.png');
}

.blockheader_publications
{
	background-image: url('/img/brushstrokes_itf.png');
}



.blockicon
{
	margin: 0px 10px 0px 0px;
	float: left;
}

.blocktitle
{
	margin-top: 18px;
}

.blockcontent
{
	padding: 0px 20px 0px 20px;
	font-size: 11px;
	text-align: left;
}

.blockcontent p {text-align:left;}

.newslink
{
}
.newslink:hover
{
	color: #cfc39a;
}

.eventlink
{
	color: black;
	font-size: 12px;
	font-weight: bold;
}
.eventlink:visited
{
	color: black;
}
.eventlink:hover
{
	color: #006432;
}

.eventdate
{
	font-weight: normal;
}

/* styles of tabbing system */

.tabs
{
	position: relative;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.tabs ul
{
	position: relative;
	float: left;
	list-style: none;
}
.tabs li
{
	position: relative;
	float: left;
	margin: 0px 20px 0px 0px;
	text-indent: 0;
}
.tabcontainer
{
	position: relative;
	display: block;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
.pages
{
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
}
.page
{
	border: 0px dashed silver;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
.hide
{
	display: none;
	visibility: hidden;
}



/* miscellaneous styles */


.bold
{
	font-weight: bold;
}

.clearfix
{
	display: block;
}

.clear
{
	clear: both;
}

.hidden
{
	visibility: hidden;
	display: none;
}

.dashed-border
{
	border: 1px dashed silver;
}

.focus
{
	border: 1px solid black;
	background: red;
	z-index: 99;
}


.transparent
{
	visibility: hidden;
	color: transparent;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

/* custom classes */

table#list
{
	width: 100%;
	padding: 0px 0px 30px; 0px;
}
table#list th
{
	color: #cfc39a;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}
table#list tr
{
	border-top: 1px solid #006432;
}
table#list td
{
	width: 100%
	text-align: left;
	vertical-align: top;
}


.crest
{
	block: inline;
	float: left;
	font-weight: bold;
	width: 77px;
}

.label
{
	font-weight: bold;
	margin: 3px 10px 3px 0px;
	width: 123px;
}

.float-left
{
	float: left;
}

.separator
{
	margin: 0px 5px; 0px 5px;
	vertical-align: top;
}

.caption
{
	font-size: 10px;
	color: black;
	clear: both;
	text-align: left;
}


.stretch
{
	width: 100%;
}

.dashedborder
{
	border: 1px dashed black;
}

.justify
{
	text-align: justify;
}

.justify ul {list-style-position: inside; margin: 0px;}

.wrap
{
	word-wrap: break-word;
}

.nowrap
{
	whitespace: nowrap;
}

.hr
{

	display: block;
	width: 100%;
	height: 1px;
	background: #cfc39a;
	margin: 20px 0px 20px 0px;
	clear: both;
}

.thr
{
	margin: 5px 0px 20px 0px;
	clear: both;
}

.thr a:hover {color:#000;}




.bhr
{
	margin: 20px 0px 5px 0px;
}


.chr
{
	margin: 5px 0px 5px 0px;
}


.xhr
{
	margin: 0px 0px 10px 0px;
}

.boardhr
{
	margin: 0px 0px 20px 0px;
	clear: both;
}


.beige_inverted
{
	color: #000;
	display: block;
	margin: 3px 0px 3px 0px;
	font-weight: bold;
}

.beige
{
	color: #cfc39a;
	display: block;
	margin: 3px 0px 3px 0px;
}


.darkbeige
{
	color: #bfb38a;
	display: block;
	margin: 0px 0px 5px 0px;
}


.beigecolor
{
	color: #cfc39a;
}



/* home page */

.newscolums
{
	width: 100%
	display: block;
	clear: both;
	}

.leftnewscolumn
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 243px;
	overflow: hidden;
}

.rightnewscolumn
{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 243px;
	overflow: hidden;
}

.larger
{
	font-size: larger;
}

.newsarticle
{
	margin: 5px 0px 0px 0px;
}


/* content pages */


.pagerow
{
	border: 0px dashed gray;
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}

.pagecolums
{
	width: 100%
	display: block;
	clear: both;
}

.leftpagecolumn
{
	border: 0px dashed silver;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 243px;
	height: 100%;
	overflow: hidden;
}

.rightpagecolumn
{
	border: 0px dashed silver;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 243px;
	height: 100%;
	overflow: hidden;
}



.publication
{
	position: relative;
	border: 0px solid silver;
	clear:both;
	display:block;
}



.box
{
	background: silver;
	margin-bottom:0px;
	background: #e5eecf;
	padding: 10px;
	clear: both;
}

.box p {
padding-top:0;
}

.box a:hover {color:#000;}

.bulletedlist
{
	list-style: disc url('/img/bullet_arrow.png') inside;
	margin: 0px 0px 10px 0px;
	padding-left: 1em;
	text-indent: -1em;
}

.indentedlist
{
	margin-left: 0em;
	padding-left: 0em;
	text-indent: 0em;
}

.indented
{
	position: relative;
	left: 1em;
	margin-left: 0em;
	padding-left: 1em;
	text-indent: -1em;
	list-style: inside;
}

.--indentedarrow
{
	border: 1px solid red;
	margin-left: 3em;
	padding-left: 3em;
	text-indent: 3em;
	list-style: inside;
}




/* country offices page */

.co {
margin-top: 0px;
font-weight: normal;
text-indent:0px;
color: #cfc39a;
}

.co a:hover {color:#cfc39a; font-weight:normal;}

.border
{
	border: 1px solid blue;
}



.movie
{
	display: block;
	z-index: 222;
	position: absolute;
	background: transparent;
	border: 0px solid #006634;
	visibility: hidden;
	display: none;

/*
	height: 500px;
	width: 30%;
	left: 40%;
*/

	width: 400px;
	height: 320px;
	top: 30%;
	left:50%;
	margin-left:-200px;




}



.pictureborder
{
	border: 1px solid #cfc39a;
}






img.illustration
{
	margin: 0px 20px 20px 0px;
}




table.nowrap tr td
{
	white-space: nowrap;
}




.photo
{
	margin: 0px 15px 10px 0px;
	float: left;
}

/* show - hide - divs */

.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	}