.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*------------------*\
|* global interface *|
\*------------------*/
body {
  margin: 0px;
  padding: 0px;
  font: normal 10px verdana, tahoma, geneva, sans-serif;
}

P {
	line-height:150%;
}

img {
  border: 0px;
}

LI {
	margin-bottom: 4px;
	list-style-position: outside;
	margin-left: 25px;
	list-style-image:url(http://porktraining.infocollections.org/static/images/bullet.gif);
}

/* forms */


form {
  margin: 0px;
}
input, textarea {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}

/* links */


a {
  color: #AC741E;
  text-decoration: none;
}
a:visited {
  color: #AC741E;
}
a:hover {
  color: #666666;
  text-decoration: underline;
}

A.gray, A.gray:link, A.gray:visited, A.gray:active {
	color: #666666;
	text-decoration: underline;
}


/* headings */


h1 {
  font-size: 16px;
}
h2 {
  font-size: 15px;
}
h3 {
  font-size: 13px;
}
h4 {
  font-size: 11px;
}
h5 {
  font-weight: normal;
  font-size: 11px;
}
/* use this with text in headings you wish to make small */


.hsmall {
  font-weight: normal;
  font-size: 9px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}
#wrapper {
  margin: 0px;
  width: 750px;
  text-align: left;
}


/*--------*\
|* header *|
\*--------*/

#top_navigation {
	width:750px;
	padding: 3px 5px 3px 5px;
}

#header {
	width:880px;
	clear:both;
}

.stripe {
	background-color:#849EAA;
	height:20px;
}

DIV.stripe DIV {
	padding:2px;
}

#stripe2 {
	width:750px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
}

#category_header {
	width:675px; 
	float:left;
}

#header_logo {
	width:471px; 
	float:left;
}

#header_unesco_logo {
	width:205px; 
	float:left;
}

#header_links {
	width:194px; 
	float:left; 
	padding-left:5px; 
	padding-right:5px; 
	padding-top:5px;
}

#header_tools_wrapper {
	width:675px; 
	border-top:1px solid #ffffff;
}

#header_tools {
	width:145px;
	padding-top:3px;
	height:17px;
	float:left;
	color:#ffffff;
	background-color:#849EAA;
}

#header_tools_stripe {
	width:19px;
	float:left;
}

#header_tools_stripe_empty {
	width:511px;
	height:20px;
	float:left;
	background-color:#B9C9D0;
}


/*------------*\
|* navigation *|
\*------------*/

#breadcrumb, #breadcrumb2 {
	border-bottom: 1px solid #849EAA;
	border-top: 1px solid #849EAA;
	width: 635px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-top: 1px;
	margin-bottom: 10px;
}

#breadcrumb2 {
	width:615px;
}

#main_nav_box {
	width:205px;
	background-color: #849EAA;
	float:left;
	height:190px;
}

#submain_nav_box {
	width:204px;
	background-color: #A52A2A;
	border-left:1px solid #FFFFFF;
	height:190px;
	float:left;
}

#main_navigation_item, #main_navigation_item_last{
	border-bottom:1px dotted #FFFFFF;
	padding: 11px;
}

#navigation_item, #navigation_item_last {
	border-bottom:1px dotted #FFFFFF;
	padding: 12px;
}

#main_navigation_item_last, #navigation_item_last {
	border-bottom:none;
}

/*-----------*\
|* search *|
\*-----------*/

INPUT.search_simple {
	width: 100px;
}

INPUT.search_simple_button {
	font-size: x-small;
	height: 20px;
	padding: 0px;
}

.search_radio {
	border: none;
	line-height: 90%;
}


/*-----------*\
|* right column *|
\*-----------*/


.services {
	margin-bottom: 5px;
}


/*--------*\
|* footer *|
\*--------*/

#footer {
	width:880px;
	background-color: #E6E5EE;
}

.footer_home_link {
	background-color:#849EAA;
	height:15px;
}

