/*
	Stylesheet for Hoppinger CMS(c) 2006-2008 Hoppinger.com
	Use this to start from when creating a new HTML/CSS project
*/

/*
	Style Imports
*/
/*@import url('menu.css');
@import url('modules.css');
@import url('sitemap.css');*/


/*
	BEGIN of Reset CSS Styles
	This is used to avoid complications when different browsers use different default values for these elements
*/
/*html, body, div, span, applet, object, iframe,
h1, h2, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/*
	END of Reset CSS Styles
*/

/*
	BEGIN of General CSS Styles
	These style definitions should be in any website
*/
* { font-size: 100.01%; }

body{
	margin:0;
	color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	min-width:990px;
	background:#dbdbdb url(../images/bg-body.gif) repeat-x;
}
img{border-style:none;} 
a{
	text-decoration:none;
	outline:none;
}
a:hover{text-decoration:underline;}
input, textarea, select{
	font:100% Helvetica, Arial, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
label{
	cursor: pointer;
}
#wrapper{
	width:990px;
	margin:0 auto;
	position:relative;
}
/*
	END of General CSS Styles
*/

/*
	BEGIN of Layout CSS Styles
	Anything required to form the layout of the website
*/
.division_list{
	list-style: none;
	clear: both;
	padding-bottom: 20px;
}

.download_area_table{
	width: 100%;
}

.download_area_item_cell{
	font-size: 12px;

}

.download_area_header_cell{
	font-size: 12px; 
	font-weight: bold;
}

#ofr{
	width: 400px;
}

#adminPageHeader {
	border: 1px solid black;
	background-color: #bfbfbf;
	padding-left: 5px;
}

#rss_feed_link_div{
	display: none;
	width: 120px;
	background: #FF5A37;
	list-style: none;
	margin-top: -76px;
	position: absolute;
}

:first-child+html #rss_feed_link_div{
	margin-top: -70px;
}

#rss_feed_link_div li{
	line-height: 20px;
}


#rss_feed_link_div li a{
	color: #fff;
	font-size:1.0em;
	margin-left: -30px;	
	font-weight: bold;
}

:first-child+html #rss_feed_link_div li a{
	float: left;
}

#login {
    margin:100px auto;
    border: 1px solid #bbb;
    padding: 10px;
    width: 500px;
    background-color:#fafafa;
}


/* LOGIN PAGE */
.editContainerCompleteLogin{
	float: left;
	width: 555px;
	margin-top: 15px;
	padding: 15px 10px;
}

.editContainerCompleteLogin p{
	font-size: 12px;
}

.editContainerCompleteLogin .text{
	background-color: #f9f9f9;
	border: 1px solid #000;
	float: left;
	font-size: 12px;
	margin: 5px 0 0 4px;
	padding: 5px;
	width: 250px;
}

.editContainerCompleteLogin label{
	float: left;
	font-size: 12px;
	width: 230px;
	margin: 8px 0 0 8px;
}

.editContainerCompleteLogin .forgotLogin
{
	float: right;
	margin: 30px 49px 0 0;
}

.forgotLogin img, .forgotLogin a{
	color: #ff5a37;
	float: right;
}

.forgotLogin img{
	margin-right: 2px;
}	

.editContainerCompleteLogin .button{
	float: right;
	margin: 10px 49px 0 0;
}

.editContainerCompleteLogin h2 {
	background: #ff5a37 url('../images/edit_header_bg.png') repeat-x;
	color: #fff;
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px 0 6px 9px;
	width: 555px;
}

.loginErrorDiv{
	background-color: #fbe3e4;
	border: 1px solid #fbc2c4;
	float: left;
	padding: 7px;
	width: 545px;
}

.sendEmailDiv{
	background-color: #e6efc2;
	border: 1px solid #c6d880;
	float: left;
	padding: 7px;
	width: 545px;
}

.loginErrorDiv img, .loginErrorDiv p, .sendEmailDiv img, .sendEmailDiv p{
	float: left;
}

.loginErrorDiv p, .sendEmailDiv p{
	margin: 7px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
}

/*
	END of Layout CSS Styles
*/

/*
	BEGIN of moduleManager CSS Styles
*/
.portraits {
	clear: both;
	width: 650px;
	float: left;
}
.portrait {
	position: relative;
	float: left;
	background-color: white;
	padding: 5px;
	padding-bottom: 0px;
	margin-right: 5px;
}

.portrait img{
	border: 1px solid #d4d4cc;
	cursor: pointer;
}

.portrait.active {
	background-color: #e7e7e3;
}

.people_admin_div {
	position: absolute;
	top: 0px;
	right: 0px;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 3px;
	text-align: center;
	width: 60px;
	height: 40px;
}

.gototop {
    padding: 8px 0;
    text-align:center;
}
/*
	END of moduleManager CSS Styles
*/

/*
	BEGIN of Extra CSS Styles
*/


/* BEGIN admintools style */
#adminTools_open{
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 225px;
	padding-left: 25px;
	height: 100%;
	background: #ff5a37 url('../images/admin_toolbar_background.png') repeat-y top left;
}

#adminToolsClosed{
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 25px;
	display:block;
	background: #ff5a37 url('../images/admin_toolbar_background.png') repeat-y top left;
}

#adminTools_open img.closeImage{
	position: relative;
	top: 50%;
	left: -15px;
	margin-top: -6px;
	cursor: pointer;
}

#adminToolsClosed img{
	position: relative;
	top: 50%;
	left: 10px;
	margin-top: -6px;
	cursor: pointer;
}

#infoDiv{
	float: left;
	width: 225px;
}

.appul{
 list-style: none; 
 margin-left: -40px; 
 line-height: 120%;
}

*html .appul{

 margin-left: 0; 

}

:first-child+html .appul{
margin-left: 0;
}

/* Begin: contactform styles */
.contactForm{

}

.contactForm .form_hint{
	color: #999;
}

.contactForm .errorText{
	color: red;
}


.contactForm p{
	padding-bottom: 0px;
	font-size: 12px;
}

.contactForm label{
	width: 350px;
	float: left;
	margin: 2px 0 0 0;
	font-size: 12px;
}

.otherForm label{
	width: 200px;
}

.contactForm input, .contactForm textarea{
	width: 250px;
	border: 1px solid #dbdbdb;
	padding: 3px;
}

.contactForm .checkbox{
	float: left;
	width: 15px;
	margin-top: 5px;
	border: 0;
}

.contactForm textarea{
	height: 120px;
}

.contactForm select {
	background-color: #fff;
	border: 1px solid #dbdbdb;
	font-size: 12px;
	padding: 2px;
	margin: 5px 0 0 0px;
}

.contactForm h2{
	clear: both;
	color: #000;
	padding-top: 10px;
}

.contactForm .radioButtonsField{
	float: left;
	width: 370px;
}


.contactForm .radioButtonsField input{
	width: 15px;
}

.contactForm .radioButtonsField label{
	margin-left: 10px;
	width: 345px;
}

.contactForm .submit, .otherForm .submit{
float: right;
margin-right: 10px;
cursor: pointer;
}

.otherForm .submit{
	margin-right: 160px;
}

.contact_message{
	font-size: 14px;
	padding: 10px 0 20px 0;
}

/*start header*/
#header{
	width:930px;
	position:absolute;
	top:30px;
	left:30px;
	background:#fff;
	height: 190px;
	background-color: #ccc;
}
#header .login{
	position:absolute;
	right:11px;
	top:-30px;
}

#header .holder{
	width:100%;
	overflow:hidden;
	background:#ff5a37;
}
.logo{
	text-indent:-9999px;
	float:left;
}
.logo a{
	display:block;
	width:282px;
	height:107px;
	padding: 13px 0 0px 20px;
	margin-left: 35px;
	margin-top: 10px;
	background:url(../images/logo.png) no-repeat;
}
#header .add-nav{
	margin:31px 30px 0 0;
	padding:0;
	list-style:none;
	float:right;
	display:inline;
	width:260px;
	font-size:14px;
	line-height:16px;
}
#header .add-nav li{
	padding:0 0 5px;
}
#header .add-nav li a{
	display:block;
	padding:2px 0 0 7px;
	width:253px;
	height:18px;
	background:url(../images/bg-add-nav.png) no-repeat;
	color:#fff;
}
#header .add-nav li a:hover{
	text-decoration:none;
	background:url(../images/bg-add-nav-hover.png) no-repeat;
}
#header .bar{
	width:100%;
	height:30px;
	background:#4c4c4c;
}
#header .bar :after{
	content:"";
	display:block;
	clear:both;
}

/* Menu */
.nav{
	margin:0;
	padding:0 0 0 18px;
	list-style:none;
	float:left;
	font-size:16px;
	line-height:18px;
}

.nav li{
	float:left;
	height:24px;
	padding:6px 12px 0 13px;
	position:relative;
	z-index:9999;
}

.nav li a:hover{
	text-decoration:none;
	color:#fff;
}