#footer_column1 {
	width:209px; 
	float:left; 
	border-right:1px solid #cccccc;
}

#footer_column2 {
	width:464px; 
	height:59px; 
	float:left; 
	border-right:1px solid #cccccc;
}

#footer_column3 {
	width:205px; 
	float:left;
}

/*---------------*\
|* contentheader *|
\*---------------*/

#heading_wrapper {
	width:584px;
	border-bottom:1px solid #849EAA;
		background-color:#FFFFFF;
}

#heading_wrapper H1 {
	margin:2px;
}

.slogan {
	padding-left:2px;
	padding-right:2px;
}

/*---------------*\
|* contentfooter *|
\*---------------*/


#contentfooter {
  width:880px;
}

#contentfooter_box1, #contentfooter_box2 {
	padding:8px;
}

#contentfooter_box1 {
	padding-top:15px;
}

/*---------*\
|* content *|
\*---------*/


#ocwrapper {
	width:880px;
	clear:both;
}

#icwrapper, #home_vertical_lines {
	width:675px;
	float:left;
}

#home_vertical_lines {
	background-image: url(http://opentraining.unesco-ci.org/static/ot/images/vertical_lines.gif);
}

#rightsidebar_wrapper, #rightsidebar2_wrapper {
	width:205px;
	float:left;
}

#rightsidebar, #rightsidebar2  {
	padding-left: 10px;
	padding-right:10px;
}

#content_wrapper {
	width: 470px;
	float: left;
}

#content {
	padding-left: 10px;
	padding-right:10px;
}

/*-----------------*\
|* global elements *|
\*-----------------*/

.new {
	background: #A52A2A;
	color: #FFFFFF;
	font-size: 8px;
	font-weight: bold;
}

.updated {
	background: Teal;
	color: #FFFFFF;
	font-size: 8px;
	font-weight: bold;
}

.pop {
	background: #191970;
	color: #FFFFFF;
	font-size: 8px;
	font-weight: bold;
}

.open {
	background: #417DC8;
	color: #FFFFFF;
	font-size: 8px;
	font-weight: bold;
}

.lightblue {
	background-color: #E6E5EE;
}

.content_cell {
	padding: 3px;
}

#label {
	padding-bottom:8px;
	border-bottom:1px solid #849EAA;
}

#label2 {
	padding-bottom:8px;
	border-bottom:1px dashed #849EAA;
	margin-bottom: 8px;
}

.label {
	background-color: #849EAA;
	color:white;
	font-size:9px;
	padding-left:1px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom:2px;
}

.home_cats {
	width: 50%;
}

/* links */

#main_navigation_item A, #main_navigation_item_last A {
	color: #FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

#navigation_item A, #navigation_item_last A {
	color: #FFFFFF;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
}

.stripeTools, .stripeTools:link, .stripeTools:hover, A.stripeTools:visited {
	color: #FFFFFF;
	font-size:10px;
	font-weight:normal;
}

INPUT {
	border: 1px solid #666666;
}

INPUT.details {
	border: 2px solid #849EAA;
	background-color:#FFFFFF;
	color:#849EAA;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.row.required {
  background-color: #e0e7e4;
  padding: 3px;
}

.formsubmit {
  margin-top: 10px;
  text-align: right;
}

/* generic messages */
.errormessage {
  color: #A52A2A;
  font-weight: bold;
}

.message {
	border: 1px dashed #AC741E;
	font-size: small;
	font-weight: bold;
	background-color: #E6E5EE;
	color: #AC741E;
	padding: 10px;
	margin-bottom: 10px;
}

.error {
	font-size: small;
	font-weight: bold;
	background-color: #E6E5EE;
	color: #A52A2A;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dashed #A52A2A;
}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
  font-weight: bold;
}
.searchhl-1 {
  background: #ffff80;
}
.searchhl-2 {
  background: #FFFF80;
}
.searchhl-3 {
  background: #FFFF80;
}
.searchhl-4 {
  background: #FFFF80;
}
.searchhl-5 {
  background: #FFFF80;
}