.nav li:hover,
.nav li.hover{background:#666;}
.nav li a{
	color:#b7b7b7;
	display: block;
}

.nav li a:hover{
	text-decoration:none;
	color:#fff;
}

.nav li:hover a,
.nav li.hover a,
.nav li.hover a:hover ul,
.nav li.active a{color:#fff;}
.nav li:hover ul,
.nav li.hover ul{display:block;}
.nav li ul{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:29px;
	left:0;
	background:#666;
	/*width:190px;*/
	width: 224px;
	font-size:12px;
	line-height:16px;
	border-bottom:1px solid #4c4c4c;
}

.nav li ul li{
	float:none;
	height:20px;
	padding:2px 0 0 13px;
	border-top:1px solid #4c4c4c;
	width: 210px;
}

.nav li ul li:hover,
.nav li ul li.hover{background:#4c4c4c;}
.search{
	padding:5px 8px 0 0;
	float:right;
}
.search .row{
	float:right;
}
.search .text{
	float:left;
	width:260px;
	height:20px;
	background:#5e5e5e;
	font-size:12px;
	line-height:14px;
}
.search .text input{
	padding:3px 5px 0 6px;
	width:249px;
	font-size:12px;
	line-height:14px;
	color:#fff;
	border:none;
	background:none;
}
.search .btn-submit{
	float:left;
}
.promo{
	width:100%;
	position:relative;
	z-index:1;
	line-height:14px;
}
.promo img{display:block;}
.promo .text-holder{
	position:absolute;
	right:0px;
	top:0;	
	padding: 23px;
	width:244px;
	height:144px;
	background-color:#4c4c4c;
	
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;	
}

p.header-slogan {
	/*color:#FFFFFF; #dbdbdb = lightgrey, #4c4c4c = darkgrey #ff5a37 = orange*/
	position:absolute;
	right:0px;
	top:0;	
	padding: 23px;
	width:244px;
	height:144px;	
	color:#fff;
	font-size:18px;
	line-height:22px;
	margin:0 0 11px;	
}
/*end header*/

/*start main*/
#main{
	padding:380px 30px 30px;
	width:930px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	position:relative;
}

/*start content*/
#content{
	width:610px;
	float:left;
	overflow:hidden;
}
.breadcrumbs{
	margin:0 0 17px;
	padding:9px 0 0 2px;
	list-style:none;
	width:608px;
	height:21px;
	border-bottom:1px solid #dbdbdb;
	font-size:10px;
	line-height:13px;
	overflow:hidden;
}
.breadcrumbs li{
	float:left;
	color:#4c4c4c;
	padding:0 2px 0 7px;
	background:url(../images/separator.gif) no-repeat 0 3px;
	margin:0 7px 0 -7px;
}

.breadcrumbs li a{color:#ff5a37;}

#content h1{
	margin:0 0 11px;
	font-size:16px;
	line-height:120%;
	font-weight:normal;
	color:#333;
}
#content p{
	margin:0 0 13px;
	font-size:13px;
	line-height:130%;
	color:#333;
}
#content p a{color:#ff5a37; text-decoration: underline;}

.pageAnchors ul{
	line-height: 130%;
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}

.pageAnchors ul li a{
	font-size:12px;
	line-height:0.8em;
	color:#ff5a37;
}

.pageAnchors ul li a:hover{
	text-decoration: underline;
}
/*end content*/



/*start sidebar*/
#sidebar{
	width:290px;
	float:right;
	margin-top:30px;
}
#sidebar h2{
	margin:0;
	padding:8px 0 0 15px;
	width:275px;
	height:22px;
	background:#dbdbdb;
	font-weight:normal;
	color: #ff5a37;
	font-size:16px;
	line-height: 120%;	
}

#sidebar .mainhead{
	font-weight:normal;
	color:#ff5a37;
	font-size:16px;
	line-height:120%;	
}

#sidebar .adminArrows{
	position: absolute;
	right: 35px;
}

/* Submenu */
#sidebar ul li ul li a{
	padding-left: 30px;
}

#sidebar .activeChildSideMenu{
	background-color: #fff;
}

#sidebar .activeChildSideMenu a{
	color: #333;
}

#sidebar .activeChildSideMenu ul li a{
	color: #ff5a37;
}

#sidebar .activeChildSideMenu ul li.activeChildSideMenu{
	background-color: #fff;
}

#sidebar .activeChildSideMenu ul li.activeChildSideMenu a{
	color: #333;
}

#sidebar ul.people-list li ul.people-list{
	margin-bottom: -1px;
}


.news-list{
	margin:0 0 30px;
	padding:0;
	list-style:none;
}
.news-list li{
	/*height:1%;*/
	background:#dbdbdb url(../images/bg-sidebar.png) no-repeat;
	padding:15px;
	vertical-align:top;
}
.news-list li span{
	display:block;
	font-size:11px;
	line-height:0.8em;
	color:#666;
	margin:0 0 5px;
}

.news-list li .snippet_header{
	display: inline;
	font-size:14px;
	line-height: 130%;
	color:#ff5a37;
	margin:0;
	
}
.news-list li em{
	display:inline;
	font-size:12px;
	line-height:140%;
	font-style:normal;
	margin:0 0 3px;
}
.news-list li em a{color:#ff5a37;}

.news-list li em p{
	margin:0 0 6px;
	font-size: 10px;
	line-height:140%;
	color:#333;
}
.news-list li a{
	font-size:12px;
	line-height:0.8em;
	color:#ff5a37;
}
.news-list li img{
	display:block;
	margin:6px 0 8px;
}
.news li{padding:8px 15px 10px 16px;}
.news-list li strong{
	font-size:11px;
	line-height:1.5em;
	font-weight:normal;
}
.news-list li strong a{
	color:#333;
	line-height:1em;
}
.news-list li .date{
	font-size:11px;
	line-height:1.2em;
	color:#666;
	margin:0 0 3px;
}
/*end sidebar*/



/* Footer */
#footer{
	width:100%;
	background:#dbdbdb url(../images/bg-footer.gif) repeat-x;
}
#footer .holder{
	width:930px;
	margin:0 auto;
	background:#fff;
	padding:0 30px 0;
}
#footer .frame{
	width:100%;
	min-height:200px;
	padding-bottom: 20px;
	background: #dbdbdb url(../images/bg-footer-frame.gif) repeat-x;
	overflow:hidden;
}
#footer .frame .bar{
	width:930px;
	/*overflow:hidden;*/
}
#footer .frame .bar p{
	color:#FFFFFF;
	float:right;
	font-size:11px;
	line-height:13px;
	margin:0 14px 0 0;
	padding-top:9px;
	display:inline;
}
.tools{
	margin:0;
	padding:9px 0 0 10px;
	list-style:none;
	float:left;
	font-size:12px;
	line-height:1em;
	height:21px;
}
.tools li{
	float:left;
	padding-right:13px;
}
.tools li a.rss{
	display:block;
	text-indent:-9999px;
	width:10px;
	height:15px;
	background:url(../images/ico-rss.gif) no-repeat 0 2px;
}

#header .bar{
	width:100%;
	height:30px;
	background:#4c4c4c;
}
#header .bar :after{
	content:"";
	display:block;
	clear:both;
}


.tools li a{
	color:#fff;
}
.navbar{
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	line-height:14px;
	float:left;
}
.navbar li{
	padding:14px 0 0 15px;
	margin:0 27px 0 0;
	float:left;
	display:inline;
}

.navbar li a{
	color:#333;
	font-weight:bold;
}
.navbar ul{
	margin:4px 0 0;
	padding:0;
	list-style:none;
	font-size:10px;
	line-height:14px;
}
.navbar ul li{
	margin:0;
	padding:0 0 4px;
	float:none;
	display:block;
	font-size:12px;
	line-height: 150%;
	color: #333;
}

.navbar ul li a{font-weight:normal;}

.navbar ul li a.activeFooterItem{text-decoration:underline;}