.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

/*---------------*\
|* page specific *|
\*---------------*/

/* category info */

#category_info {
	width:655px;
	clear:both;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	padding-top:5px;
}

#category_info_box {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
}

#category_description {
	margin-bottom: 20px;
	padding-left: 15px;
	line-height: 150%;
	color: #666666;
	font-size: 11px;
}

#detailed_info_box {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
}

.section_name {
	padding-left:15px;
	padding-bottom:2px;
}

.section_name H2 {
	font-size:18px;
	margin:0px;
}

#category_info_box H1, #detailed_info_box H1 {
	margin:0px;
	font-size:20px;
	color: #AC741E;
}

.category_links {
	color:#666666; 
	font-weight:bold; 
	font-size:small;
}

.bottom_border {
	border-bottom:1px solid #849EAA;
}

.paging {
	margin-bottom: 10px;
	margin-top: 5px;
}

/* -------------------- */
/* links list 			*/

#training_list_item {
	width:430px;
	margin-bottom:20px;
}

#training_list_item H4 {
	margin:0px;
	margin-bottom: 3px;
}

#training_list_thumbnail {
	float:left; 
	padding-right:10px; 
	width:80px;
}

#training_list_item_content {
	float:left;
	width:340px;
}

H4.linktitle A, H4.linktitle A:hover, H4.linktitle A:link, H4.linktitle A:visited {
	color:#003300;
	line-height:125%;
} 

#link_list_element {
	border-top:1px solid #849EAA;
	background-color: #E6E5EE;
	padding:2px;
	clear:both;
	width: 340px;
}

.link_detail_end {
	border-bottom:3px solid #849EAA;
}

#link_list_subelement {
	margin-left:3px;
	border-bottom: 1px solid #E6E5EE;
	margin-bottom:2px;
	padding:1px;
}

.extra_list_content {
	margin-left:20px;
	margin-bottom:10px;
	margin-top:5px;
}

.link_list_element_label {
	float:left;
	width:25%;
	background-color: #E6E5EE;
}

.link_list_element_value {
	float:right;
	width:75%;
	color: #A52A2A;
	display:block;
	background-color: #E6E5EE;
}

#partners {
	margin-bottom:20px;
}

#partners A {
	font-weight: bold;
	font-size: 12px;
}

.note {
	color: #666666;
	font-weight:normal;
	font-size:x-small;
}

.banner {
	margin-bottom:35px;
}

.banner IMG {
	margin-bottom:2px;
}

TEXTAREA.links {
	border:none; 
	width:300px; 
	background-color: #E6E5EE;
}

.linktitle {
	margin-bottom:0;
	margin-top:5px;
	color:#003300;
	line-height:125%;
}

TABLE.link {
	margin-bottom: 5px;
}

/* -------------------- */
/* detailed 			*/

#tab {
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	border-left:1px solid #849EAA;
	border-right:1px solid #849EAA;
	float:left;
}

#link_detailed_element {
	padding:2px;
	clear:both;
	width: 430px;
	margin-left:10px; 
	margin-bottom:1px; 
	margin-top:1px; 
	background-color: #E6E5EE;
	border-top:1px solid #849EAA;
}

#label H4 {
	color: white;
	font-weight: normal;
	font-size: x-small;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
}

#tabs #label {
	border: none;
}


/*--------------------- */
/* reviews              */

.review_subject {
	margin:0px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

.review_content {
	line-height:140%;
	margin-bottom:15px;
	margin-top:10px;
	padding-left:20px;
}

.review_submit {
	font-size:9px;
}

.name {
	font-size: x-small;
	font-weight: bold;
	color: #666666;
}

/*--------------------- */
/* custom pages         */

.section_description {
	font-size: small; 
	font-weight:bold; 
	color:#666666; 
	line-height:130%;
}

.attention {
	color: #A52A2A;
}

#content P, #content OL, #content LI {
	font-size: 11px;
}