.ads{
	overflow:hidden;
	padding:7px 0 50px;
	width:100%;
	background:#fff url(../images/bg-ads.gif) repeat-x;
}
.ads .ads-list{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
.ads .ads-list li{
	float:left;
	padding-right:1px;
}
.ads .ads-list li img{
	display:block;
}

/* people page */
.item{
	margin:18px 0 29px;
	padding:0;
	list-style:none;
	width:640px;
	overflow:hidden;
}
.item li{
	float:left;
	padding-right:30px;
	width:130px;
}
.item li .visual{margin:0 0 5px;}
/*.item li.head .visual{border-bottom:5px solid #ff5a37;}
.item li.tjas .visual{border-bottom:5px solid #7e8f1b;}
.item li.rica .visual{border-bottom:5px solid #761f7b;}
.item li.peru .visual{border-bottom:5px solid #f9d4c4;}
.item li.macedonia .visual{border-bottom:5px solid #acbf81;}*/
.item li img{display:block;}
.item li a{
	display:block;
	font-size:12px;
	line-height:14px;
	color:#ff5a37;
}
.item li span,
.item li em{
	display:block;
	font-size:12px;
	line-height:14px;
	font-style:normal;
	color:#333;
}
.descriptions{
	margin:0 0 30px;
	padding:10px 0;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	list-style:none;
	width:100%;
	overflow:hidden;
	font-size:12px;
	line-height:14px;
}
.descriptions li{
	float:left;
	padding-right:15px;
}
.descriptions li.head span{background:url(../images/bg-head.gif) no-repeat 0 3px;}
.descriptions li.tjas span{background:url(../images/bg-tjas.gif) no-repeat 0 3px;}
.descriptions li.rica span{background:url(../images/bg-rica.gif) no-repeat 0 3px;}
.descriptions li.peru span{background:url(../images/bg-peru.gif) no-repeat 0 3px;}
.descriptions li.macedonia span{background:url(../images/bg-macedonia.gif) no-repeat 0 3px;}
.descriptions li span{
	color:#333;
	padding-left:15px;
	line-height:14px;
}
.people-list{
	margin:0 0 30px;
	padding:0;
	list-style:none;
	background:#f6f6f6;
	border-bottom:1px solid #dbdbdb;
	line-height:14px;
}
.people-list li{
	vertical-align:top;
	border-top:1px solid #dbdbdb;
	/*height:1%;*/
}
.people-list li span{
	display:block;
	padding:7px 15px;
	font-size:16px;
	line-height:14px;
	color:#333;
}
.people-list li a{
	display:block;
	padding:6px 15px;
	color:#ff5a37;
	font-size:12px;
	line-height:18px;
}
.people-list li a:hover{
	text-decoration:none;
	background:#fff;
}

.people-list li a.active-item{
	background:#fff;
	color: #000;
	text-decoration:none;
}


#people_detail_left{
	float: left;
	width: 160px;
}

.detail-person{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 400px;
}
.detail-person li, .detail-person li span, #content .detail-person li p{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 125%;
	padding-bottom: 20px;
	color: #000;
}

.detail-person li{
	line-height: 100%;
}

.detail-person li span{
	font-size: 12px;
}

.detail-person li span{
	line-height: 125%;
	padding-bottom: 0;
}

.detail-person li.last{
	padding-bottom: 0;
}

.line_fix{
	line-height: 120%;
}

.line_fix p{
	color: #000;
}

.detail-person li .person_label{text-transform: lowercase;} 

.detail-person li .person_label a{
	color: #ff5a37;
}
.detail-person li span{color: #999;}

/* Begin news articles */
.long, .micro{
	border-bottom:1px solid #dbdbdb;
	margin: 0 0 17px 0;
	padding: 0 0 10px 0;
}

.person_label a{
	font-family: Helvetica, Arial, sans-serif;
	
/* 	display: block;
	line-height: 24px;
	border: 2px solid #999;
	background: #eee;
	width: 120px;
	color: #000; */
}

.appul a:hover{
	text-decoration: underline;
}

.person_label a:hover{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: underline;
	
/* 	display: block;
	line-height: 24px;
	border: 2px solid #999;
	background: #eee;
	width: 120px;
	color: #000; */
}

#content div .long h1,#content div  .micro h1{ line-height: 120%; }

.long h3, .micro h3, .full h3 {
	color: #808080;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.read_more {
	color:#FF5A37;
	font-size:12px;
	line-height:0.8em;
}

.archive_years{
	position: relative;
	float: left;
	list-style: none;
	width: 100%;
	border-top: 1px solid #dbdbdb;
	margin-left: -40px;	
}

:first-child+html .archive_years{
	margin-left: 0;	
}

.archive_years li{
	float: left;
	padding-right: 2px;
	padding-top: 5px;
}

.long h1 a:hover, .micro h1 a:hover{ text-decoration: underline; }

.short{
	margin-top: 4px;
}

.moduleLinkContent{
		color: #333333;
}

.moduleLinkContent ul li{
	font-size:13px;
	color: #333;
	line-height: 140%;
}
#content .moduleLinkContent h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

#content .moduleLinkContent h1 .normal_h1{
	margin:0 0 11px;
	font-size:16px;
	line-height:120%;
	font-weight:normal;
	color:#333;	
}

#content .moduleLinkContent h4{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

#content .moduleLinkContent h2{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

#content .moduleLinkContent h5{
	font-size: 9px;
	font-weight: bold;
	color: #333333;
}

#content .moduleLinkContent h6{
	font-size: 8px;
	font-weight: bold;
	color: #333333;
}

.downloadarea{
	float: left;
	width: 610px;
	padding-bottom: 20px;
}

.downloadarea a{
	color: #ff5a37;
}