.title {
	color: #666666;
	font-weight: bold;
}

.user {
	font-weight: bold;
}

.section_heading {
	color: #003300;
	margin-top: 0px;
}

.gray {
	color: #666666;
}

/*--------------------- */

#partners_box_wrapper {
	width:864px;
	background-color: #E6E5EE;
	padding: 8px;
	margin-bottom: 1px;
	margin-top: 1px;
}

.partners_box {
	float: left;
	width: 208px;
	margin-right: 8px;
	text-align: left;
}

.partners_box_content {
	text-align: center;
	margin-top: 2px;
	background-color: white;
	padding-bottom: 15px;
	padding-top: 15px;
}

/*--------------------- */

#home_block, #home_block_search {
	padding:10px;
}

#category_block_search {
	padding:5px;
}

#home_block_search {	
	background-color: #E6E5EE;
	margin-bottom: 15px;
}

#userbox {
	padding:10px;
	background-color: #E6E5EE;
	margin-bottom:15px;
}

DIV.contentfooter_main_links A, DIV.contentfooter_main_links A:link, DIV.contentfooter_main_links A:visited, DIV.contentfooter_main_links A:hover {
	font-size:12px;
	font-weight:bold;
	color:#849EAA;
}

#rightsidebar A, #rightsidebar A:link, #rightsidebar A:visited, #rightsidebar A:hover {
	color: #A52A2A;
}

#rightsidebar2 A, #rightsidebar2 A:link, #rightsidebar2 A:visited, #rightsidebar2 A:hover {
	color:#003300;
}

DIV.footer_home_link A, DIV.footer_home_link A:link, DIV.footer_home_link A:hover, DIV.footer_home_link A:visited {
	color:#FFFFFF;
}

/* bookmarks */

#bookmark_list input.checkbox {
  float: left;
}
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
  margin: 0px 0px 10px 20px;
}
.bookmark_link .comments label {
  font-weight: bold;
}
.bookmark_link .comments label span {
  font-weight: normal;
}

#bookmarks_toolbar {
	background-color: #E6E5EE; 
	padding:5px;
}

.bookmark_comment {
	color: #666666;
	padding: 3px;
	font-size: x-small;
}

/* ----------------------------- */

#category dl, #home dl {
  margin: 10px 0px 0px 0px;
  width: 49%;
  float: left;
}
#category dt a {
  font-weight: bold;
  font-size: 12px;
}
#category dt, #category dd, #home dt, #home dd {
  margin: 0px 0px 0px 20px;
}
#category dd, #home dd {
  padding-bottom: 10px;
}

#detailed p.description {
  overflow: hidden;
}

/* indent */

.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}
.indent4 {
  margin-left: 80px;
}
.indent5 {
  margin-left: 100px;
}

/* ie needs a width for overflow: hidden to work */

* html #detailed p.description {
  width: 100%;
}
#detailed p.linknav {
  margin: 0px;
  text-align: right;
}
#detailed p.linknav img {
  vertical-align: middle;
}
#detailed p.linknav a {
  text-decoration: none;
}
#detailed p.reviewsfooter {
  margin: 20px 0px 0px 0px;
  text-align: right;
}
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */

#home dt a {
  font-weight: bold;
  font-size: 13px;
}
#home #content h4 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 14px;
}
/* #home dl, #home dt, #home dd, #home dd => see #category dl */

#jump_frame .jumpwrapper {
  height: 40px;
  background: transparent url(images/swirls.gif) bottom right no-repeat;
}
#jump_frame img.jumplogo {
  padding: 2px 0px 0px 2px;
  float: left;
}
#jump_frame h4 {
  margin: 0px;
  padding: 3px 0px;
}
/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */

#modify_select input.radio {
  float: left;
}